Nội quy chuyên mục: - Khu vực này chỉ dành cho việc phát triển các theme và các tính năng mới cho hệ thống.
- Tên topic chính là tên Theme. Không được đặt tên Theme trùng với Block, Module, Theme đã có.
- Các thảo luận cho theme nào phải được gửi ngay tại topic mà người đầu tiên gửi nó lên.
- Vui lòng không gửi câu hỏi và các yêu cầu trợ giúp tại đây. Topic vi phạm nội quy sẽ bị xóa ngay lập tức!
#116273 gửi bởi kenzano
Ngày 18 Tháng 05 2012 , 09:29
Kĩ thuật này mình dùng cho theme default và dùng menu smooth_navigational_menu nhưng với các themes và menu khác cũng tương tự nhé:
Đây là Demo trên website của mình: http://kenzano.byethost4.com
Cách thực hiện:
Mở file ddsmoothmenu.css:
- Với menu ngang các bạn tìm đến dòng
Mã: Chọn hết
.ddsmoothmenu ul li a:hover {

và thay đoạn code sau vào:
Mã: Chọn hết
    background: #222;
    color: white;
   font-family:"Times New Roman";
   font-size:16px;
   text-align: center;
width:90px;
height:28px;
transition: width 0.5s;
-moz-transition: width 0.5s; /* Firefox 4 */
-webkit-transition: width 0.5s; /* Safari and Chrome */
-o-transition: width 0.5s; /* Opera */
    border-bottom: 1px solid #444;
   border-top: 1px solid #111;
    border-right: 1px solid #111;
   border-left: 1px solid #444;
padding: 10px;
}


Tiếp đó kéo xuống ngay dưới đó tìm đến đoạn code:
Mã: Chọn hết
.ddsmoothmenu ul li a:hover {

và thay bằng đoạn code này:
Mã: Chọn hết
    background:#666;
   opacity: 0.6;
   overflow:hidden;
   color: #fff;
   width:110px;
}


- Với menu dọc các bạn cũng làm tương tự, các bạn tìm đến đoạn
Mã: Chọn hết
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {

và thay bằng đoạn code này vào:
Mã: Chọn hết
 background: #f2f2f2; /*background of menu items (default state)*/
    color: blue;
   opacity: 0.9;
   text-indent: 8px;
   width:161px;
   height:20px;
   background:#f2f2f2;
      transition:width 0.5s;
      -moz-transition:width 0.5s; /* Firefox 4 */
      -webkit-transition:width 0.5s; /* Safari and Chrome */
      -o-transition:width 0.5s; /* Opera */
}

Tiếp theo tìm đến đoạn
Mã: Chọn hết
.ddsmoothmenu-v ul li a:hover {

thay bằng :
Mã: Chọn hết
    background: #555;
    color: #fff;
   width: 178px;
   opacity: 0.9;
}

Chúc các bạn thành công!
Sửa lần cuối bởi kenzano vào Ngày 12 Tháng 06 2012 , 06:37, với tổng số 1 lần sửa.
#116302 gửi bởi kenzano
Ngày 18 Tháng 05 2012 , 23:19
Đây hoàn toàn là ứng dụng từ 2 website bạn ah. Với thanh menu chia sẻ dọc bên trái bạn vào trang http://www.addthis.com và bấm vào chữ Get the code for your sites! rồi làm theo các bước hướng dẫn trên website để lấy code rồi chèn vào web của bạn. Còn với thanh menu ngang bên dưới, bạn vào http://wibiya.conduit.com/ rồi bấm Get it now và cũng làm theo hướng dẫn. Bạn cứ thử tự làm, nếu có thắc mắc gì, t sẽ giải đáp sau. Chúc bạn thành công.
#117303 gửi bởi thangnmkt
Ngày 03 Tháng 06 2012 , 07:23
Đây hoàn toàn là ứng dụng từ 2 website bạn ah. Với thanh menu chia sẻ dọc bên trái bạn vào trang http://www.addthis.com và bấm vào chữ Get the code for your sites! rồi làm theo các bước hướng dẫn trên website để lấy code rồi chèn vào web của bạn. Còn với thanh menu ngang bên dưới, bạn vào http://wibiya.conduit.com/ rồi bấm Get it now và cũng làm theo hướng dẫn. Bạn cứ thử tự làm, nếu có thắc mắc gì, t sẽ giải đáp sau. Chúc bạn thành công.


Bạn kenzano hướng dẫn chi tiết giúp mình với được không. Mình làm thử nhưng không biết chèn code vào đâu cả. Cám ơn bạn trước nhé :)
#117787 gửi bởi kenzano
Ngày 11 Tháng 06 2012 , 06:59
Ở Menu menu chia sẻ dọc nhé, bạn lấy dc code rồi đúng không, mở tệp tin header.tpl trong thư mục layout ra, chèn vào bên dưới thẻ <body>, ở code đó bạn chỉnh lại thông số left và top cho phu hợp với trang web của bạn là xong. Còn cái thanh công cụ dưới thì chỉ cần vào trang đó đăng kí tài khoản rồi điền địa chỉ trang web của mình vào là OK. Không khó lắm phải không bạn?
#117913 gửi bởi nicky
Ngày 13 Tháng 06 2012 , 07:21
Cám ơn Kenzano nhiều nhé. Đã add được rồi. www.phapluatdoanhnghiep.com Các bạn thử cho vài ý kiến nhé.

Than ai, Nicky Tran. Tin tuc Franchise: http://www.vietnamfranchise.net Thanh lap doanh nghiep: http://www.phapluatdoanhnghiep.com Expat in Vietnam: http://www.dana.vn
#117967 gửi bởi kenzano
Ngày 14 Tháng 06 2012 , 02:52
Không có gì. T thấy trang web của bạn làm khá ổn rồi đó, nhưng nếu đánh giá chi tiết thì có một vài điều t đóng góp với bạn chút nhé:
+ Nên để cái menu hỗ trợ đó vào một vị trí tuyệt đối, ví dụ cho sát vào lề trang web hoặc sát lề trái màn hình.
+ Nên để thống nhất các màu trong website, cụ thể là menu ngang của bạn để mặc định là màu xanh (#003399), các danh mục chính trong website cũng nên theo màu này hoặc ngược lại. Theo ý kiến t tham khảo dc từ một vài người có kinh nghiệm thì trong một website nên để từ 1-2 màu cơ bản thôi.
+ Phần footer "NukeViet is registered trademark of VINADES.,JSC" nên bỏ đi vì dễ gây nhầm lẫn với thương hiệu của bạn, bạn có chỉnh lại trong themes/modern/layout/footer.tpl
Nếu bạn muốn thêm menu dưới vào thì chỉ cần cho thêm đoạn code bạn lấy được khi đăng kí trên http://wibiya.conduit.com/ đặt vào footer.tpl (bên trên thẻ </body>) là được.
Chúc bạn thành công và website ngày càng lớn mạnh