Bài mới nhất

Sửa Đóng
Thư mục: Design Blog Plus |
Quan trọng
Đăng ngày: 12:24 11-12-2008
http://img146.imageshack.us/img146/1964/menumc0.jpg

•   Làm trong suốt các đường viền.

Code:

#blog_masshead .rc{background:transparent;}
#blog_masshead .rc div{background:transparent;}
#blog_masshead .rc_bd{background:transparent;}
#blog_masshead .rc_bc{background:transparent;}
#blog_masshead .rc_ft{background:transparent;}
#blog_masshead .rc_ft div{width:100%;height:4px;background:transparent;}

#blog_masshead .bd{clear:both;padding:6px 0 0 5px;height:30px;
margin:3px 2px 0 2px !important;*margin:0px 2px 0 2px;background:transparent;}

Bạn nào không thích trong suốt thì cũng có thể chèn ảnh vào.


http://img402.imageshack.us/img402/7354/ngangiuaentrydx3.jpg

•   Thay đổi thanh công cụ.

http://img525.imageshack.us/img525/1007/thanhcongcuvq4.jpg

Code:

#blog_masshead .menu.mr a {background-image: url(http://img182.imageshack.us/img182/9565/mlbex3.jpg);}
#blog_masshead .menu .rc_w {height:27px;background-image: url(http://img232.imageshack.us/img232/5426/trangchinhqz6.jpg) no-repeat 0 0;}
#blog_masshead .menu .rc_e {height:27px;background-image: url(http://img232.imageshack.us/img232/5426/trangchinhqz6.jpg) no-repeat right top;}
#blog_masshead .menu.ml a {background-image: url(http://img232.imageshack.us/img232/5426/trangchinhqz6.jpg) no-repeat;}

Ở đây đã giảm Opacity của thanh công cụ xuống cho nó trong suốt.(các bạn có thể tự làm cho minhf một thanh công cụ mới).

http://img402.imageshack.us/img402/7354/ngangiuaentrydx3.jpg

•   Thay đổi Button tìm kiếm.

http://img80.imageshack.us/img80/7779/buttontimkiemck0.jpg

Code:

#blog_masshead .bd form .btn{border:none;width:60px;height:77px;background:url(Link Button) no-repeat 0 0;cursor:pointer;}

Sau khi tìm đc 1 button tìm kiếm vừa ý khi thay link các bạn nhớ thay luôn kick thước width + height đúng với link button nha.

http://img402.imageshack.us/img402/7354/ngangiuaentrydx3.jpg

•   Thay đổi Background và làm chữ nhấp nháy.

Code Background.

#blog_masshead{font-size:12px;color:#ccc;background:transparent url(link hình) repeat-x 0 5px;height:
72px;}

Code chữ nhấp nháy.

#blog_masshead a{color:
#ffffff;text-decoration:blink;}

P/s: nhớ sắp xếp code theo thứ tự trên để hình hiển thị đầy đủ không bị đè lên nhau.
(Theo KEM BLOG)
 
 
Note: nếu các bạn muốn trong suốt hòan tòan phần top hoàn tòan thì dùng code ở đây

#blog_masshead {
background:transparent  repeat scroll 0 5px;color:#000000;font-size:12px;height:78px;}

#blog_masshead .rc{background:transparent;}
#blog_masshead .rc div{background:transparent;}
#blog_masshead .rc_bd{background:transparent;}
#blog_masshead .rc_bc{background:transparent;}
#blog_masshead .rc_ft{background:transparent;}
#blog_masshead .rc_ft div{width:100%;height:4px;background:transparent;}

#blog_masshead .bd{clear:both;padding:6px 0 0 5px;height:30px;
margin:3px 2px 0 2px !important;*margin:0px 2px 0 2px;background:transparent;}
 

(Theo Tracytruong)

Trích dẫn (0)
Tìm tag: nocnha, blog, pluc, top, menu
sau (50)
  • Báo cáo

    pe_ngok_haycuoi 21:50 13-11-2009

    cho em cái code theme mu` hj2
  • Báo cáo

    kitty 20:32 20-10-2009

    cam? on
  • đã thụk hịn thàh kôg, thks !

  • Báo cáo

    Bé Pi 03:16 04-08-2009

    e làm đc rồi nè  hơi xấu tí nhưng tự mình làm thích thật

    nhưng mà e làm cái button tìm kiếm k đc

    nó cứ xuống dưới cái chỗ bình luận nhanh với home, giúp e với

     

    Free Image Hosting at www.ImageShack.us

    QuickPost Quickpost this image to Myspace, Digg, Facebook, and others!
  • Báo cáo

    Bé Pi 03:16 04-08-2009

    e làm đc rồi nè  hơi xấu tí nhưng tự mình làm thích thật

    nhưng mà e làm cái button tìm kiếm k đc

    nó cứ xuống dưới cái chỗ bình luận nhanh với home, giúp e với

     

    Free Image Hosting at www.ImageShack.us

    QuickPost Quickpost this image to Myspace, Digg, Facebook, and others!
  • chị ơi có code nào khác kô cho em đi, cái kia khó hỉu quá àh.....
  • Báo cáo

    Nat IS Nat 18:11 31-07-2009

    Share: code
    #blog_masshead .rc{background:transparent;}
    #blog_masshead .rc div{background:transparent;}
    #blog_masshead .rc_bd{background:transparent;}
    #blog_masshead .rc_bc{background:transparent;}
    #blog_masshead .rc_ft{background:transparent;}
    #blog_masshead .rc_ft div{height:4px;background:transparent;}
    #blog_masshead .bd{height:30px;background:transparent;}
    #blog_masshead .menu.mr a {background-image:url(http://i30.photobucket.com/albums/c329/Nat_t3/360%20blop/mangluoiblog.jpg);}
    #blog_masshead .menu .rc_w {height:27px;background-image:url(http://i30.photobucket.com/albums/c329/Nat_t3/360%20blop/Untitled-1-1.jpg);}
    #blog_masshead .menu .rc_e {height:27px;background-image:url(http://i30.photobucket.com/albums/c329/Nat_t3/360%20blop/Untitled-1-1.jpg);}
    #blog_masshead .menu.ml a {background-image:url(http://i30.photobucket.com/albums/c329/Nat_t3/360%20blop/Untitled-1-1.jpg);}
    #blog_masshead{font-size:12px;color:#ccc;background:transparent url(http://i30.photobucket.com/albums/c329/Nat_t3/360%20blop/nen.jpg) repeat-x 0 5px;height:72px;}
    Sẽ có hình như sau: Và sau khi Hover:

    Thx Kem Blog và ss Tracy nhìu.
  • Báo cáo

    anhchangteen2000 09:18 25-07-2009

    co cach nao co the thaqy doi luon phan tren cung cua blog thanh mot hinh khac  duoc khong!

     

  • Báo cáo

    anhchangteen2000 09:18 25-07-2009

    co cach nao co the thaqy doi luon phan tren cung cua blog thanh mot hinh khac  duoc khong!

     

  • Báo cáo

    anhchangteen2000 09:18 25-07-2009

    co cach nao co the thaqy doi luon phan tren cung cua blog thanh mot hinh khac  duoc khong!

     

  • Báo cáo

    anhchangteen2000 09:18 25-07-2009

    co cach nao co the thaqy doi luon phan tren cung cua blog thanh mot hinh khac  duoc khong!

     

  • Em đã đổi Thanh công cụ rùi nhưng ko hài lòng. Em mún cho nó về màu đen như ban đầu thì làm sao hả chị?!?!

  •  bạn ơi có code nào khác để thay đổi menu có sẵn của blog ko....post lên đi....thaks
  • Làm r` mà chẳg thấy kái zỳ hết là sao ?
  • Làm r` mà chẳg thấy kái zỳ hết là sao ?
  • Chị ơi có thể thiết kế cho em 1 cái Menu hình lá cây trong suốt để phù hợp với theme của em đc ko

    thank chị nhiều

  • Báo cáo

    Chán Phèo 09:33 03-07-2009

    Có cách nào bỏ luôn Menu có sẵn này không, bỏ một phần cũng được ví dụ như bỏ phần tìm kiếm đi (vì hình như mình tìm chẳng được gì cả). Ai biết chỉ giúp với cám ơn nhiều!!
  • chY. oy phan thanh cong cu con mau khac ko?giup e voy::(
  • Báo cáo

    LigthHurt 09:51 28-06-2009

    sao mình dùng code dưới cùng ( trong suốt toàn bộ thì cái ) Trang chính , tùy chọn, thiết kế vẫn còn màu đen là sao ?
  • Báo cáo

    Elizabeth 11:25 23-06-2009

    sis cũng làm như thế mà nó cứ đen thui thùi lùiiii, sang xem dùm cho sis nhé
  • Báo cáo

    baby.imsorry 14:19 12-06-2009

    chy oi em mun lam trong suot ca nen may chu~  trang chinh ,viet Blog, quan ly..vv

    dc hok ha? chy. chy. giup em voi'

  • Báo cáo

    Bé Gấu Xinh 01:19 12-06-2009

    hix............sao em copy đoạn cho trong suốt hết mà cái thanh công cụ nó cứ trơ ra.............đen xì.........nhìn xấu quá.......................help me
    Báo cáo

    plusconnect09:57 12-06-2009

    sang em nhé..!!
  • Báo cáo

    daik 15:11 11-06-2009

    to mun doi cai thanh cong cu voi cai dong ho vao blog ma ko dc
    vao css thi so lai hongmat cai trong suot phai vao dau ha ban
    Báo cáo

    plusconnect09:58 12-06-2009

    bạn chèn thêm vào css phía dưới..css cho phép copy nhìu code .nên sau mỗi lần thao tác css của đoạn nào, bạn nên enter xuống và copy tiếp css nữa ..ko ảnh hưởng gì đâu
  • Báo cáo

    ¶-¶ε0 22:23 05-06-2009

    bó tay.com ồi làm hum đc
  • Báo cáo

    VoI XInH xInH 23:39 24-05-2009

    ah chị ơi, em lỡ xoá mất module bảng tin nhắn rồi, giờ làm sao có lại đc ah? huhuhu
    Báo cáo

    plusconnect10:00 12-06-2009

    em vào Thiết Kế > thêm module > em vào chọn bảng tin nhắn nó sẽ hiện ra lại
  • Báo cáo

    VoI XInH xInH 23:32 24-05-2009

    Chị ơi chị chỉ giúp em cách làm trong suốt phần tên blog với nha.Cảm ơn chị nhìu!
  • Báo cáo

    VoI XInH xInH 23:30 24-05-2009

    Chị ơi chị chỉ cho em cách làm trong suốt phần tên blog đi chị. Có gì chị sang coi giùm em nha

  • Báo cáo

    winxgirl9x 17:47 21-05-2009

    cam on chi nha.Chuc1 mua he vui ve.
  • Báo cáo

    o0o_nangphu_o0o 20:33 20-05-2009

    a ơi làm thế nào để chèn ảnh hay 1 biểu tượng vào cái chỗ dưới thanh công cụ ý :| chỗ mà để ghi tên blog 8-|
  • Báo cáo

    Angel Love 12:20 14-05-2009

    Cho em hoi~ Code lam` cho nút trang chinh' khj đưa chuột vao` co' chữ " bye bye " thy` như thế nao` ạ?? Giúp em với
  • Báo cáo

    na 14:23 10-05-2009

    Bạn có cách nào thay đổi nền thanh menu hok?Để cái màu nâu hok hợp zới theme mình lắm.Help me!
  • Báo cáo

    Cancy Bady 15:00 01-05-2009

    thanks ban nhiu` nha,
    nhung ma` minh` lam` chu nhap^' nhay' ko dc
    ban noi ro~ hon nha !
  • Báo cáo

    mattroivang 20:48 25-04-2009

    lần này thì chịu thua,lúc chèn đc ảnh nền thì k thấy menu đâu,còn nhìn thấy menu thì tất cả k đc trong suốt và ảnh nền bị mất luôn.,mà k đc hoàn chỉnh nữa.Hel me
  • sao em chèn rồi mà nó cũng y zậy chỉ mất cái viền ngoài thôi còn mấy cái menu thì y như zậy em mún làm cái menu nó trong lun chỉ em với

     

  • Nếu em muốn đổi thành mấy cái màu khác thì phải làm sao?kiếm ở đâu nhỉ?
  • nếu thay link ảnh thì thay chỗ nào vậy anh
  • Báo cáo

    tjuwj 17:02 22-04-2009

    http://img525.imageshack.us/img525/1007/thanhcongcuvq4.jpg

  • Báo cáo

    tjuwj 16:41 22-04-2009

    Em ko làm trong suốt button đc chị giúp em với
    Báo cáo

    plusconnect17:01 22-04-2009

    ộc nút nào em ơi..!!

  • Báo cáo

    Dr.Phan *DTP* 11:12 15-03-2009

    Thamks !
  • Đây là lời bình riêng
    Đây là câu trả lời riêng
  • lần này em có nhiều điều mún nói đey ... sao khi em làm 1 thao tác nào dó ( chèn 1 đoạn css vào blog hoặc là thay đổi code có sẵn trong 1 modul tự tạo thành 1 code khác ) nhưng mà em ấn vào trang chủ thì nó lại trở lại như cũ   làm đi làm lại bao nhiêu lần mới được ..  ( mà tiện thể chỉ cho em cái code chèn ảnh và thanh công cụ phía trên blog được hok ^^ ! )   thanh chị trước  
    Báo cáo

    plusconnect11:05 06-03-2009

    plus đang update nên nhìu khi thao tác của emlàm nó vô tình sinh ra lỗi và quay về mặc định ban đầu, em thông cảm làm thao tác nhìu lần xem sao,chèn ảnh và thanh công cụ trên em dùng code này, thayhình của em thôi là dc

    #blog_masshead .menu.mr a {background-image: url(http://img182.imageshack.us/img182/9565/mlbex3.jpg);}
    #blog_masshead .menu .rc_w {height:27px;background-image: url(
    http://img232.imageshack.us/img232/5426/trangchinhqz6.jpg) no-repeat 0 0;}
    #blog_masshead .menu .rc_e {height:27px;background-image: url(
    http://img232.imageshack.us/img232/5426/trangchinhqz6.jpg) no-repeat right top;}
    #blog_masshead .menu.ml a {background-image: url(
    http://img232.imageshack.us/img232/5426/trangchinhqz6.jpg) no-repeat;}

  • Báo cáo

    ChiPKyZiAle 13:51 05-03-2009

    đổi màu kiểu gì ! bảo em đi! sao nó cứ màu kia. hok thik đâu. lam màu đen trong suốt cho em nhá

    Báo cáo

    plusconnect15:42 05-03-2009

    trong suốt em dùng cái này..

    #blog_masshead {
    background:transparent  repeat scroll 0 5px;color:#000000;font-size:12px;height:78px;}

    #blog_masshead .rc{background:transparent;}
    #blog_masshead .rc div{background:transparent;}
    #blog_masshead .rc_bd{background:transparent;}
    #blog_masshead .rc_bc{background:transparent;}
    #blog_masshead .rc_ft{background:transparent;}
    #blog_masshead .rc_ft div{width:100%;height:4px;background:transparent;}

    #blog_masshead .bd{clear:both;padding:6px 0 0 5px;height:30px;
    margin:3px 2px 0 2px !important;*margin:0px 2px 0 2px;background:transparent;}
     

  • Báo cáo

    I LOVE YOU FOREVER 13:34 05-03-2009

    Minh` vao` Thiet ke->themes; Copy code vao` ma` ko dc la` sao vay ban!!! Hay la` yahoo plus bi loi???
    Báo cáo

    plusconnect15:41 05-03-2009

    yahoo đang update ...đang chỉnh sửa..nên thao tác của các bạn sẽ bị khó khăn..các bạn thông cảm nhe..!!
  • Báo cáo

    meocon 08:49 06-02-2009

    chgop mang luoi blog ko thay xuat hien huhu
    Báo cáo

    plusconnect10:00 06-02-2009

    sang em ngay
  • Báo cáo

    meocon 08:44 06-02-2009

    bttun kiem o dau vay . con nua ne thanh cong cu minh coppy vao css thay con thieu trang chinh la sao vay ban.

     

  • Giúp iem nha! Thanh công cụ ý; làm thế nào để nó trong suốt đc???
    Báo cáo

    plusconnect09:23 04-02-2009

    em dùng cái này nhe..!!

    #blog_masshead {
    background:transparent  repeat scroll 0 5px;color:#000000;font-size:12px;height:78px;}

    #blog_masshead .rc{background:transparent;}
    #blog_masshead .rc div{background:transparent;}
    #blog_masshead .rc_bd{background:transparent;}
    #blog_masshead .rc_bc{background:transparent;}
    #blog_masshead .rc_ft{background:transparent;}
    #blog_masshead .rc_ft div{width:100%;height:4px;background:transparent;}

    #blog_masshead .bd{clear:both;padding:6px 0 0 5px;height:30px;
    margin:3px 2px 0 2px !important;*margin:0px 2px 0 2px;background:transparent;}
     


  • Chòi, sao em làm quài mà nó chả trong suôt j` cả.

    sao em cho đoạn code vào rùi bấm XONG muk nó cứ trơ ra, hok có bỉu hiện j` hết trơn

    Báo cáo

    plusconnect10:48 19-01-2009

    em xem trong css của em..nó cóphần code nào trùng với code phần topnày ko..vì khi 2 code trùng nhau nó sẽ ko ảnh hưởng bời code sau em chèn thêm

sau (50)

Bài viết về bạn hoặc có tag tên bạn:

  • Chưa có bài nào có liên quan.

Người đăng ký yêu thích blog này cũng đồng thời thích:

  • Chưa có blog yêu thích nào có liên quan.