[Code] Hiệu ứng bảng nội quy đóng mở

Sat Apr 21, 2012 4:11 pm

Quản Trị Viên

DEMO :

cái này để trong mục vewtopic_body , tạo 1 bảng nội quy cho mem
Hướng dẫn :

Cho đoạn sau vào Css :

#specificatii{
list-style-type: none;
padding: 5px;
width: 90%;
float: center;
margin: 5px 0px;
border: 2px solid #18405E;
background: #177FBF;
color: white;
text-shadow: 1px 1px 0px black;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

#specificatii li{
text-align: left;
margin-bottom: 15px;}

#specificatii li:last-child{margin-bottom: 0px;}

#inchide_specificatii{
cursor: pointer;
position: relative;
top: -20px;
left: -30px;}

Bước 2 : Vào Vewtopic_body tìm đoạn sau :



Thêm vào đằng sau nó code sau :

<div id="specificatii_center" align="center"><ul id="specificatii"><li>• Không spam. Xem rõ nội quy chung tại <a href="/t1-topic" rel="nofollow"><strong>Đây</strong></a></li><li>• Thể hiện văn hóa bằng cách bấm thanks với các bài viết bạn thích.</li></ul><img id="inchide_specificatii" align="right" onclick="$('#specificatii_center').hide('slow');" src="https://i.servimg.com/u/f36/11/96/49/61/erase10.png"></div>

Chú ý : có thể đặt đâu tùy ý các bạn trong vewtopic_body
có thể đặt trên khung trả lời nhanh = cách tìm code

<a name="quickreply"></a>
{QUICK_REPLY_FORM}

và đặt trên nó

#1[Code] Hiệu ứng bảng nội quy đóng mở

#1 [Code] Hiệu ứng bảng nội quy đóng mở