▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

TẠO MENU NGANG CÓ MENU CON XỔ XUỐNG MỘT CẤP (Kiểu 3)

Nếu bạn chưa thoả mãn với 2 kiểu menu ngang xổ xuống một cấp (kiểu 1: Xem TẠI ĐÂY, kiểu 2: Xem TẠI ĐÂY.), các bạn có thể sử dụng menu ngang kiểu 3 này.
Với thủ thuật này, khi rê chuột vào một mục bất kỳ trên thanh menu sẽ có một menu con xổ dọc xuống "khá mướt" và khi bạn rê chuột vào thì menu con sẽ đổi màu "khá đẹp".
Mời bạn bấm vào Xem thử phía dưới để trải nghiệm nha. 
Thủ thuật này chỉ áp dụng cho các Blog sử dụng giao diện V2 (giao diện được tải trên mạng về), còn nếu áp dụng cho các giao diện mặc định của Blogspot thì bạn phải kéo tiện ích này nằm sát trên khu vực bài đăng thì menu con mới xổ xuống được...



Xem thử

Bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào.

<style>
    #mbt-menu, #mbt-menu ul {

    margin: 0;

    padding: 0;

    list-style: none;

    }

    #mbt-menu {

    width: 913px; /* Độ rộng của toàn bộ thanh menu */

    margin: 0px auto ;

    border: 1px solid #222;

    background-color: #111;

    background-image: -moz-linear-gradient(#444, #111);

    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));

    background-image: -webkit-linear-gradient(#444, #111);

    background-image: -o-linear-gradient(#444, #111);

    background-image: -ms-linear-gradient(#444, #111);

    background-image: linear-gradient(#444, #111);

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    -moz-box-shadow: 0 1px 1px #777;

    -webkit-box-shadow: 0 1px 1px #777;

    box-shadow: 0 1px 1px #777;

    }

    #mbt-menu:before,

    #mbt-menu:after {

    content: "";

    display: table;

    }

    #mbt-menu:after {

    clear: both;

    }

    #mbt-menu {

    zoom:1;

    }

    #mbt-menu li {

    float: left;

    border-right: 1px solid #222;

    -moz-box-shadow: 1px 0 0 #444;

    -webkit-box-shadow: 1px 0 0 #444;

    box-shadow: 1px 0 0 #444;

    position: relative;

    }

    #mbt-menu a {

    float: left;

    padding: 12px 28px;

    color: #999;

    text-transform: uppercase;

    font: bold 12,5px Arial, Helvetica;

    text-decoration: none;

    text-shadow: 0 1px 0 #000;

    }

    #mbt-menu li:hover > a {

    color: #fafafa;

    }

    *html #mbt-menu li a:hover { /* IE6 only */

    color: #fafafa;

    }

    #mbt-menu ul {

    margin: 20px 0 0 0;

    _margin: 0; /*IE6 only*/

    opacity: 0;

    visibility: hidden;

    position: absolute;

    top: 38px;

    left: 0;

    z-index: 9999;

    background: #444;

    background: -moz-linear-gradient(#444, #111);

    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));

    background: -webkit-linear-gradient(#444, #111);

    background: -o-linear-gradient(#444, #111);

    background: -ms-linear-gradient(#444, #111);

    background: linear-gradient(#444, #111);

    -moz-box-shadow: 0 -1px rgba(255,255,255,.3);

    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);

    box-shadow: 0 -1px 0 rgba(255,255,255,.3);

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    }

    #mbt-menu li:hover > ul {

    opacity: 1;

    visibility: visible;

    margin: 0;

    }

    #mbt-menu ul ul {

    top: 0;

    left: 150px;

    margin: 0 0 0 20px;

    _margin: 0; /*IE6 only*/

    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);

    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);

    box-shadow: -1px 0 0 rgba(255,255,255,.3);

    }

    #mbt-menu ul li {

    float: none;

    display: block;

    border: 0;

    _line-height: 0; /*IE6 only*/

    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

    box-shadow: 0 1px 0 #111, 0 2px 0 #666;

    }

    #mbt-menu ul li:last-child {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    }

    #mbt-menu ul a {

    padding: 10px;

    width: 170px; /* Độ rộng của menu con */

    _height: 10px; /*IE6 only*/

    display: block;

    white-space: nowrap;

    float: none;

    text-transform: none;

    }

    #mbt-menu ul a:hover {

    background-color: #0186ba;

    background-image: -moz-linear-gradient(#04acec, #0186ba);

    background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));

    background-image: -webkit-linear-gradient(#04acec, #0186ba);

    background-image: -o-linear-gradient(#04acec, #0186ba);

    background-image: -ms-linear-gradient(#04acec, #0186ba);

    background-image: linear-gradient(#04acec, #0186ba);

    }

    #mbt-menu ul li:first-child > a {

    -moz-border-radius: 3px 3px 0 0;

    -webkit-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

    }

    #mbt-menu ul li:first-child > a:after {

    content: '';

    position: absolute;

    left: 40px;

    top: -6px;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 6px solid #444;

    }

    #mbt-menu ul ul li:first-child a:after {

    left: -6px;

    top: 50%;

    margin-top: -6px;

    border-left: 0;

    border-bottom: 6px solid transparent;

    border-top: 6px solid transparent;

    border-right: 6px solid #3b3b3b;

    }

    #mbt-menu ul li:first-child a:hover:after {

    border-bottom-color: #04acec;

    }

    #mbt-menu ul ul li:first-child a:hover:after {

    border-right-color: #0299d3;

    border-bottom-color: transparent;

    }

    #mbt-menu ul li:last-child > a {

    -moz-border-radius: 0 0 3px 3px;

    -webkit-border-radius: 0 0 3px 3px;

    border-radius: 0 0 3px 3px;

    }


    </style>


    <ul id="mbt-menu">
    <li><a href="http://dungheineken.blogspot.com/">Trang chủ</a></li>
    <li>
    <a href="#">Tên menu chính</a>
    <ul>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>

    </ul>
    </li>

   <li>
    <a href="#">Tên menu chính</a>
    <ul>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>

    </ul>
    </li>

   <li>
    <a href="#">Tên menu chính</a>
    <ul>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>

    </ul>
    </li>
<li>
    <a href="#">Tên menu chính</a>
    <ul>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    </ul>
    </li>

<li>
   <a href="#">Tên menu chính</a>
    <ul>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    </ul>
    </li>



    </ul>


Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ (bao gồm kích thước menu chính, kích thước menu con, tiêu đề và đường link liên kết # của menu), cuối cùng bấm Lưu lại là xong.

Mở rộng thêm:
* Muốn thêm 1 menu chính nữa thì copy dòng code này.

<li>
    <a href="#">Tên menu chính</a>
    <ul>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>
    <li><a href="#">● Tên menu con</a></li>

    </ul>
    </li>


Dán phía trên thẻ đóng </ul> cuối cùng
(Code của menu này được sưu tầm từ một trang Web nước ngoài, tôi đã chỉnh sửa lại đôi chút để phù hợp hơn...).




Chúc các bạn thành công!!! 


▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀

86 nhận xét:

Unknown nói...

càng ngày bài viết của anh Dũng càng hay, chuc a Dũng đc nhiều bài viết hay hơn nữa

dunghennessy nói...

Cám ơn em đã ghé tham quan và ủng hộ dunghennessy.
Blog của em ngày càng "Pro" đó nha.
Chúc mừng em

phamvanphuong nói...

Anh Dũng ơi!
+ Cho em gắn liên kết ở trang Anh làm "Thủ thuật blogspot" - Tiêu đề ở góc trên bên phải Anh Dũng nhe!

dunghennessy nói...

Ok, em cứ tự nhiên
Nhân tiện, blog của em giờ cũng khá đẹp rồi đó.
Chúc em có một blog mang đậm tính cách của riêng mình

phamvanphuong nói...

Dạ! không giám đâu ạ!Blog của em có được như ngày nay, tất cả là nhờ thủ thuật blog của trang dunghennessy và sự chỉ bảo tận tình của Admin Dũng đó chứ ạ!
-> Cảm ơn Anh nhiều lắm Anh Dũng nhe!
Em chúc Anh luôn mãi thành công để tụi em được nhờ sự chỉ dạy của Anh nhiều Anh Dũng nhé!

dunghennessy nói...

Phần lớn là do sự cố gắng và sáng tạo của em nữa chứ phải không??? Cố gắng lên nha!!!

Admin nói...

Hi bạn. Mình mới tham gia blog nên chưa hiểu nhiều. Cho minh hỏi làm sao để tạo được thư mục trên blog, ví dụ như blog của bạn có link như sau:
http://www.dunghennessy.blogspot.com/2012/05/tao-menu-ngang-co-menu-con-xo-xuong-mot.html

Làm sao để có được 2012, 05 . Mình tìm hoài mà không thấy.
Nếu được bạn liên gửi cách làm qua mail cho mình cũng được. chungtl9x@gmail.com

dunghennessy nói...

Đó là năm và tháng của bài viết, chỉ cần bạn đăng bài, sau đó bấm Xuất bản là sẽ có link như vậy

Văn Khương nói...

Menu này quả thật là rất tuyệt. Rất khâm phục người tạo ra nó, nhưng tiếc là không phù hợp với blog của mình! :(

dunghennessy nói...

Ok, đúng vậy... tuỳ theo bố cục giao diện của blog mà bạn chọn thủ thuật nào cho phù hợp là tốt nhất

Unknown nói...

chào anh Dũng, em thử làm theo hướng dẫn của anh nhưng sao menu con không trỏ xuống

dunghennessy nói...

Nếu em đang sử dụng giao diện mặc định của Blogspot thì kéo tiện ích này xuống ngay trên khung đăng bài thì nó mới xổ xuống.

™____Zero____™ nói...

Dũng ơi. bạn hướng dẫn cho mình cách đưa các bài viết vào các thanh sổ thì làm như thế nào? mình tạo dc menu rồi mà không biết đưa bài viết vào như thế nào cả! hướng dẫn mình với nha!

dunghennessy nói...

Bạn thay dấu # bằng link của bài viết, link bài viết này bạn copy từ thanh Adress của trình duyệt rồi thay vào chỗ dấu #, sau cùng bấm Lưu là OK

™____Zero____™ nói...

Thay dấu # trên thanh Adress bằng link của bài viết rồi nhưng không có chỗ nào lưu bạn ạ. bạn có thể viết 1 bài về cách cho bài viết vào menu con có hình hoặc hướng dẫn mình cụ thể hơn không? cám ơn bạn đã trả lời sớm nhé.

™____Zero____™ nói...

Ohm mình chưa đọc kĩ hướng dẫn của bạn! hi nhưng mình vẫn không add dc các bài viết vào vi không thấy adress của bài viết >.<!!

™____Zero____™ nói...

vậy là mỗi bài viết phải tạo 1 blog khác để có link riêng hả bạn Dũng! vậy mỗi thì mất nhiều thời gian cho menu con quá nhỉ??

dunghennessy nói...

Muốn kiếm link của bài viết nào đó thì bạn phải mở bài viết đó lên xem, sau đó copy địa chỉ bài viết này trên thanh Adress của trình duyệt Web (đây chính là URL của bài viết đó), tiếp tục bạn dán đường link đó thay vào dấu #, sau cùng kéo xuống phía dưới cùng bạn sẽ thấy thẻ Lưu lại nằm ở góc phải của tiện ích HTML, bấm vào đó để lưu lại là OK liền
Chúc bạn thành công

dunghennessy nói...

Ở mỗi blog bài viết không có giới hạn, như bạn thấy blog mình có tất cả là 236 bài đó nhưng nó nằm ở mỗi nhãn khác nhau, bạn chỉ cần mở bài viết lên xem là có link URL trên thanh Adress liền

kelly vu nói...

rất tuyệt!
cho e hỏi cách chỉnh cho các menu chính hẹp lại thế nào vậy a.:D
thank a!

dunghennessy nói...

Em thay đổi width (độ rộng toàn bộ menu) ở dòng code đầu tiên bằng số nhỏ hơn. Còn độ rộng mỗi menu chính lớn hay nhỏ còn tuỳ thuộc mình đặt tên cho menu.

Unknown nói...

em muốn làm menu này nhưng em đang xài giao diện mặc định làm sao xóa giao diện mặc định hay làm sao tải giao diện trên mạng về
làm ơn chỉ em với
thanhk

dunghennessy nói...

Em tham khảo bài này nha:
http://dunghennessy.blogspot.com/search/label/Template

™____Zero____™ nói...

Dũng ơi!
cho mình hỏi làm thế nào để chia ô các bài viết và có thêm phần read mode với.
cám ơn bạn đã trả lời những thắc mắc rất nhiệt tình.

dunghennessy nói...

Để chia ô cho các bài viết thì bạn cần phải làm rất nhiều thủ thuật khác nhau (vấn đề này mình cũng chưa có nhiều kinh nghiệm lắm).
Còn bạn đang xem trang dunghennessy là do giao diện có sẳn mình không có làm thủ thuật nào cả.

Unknown nói...

Chào anh! cho em hỏi một chút là: khi em đã tạo được menu ngang, nhưng làm thế nào để đăng các bài viết vào trong các mục ở trong menu ngang đó ạ

dunghennessy nói...

Em thay địa chỉ trang của bài viết vào dấu #, sau đó bấm Lưu là OK

le quang thai nói...

đại ca dung ơi. em lam mot cai menu ngan như trên nhưng seo nó ko coa thay dc meo con http://lớp11cxcm1.vn

email: kebactinh_tvt@yahoo.com

dunghennessy nói...

Sao lại không thấy??? Làm lại thử xem. Nhân tiện địa chỉ blog của em là gì??? để anh vào xem thử nó bị lỗi gì?

Tiểu Hồ nói...

Đại ca ơi, cái thanh menu của em sao ko nhìn thấy menu con, thanh menu con bị cái trang post bài che mất tiu goỳ..làm sao giờ?
trang của em nè http://holleisteel.blogspot.com

dunghennessy nói...

Đúng rồi đó là do theme của bạn là theme có hình nền ở trên nên thủ thuật này "vô ích" bạn à

Tiểu Hồ nói...

vậy em phải làm sao giờ

dunghennessy nói...

Em phải đổi theme mà thôi

PHẠM ĐỨC TRUNG nói...

anh Dũng cho em hỏi xíu nè, link mà mình phải thay ở chỗ dấu #, làm như thế nào để có đc link đó hở anh, giờ em muốn viết bài trong mấy cái mục menu con đó thì làm sao đc? e cám ơn anh nhìu!

PHẠM ĐỨC TRUNG nói...

anh gửi hướng dẫn qua mail cho e cái nhé...
yeuquehuong.com@gmail.com

dunghennessy nói...

Ok, Anh đã hướng dẫn cho em qua mail rồi đó, em Trung vào mail xem nha

M.T nói...

Chào anh, khi em dán toàn bộ dòng lệnh trên thì thanh menu ngang hiển thị, có cả menu con luôn.

Nhưng khi em đổi tên Menu chính, thì các Menu con lại không hiển thị. Anh xem qua hộ em với ạ.

Blog của em đây ạ: http://iamcoca.blogspot.com/

Mail: mathk08@gmail.com

Cảm ơn anh trước nha.

dunghennessy nói...

Vậy là trong quá trình thay đổi tên menu em làm sai chỗ nào rồi đó, bây giờ em copy lại toàn bộ code trên, sau đó thay đổi từng menu một xem sao..

M.T nói...

Em mới thử lại, vẫn không được anh ạ.

Anh có cách nào giúp em không ạ? Em gửi blog qua anh sửa dùm em được không ạ?

dunghennessy nói...

Em thử kéo tiện ích menu ngang trên khu vực bài đăng xem sao, nếu vẫn không được thì gởi tên đăgn nhập và pass qua dungheineken@gmail.com

Unknown nói...

Ok anh, đã gửi mail rồi đấy ạ.

Unknown nói...

Thiên hạ họ đổ xô vào facebook,nhưng người có tuổi chúng tôi lại bắt đầu chia sẻ trên blog.Tôi thấy blog của Dũng rất sư phạm,xem là thường áp dụng được ngay.Cám ơn Dũng rất nhiều.Tôi thì cứ nghĩ:khái niệm Hiệp sĩ tin học ở đâu?Blog này sao không là hiệp sĩ tin học...?

dunghennessy nói...

Em cũng vậy không hiểu gì về Facebook cả, vì có thời gian đang tìm hiểu thì bị "chặn" hoài chán quá nên bỏ luôn không tìm hiểu nữa nên chuyển qua Blogspot này và thấy hay hay nên tìm hiểu luôn cho đến bây giờ đó Anh ạ...Còn về hiệp sĩ tin học chắc em không nhận đâu, tin học bao la lắm Anh à, em thì không có khả năng như vậy đâu, chỉ biết "tý chút" mà thôi
Cám ơn Anh đã ghé tham quan và ủng hộ em
Chúc Anh và gia đình năm mới vui khoẻ và hạnh phúc

Tony Hoai Vu nói...

Hay lém

Unknown nói...

Chào aDung:
E đã sử dụng menu này của a nhưng e gặp vấn đề:
khi e click vào 1 trang menu thì nó chỉ hiện 1 menu con(menu này hiện ra ko rõ)-như là ko đủ chỗ xổ xuống vậy.A có thể giúp e giải quyết nó ko ạ
cảm ơn a!


Unknown nói...

Chào aDung:
E đã sử dụng menu này của a nhưng e gặp vấn đề:
khi e click vào 1 trang menu thì nó chỉ hiện 1 menu con(menu này hiện ra ko rõ)-như là ko đủ chỗ xổ xuống vậy.A có thể giúp e giải quyết nó ko ạ
cảm ơn a!


Unknown nói...

Chào aDung:
E đã sử dụng menu này của a nhưng e gặp vấn đề:
khi e click vào 1 trang menu thì nó chỉ hiện 1 menu con(menu này hiện ra ko rõ)-như là ko đủ chỗ xổ xuống vậy.A có thể giúp e giải quyết nó ko ạ
cảm ơn a!


Unknown nói...

Chào aDung:
E đã sử dụng menu này của a nhưng e gặp vấn đề:
khi e click vào 1 trang menu thì nó chỉ hiện 1 menu con(menu này hiện ra ko rõ)-như là ko đủ chỗ xổ xuống vậy.A có thể giúp e giải quyết nó ko ạ
cảm ơn a!


Unknown nói...

Chào aDung:
E đã sử dụng menu này của a nhưng e gặp vấn đề:
khi e click vào 1 trang menu thì nó chỉ hiện 1 menu con(menu này hiện ra ko rõ)-như là ko đủ chỗ xổ xuống vậy.A có thể giúp e giải quyết nó ko ạ
cảm ơn a!


dunghennessy nói...

Bạn làm lại lần nữa xem sao, chứ ở đây mình vẫn áp dụng bình thường mà

Unknown nói...

Sao em tạo được menu rồi nhưng khi trỏ vào menu thì các menu con bị khuất không nhìn thấy được. Anh Dũng hướng dẫn giúp em nha! cảm ơn anh nhiều!

Unknown nói...

Sao em tạo được menu rồi nhưng khi trỏ vào menu thì các menu con bị khuất không nhìn thấy được. Anh Dũng hướng dẫn giúp em nha! cảm ơn anh nhiều!

dunghennessy nói...

Có thể do bạn đang sử dụng giao diện có nền cho Blog vì vậy các menu con xổ xuống sẽ bị nằm dưới nền của blog, cách khắc phục là bạn phải đổi lại giao diện mà thôi

Unknown nói...

mình có thể chỉnh cho nó đổ sang trái k ,cột e nằm bên phải

dunghennessy nói...

Mình chưa hiểu ý bạn lắm??? Menu này con đều xổ xuống bên trái mà...

Đặt phòng giá rẻ nói...

Chào bạn!
Bạn có thể cho tôi hỏi tại sao khi tôi áp dụng làm menu ngang sổ dọc ở thanh ngang phía dưới bài viết thì có thể sổ dọc được còn nếu cũng code ấy nhưng để lên thanh phía dưới tiêu đề thì lại không sổ dọc xuống được? Cảm ơn bạn Dũng trước nhé.

dunghennessy nói...

Tôi chắc rằng là bạn đang sử dụng theme sẳn có của Blogspot nên "nó" sẽ bị hạn chế, vì vậy để menu xổ dọc được thì bạn phải kéo menu này lên trên khu vực bài đăng (không để trên banner)...hoặc bạn phải tải theme khác áp dụng cho blog thì menu sẽ xổ dọc ở bất cứ nơi nào trên blog

Unknown nói...

http://giasuhaiphong89.blogspot.com/ A ơi cho e hỏi.cái menu ngang của e đó.khi e kích chuột vào sao nó không hiện menu con hả a, a chỉ giáo giúp e vơi.thân.cám ơn a nhiều

dunghennessy nói...

Vì em đang sử dụng theme có nền của Blogspot nên menu con xổ xuống nằm dưới nền của Blogspot rồi nên mình không thấy..Em phải đổi lại giao diện khác mà thôi

Unknown nói...

vâng e cám ơn a

Unknown nói...

anh ơi e thay đổi số 170 mà menu con vẫn còn dài quá e đổi các số khác nhau mà không thấy thay đổi gì cả? không biết e có bị lỗi gì kg ạ

dunghennessy nói...

Không thể nào...nếu đã đổi thông số thì menu sẽ nhỏ lại, Anh đã test lại vẫn Ok mà, em làm lại thử xem nha

Unknown nói...

anh ơi làm sao để bỏ cái gạch đứng năn cái giữa các title của menu được nhỉ, e muốn bỏ cái cuối cùng.thanks

Unknown nói...

trang của e đây ah: http://conducmethanhxuan.blogspot.com/
với lại tự nhiên e thấy cái thanh điều hướng ở trên bị lệch xuống 1 ít a có cách nào chỉnh lại ko giúp e với. thanks

dunghennessy nói...

Để bỏ gạch đứng phân chia các menu, em phải chỉnh lại thông số từ 1 thành số 0 ở đoạn code sau:
border-right: 0px solid #222;

-moz-box-shadow: 0px 0 0 #444;

-webkit-box-shadow: 0px 0 0 #444;

box-shadow: 0px 0 0 #444;

Còn về thanh điều hướng bị lệch chắc là do em đã gắn tiện ích nào ở mục head rồi, em phải kiểm tra lại và xoá "nó" đi
Chúc em thành công

Unknown nói...

cảm ơn anh, nhưng anh ơi nó xóa hết luôn rồi e chỉ muốn bỏ cái cuối cùng thôi thì làm thế nào ạ?

dunghennessy nói...

Không thể xoá một cái độc lập được em ạ...Mà Anh có vào trang của em thì thấy menu đẹp rồi cần gì phải xoá...hả em???

Sĩ Hương nói...

ah, e vừa căn chỉnh kí tự cho vừa khít đó a để ý cái cuối cùng nó hơi thừa ra một ít đó, vd như trường hợp trang thứ 2 của e đây thì nó thừa 1 ít không biết thêm chữ gì cho vừa khít đây, a so sánh 2 trang nhé:
1. sihuong.blogspot.com
2. conducmethanhxuan.blogspot.com
Dù sao cũng cám ơn a nhiều.

dunghennessy nói...

Cái cuối cùng chỉ còn "một tý" nên khó canh font chữ, em thử làm 2 cách này thử xem:
Cách thứ nhất: Là em thêm một khoảng trắng nữa ở giữa 2 chữ LIÊN và HỆ (theo anh nghĩ chắc là được....)
Cách thứ hai: Là em đăng nhập vào Blog, chọn Mẫu, chọn Tuỳ Chỉnh và chỉnh lại chiều ngang nhỏ hơn một tý (giảm 3px) thử xem sao.
Chúc em thành công

Unknown nói...

vâng, e cám ơn a nhiều.

Diệt Mối Khử Trùng Trường Phát nói...

Mình mới than gia vào blog, bạn có cho minh hổi cách tạo menu ngang xổ các menu nu con ngang sát với menu chings được không. nếu được vui long giửi vao mai dietmoitruongphat@gmail.com
cảm ơn nhiều

dunghennessy nói...

Bạn có thể nêu cụ thể hơn được không??? Menu con nào??? và ở trang nào???

otohungthinh nói...

Anh Dũng ơi, tự nhiên blog của em có tới 2 " bài đăng trên blog". khi em viết 1 bài thì nó cứ hiển thị 2 bài giống y nhau. giờ làm sao để xóa 1 cái vậy anh?

otohungthinh nói...

Và anh có thể cho em cái themes giống như trang chủ blog của anh dc ko? Nếu dc thì vô cùng cảm ơn anh!

dunghennessy nói...

Sao lại 2 cái??? Nếu vậy thì em phải tìm tiện ích bài đăng mới xoá nó đi là xong
Còn theme anh đã và đang sử dụng, Anh có chia sẻ tại đây nè:
http://anhdepblog.blogspot.com/2012/01/flash-ep-phan-1.html
Chúc em có một blog ưng ý nha

otohungthinh nói...

Anh Dũng ơi, em ko sửa dc. em vào "bố cục" ngay chỗ phần bài đăng có tới 2 " bài đăng trên blog" em ko biết làm sao để xóa đi 1 ô " bài đăng trên blog"

dunghennessy nói...

Sao không xoá được, phải xoá được chứ??? Cố gắng làm lại xem sao (xoá cái này không được thì xoá cái kia..)

Lê Thành Trung nói...

Chào Dũng,bolg của tôi là otothanhtrung.blogspot.com
Hiện này tôi gặp khó khăn trong hai vấn đề sau, rất mong bạn hướng dẫn cụ thể:

- Một, tôi tạo được manu dọc nhưng phần sổ xuống bị che mất
- Hai, tôi không biết cách đăng bài trong thư mục con
Rất mong bạn giúp đỡ chi tiết, vì tôi mới viết blog lần đầu, chúc bạn vui

Unknown nói...

Anh ơi cho em hỏi: Lam sao menu con cấp 2 của em to qua nhìn xau. em đã chỉnh độ rôngj mà nó vẫn to lam, không nhỏ lại
buivanhoai.blogspot.com

Unknown nói...

sao em copy code này ban đầu text ổn lắm nhưng sao h cũng copy y chang mà bỏ vào CSS nó lại không đọc dc anh?

Đoàn Văn Bộ nói...

cho tôi hỏi tại sao khi chèn kiểu đó lại bị thiếu. tức là không hiển thị đc hết ạ. toàn bị che đi thôi ạ.

Phạm Thanh Hiền nói...

Chào anh Dũng, em đã làm theo hướng dẫn trên của anh và thành công. Tuy nhiên, phía trước chữ "Trang chủ" có dư một khoảng trống lớn (cỡ 1/2 chiều rộng của khung chữ Trang chủ), em đã thử giảm chiều dài của toàn thanh menu nhưng vẫn khoảng trống đó vẫn không biến mất, mà việc giảm chiều dài chỉ làm cho các menu khác nhảy xuống dưới. Chính vì vậy, vấn đề em muốn hỏi là: Làm thể nào để bỏ khoảng trống trước chữ "Trang chủ"?
Mong sớm nhận được sự giúp đỡ của anh. Xin chân thành cảm ơn!

Phạm Thanh Hiền nói...

Chào anh Dũng, em đã làm theo hướng dẫn trên của anh và thành công. Tuy nhiên, phía trước chữ "Trang chủ" có dư một khoảng trống lớn (cỡ 1/2 chiều rộng của khung chữ Trang chủ), em đã thử giảm chiều dài của toàn thanh menu nhưng vẫn khoảng trống đó vẫn không biến mất, mà việc giảm chiều dài chỉ làm cho các menu khác nhảy xuống dưới. Chính vì vậy, vấn đề em muốn hỏi là: Làm thể nào để bỏ khoảng trống trước chữ "Trang chủ"?
Mong sớm nhận được sự giúp đỡ của anh. Xin chân thành cảm ơn anh!

PhanBinh nói...

cho minh hỏi sao mình tạo menu nó k cuộn xuống, mà nó hiện ngang tất cả menu con luôn???
cảm on ad.

Ngọc Bình nói...

cài rồi mà thanh menu còn không hiện trên bài đang được anh ơi.

Tiểu học Vĩnh Phước nói...

chưa copy được

Đăng nhận xét

 
Powered by by: Blogger