Chủ đề [0]

css

Code:

.resizecmmrank img {
margin: 3px;
border: 5px solid #EEE;
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width: 140px;
}

width: 140px chính là độ rộng...

share mod tooltip chứa dc bất kỳ thứ gì như hình ảnh + js + css + tá lả lên nói chung là chứa dc code html ! hàng xịn đó nha
demo : [You must be registered and logged in to see this link.]
css

Code:

/*  */
#tooltip .tiplFMvi {
border-bottom:1.5px dashed;
padding-bottom:5px;
margin-bottom:5px;
}

#tooltip{
position:absolute;...

Tống vào SCC :

Code:

/*---việt hóa registered_and_logged----*/
.postbody span[style="color:#f00"], .postbody span[style="color:red"]  {
font-size: 0px;display: inline-block;
}
.postbody span[style="color:#f00"]::before, .postbody span[style="color:red"]::before {
content: "[ Bạn cần ";
font-size: 12px;
}
.postbody span[style="color:#f00"]::after,...

Miêu tả :
Dạng Tooltip này sẽ giúp chúng ta hiển thị thông tin khi rê chuột vào 1 chỗ nào đó : ví dụ như Gửi bài mới , Trả lời , Trích dẫn , BBcode ...

Cách làm :

Bước 1 :Cho đoạn sau vào Css :

Code:


.score{padding-top:20px}.pnsmall{font-size:10px;font-style:italic;margin-top:-5px}.tipsy{font-size:10px;padding:5px;position:absolute;z-index:999}

Chức năng: Code giúp tạo cho bạn một menu quản lý bài viết và chữ ký, ứng dụng cho phiên bản phpBB2, punBB.
Người xem có thể tùy chỉnh giao diện bài viết bằng 3 menu lựa chọn. Các thao tác được lưu lại nên các lựa chọn của người dùng sẽ không bị mất khi chuyển trang.

• Message:
  
  • Auto: Tự động thu gọn các bài viết dài hơn 500px
    
  • Custom: Thu gọn phần bài viết được đánh dấu bằng BBcode dấu ngắt dòng
    

    Code:

    [hr]

*Giới thiệu
Trước mắt ๖๖ۣۜMình chia sẻ các bạn mẫu index_box ๖๖ۣۜMình tạo trước. Sau này nếu có điều kiện sẽ hướng dẫn các bạn chỉnh ngay trên forum các bạn :D

*Demo
[You must be registered and logged in to see this link.]

*Index_box

Code:

<div class="pun-crumbs">
   <p class="crumbs"><a...

*Giới thiệu
Trước mắt ๖๖ۣۜMình chia sẻ các bạn mẫu index_box ๖๖ۣۜMình tạo trước. Sau này nếu có điều kiện sẽ hướng dẫn các bạn chỉnh ngay trên forum các bạn :D

*Demo
[You must be registered and logged in to see this link.]

*Index_box

Code:

<div class="pun-crumbs">
   <p class="crumbs"><a...

Chức năng: Bài viết này sẽ giúp các bạn tạo một danh sách bài viết liên quan và bài viết mới cùng chuyên mục cho phpBB3 và Invision

Demo: [You must be registered and logged in to see this link.]

Hướng dẫn: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management:

• Title...

Chức năng:

• Hiển thị số lượt đánh giá chuyên nghiệp.
  
• Thực hiện nhiều đánh giá một lúc mà không bị chuyển trang.

Ghi chú: Code được viết bởi [You must be registered and logged in to see this link.], tham khảo ý tưởng của [You must be registered and logged...

Demo: [You must be registered and logged in to see this link.]

Bước 1: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet

Code:

/* ads text link www.FMvi.vn */
.adstextfmvi{width:500px;border:0;padding:10px}
.logoadsfmvi{padding-right:10px}

Chức năng:

• Rút gọn những bài viết dài hơn 350px.
  
• Hiệu ứng trượt khi thu gọn bài viết.
  
• Có thể Bật/Tắt dễ dàng.

Hướng dẫn cho phpBB3

Bước 1: Thêm vào CSS
ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:

Code:

/* Thu gọn bài viết - www.FMvi.org...

Bản quyền:

• Style từ chức năng tùy chỉnh ảnh nền trong IPB Skin: Uniform © ipbforumskins (http://www.ipbforumskins.com/premade/uniform/index.php)
  
• Javascript cho punBB - forumotion viết bởi baivong @ FMvi (http://www.fmvi.org/)

Chức năng:

• 6 ảnh nền mặc định, dễ dàng thay đổi.
  
• Tùy chỉnh ảnh nền bằng URL.

Demo:...

Chức năng:

• Thay avatar ngay lập tức từ hình ảnh trong bài viết.
  
  
  
  
  
• Thông báo khi thay avatar thành công và khi xảy ra lỗi.
  
  
  
  
  
• Giới hạn số lần thay đổi avatar nhanh.
  
  

Mẹo này giúp bạn chuyển những dòng chú thích cho bbcode vào tooltip

Demo :
Trước

Sau

Thực hiện : vào Javascript codes management tạo Javascript mới :
Title * : tùy ý
Placement : In all the pages
Javascript Code * :

Code:

function helpline(help) {
  if (help.length < 5)
      showtip(eval(help...