Mạng Giải Trí Online

—¤™(¯`†´¯) —»Thành_Công«— (¯`†´¯)™¤—
 
Trang ChínhTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập
Top posters
ThanhCong
 
s2lovelytt
 
anhtrang01
 
slil
 
pe.keomut_love_who
 
kidlove
 
thanhcong1989
 
190231
 
2012
 
sjfff
 
Similar topics
Latest topics
» Hướng dẫn cách kiểm tra xuất xứ, nơi sản xuất, phân phối iPhone 100%
by ThanhCong Tue Nov 29, 2016 6:37 pm

» Hướng dẫn tạo USB cài đặt Windows không cần phần mềm
by zzcongtuzz19x6 Thu Nov 24, 2016 7:47 am

» Đề cương môn cảm biến phần 1
by ThanhCong Thu Jul 21, 2016 4:41 pm

» Đề cương môn cảm biến phần 1
by ThanhCong Thu Jul 21, 2016 4:40 pm

» Bảng thông báo đẹp cho forum
by ThanhCong Fri Dec 12, 2014 10:36 pm

» Làm ảnh động GIF đơn giản bằng Photoshop và Giffing Tool
by ThanhCong Fri Dec 12, 2014 10:02 pm

» Hướng dẫn lắp Diode LED
by ThanhCong Thu Dec 04, 2014 9:48 pm

» Cách đọc trị số của điện trở
by ThanhCong Thu Dec 04, 2014 9:32 pm

» Bài 2 - Hướng dẫn sử dụng đồng hồ đo các loại.
by ThanhCong Wed Oct 22, 2014 9:12 pm

» Bài 1 - Kiến thức căn bản
by ThanhCong Wed Oct 22, 2014 9:06 pm

» Tìm Driver máy tính đơn giản, mọi người đều có thể làm
by ThanhCong Sun Apr 20, 2014 10:28 pm

» Thăng Long - Hà Nội nghìn năm văn hiến
by ThanhCong Sun Mar 02, 2014 6:17 pm

» Thế nào là Nhôm ?
by ThanhCong Sun Dec 29, 2013 10:25 am

» Câu chuyện về cuộc sống ( triết lý cuộc đời )
by ThanhCong Sun Nov 10, 2013 9:06 pm

» Thanh Dock đẹp cho win 7 Xp tổng hợp
by ThanhCong Sun Nov 03, 2013 5:27 pm

Poll
Statistics
Diễn Đàn hiện có 115 thành viên
Chúng ta cùng chào mừng thành viên mới đăng ký: Ren_KXO

Tổng số bài viết đã gửi vào diễn đàn là 661 in 615 subjects
QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN Thành công
Mon Oct 17, 2011 12:39 pm by ThanhCong
QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN FORUM Wed 1 Jun 2011 - 20:57 Trả lời với trích dẫn nội dung bài viết này Sửa/Xóa bài viết Xóa bài viết Xem địa chỉ IP của thành viên này
* Tất cả thành viên có trách nhiệm thực hiện nội quy khi tham gia hoạt động trên http://thanhcong.forumvi.com/forum đồng thời chú ý theo …

Comments: 3


Share |

[svGiaDinh]Bảng Thông Tin Đen.Share!

Tác giả Thông điệp
ThanhCong

Chủ diễn đàn



avatar


Tổng số bài gửi : 1072
Tài sản Tài sản : 3197
NGAY SINH NGAY SINH : 14/01/1996
NGAY THAM GIA : 28/08/2011
TUOI : 22
Đến từ Đến từ : Hà nội

Bài gửiTiêu đề: [svGiaDinh]Bảng Thông Tin Đen.Share! Fri Oct 21, 2011 12:47 pm

Code:
chọn nội dung


/****bang den*************/
.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(https://i.servimg.com/u/f45/15/95/60/34/plus12.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(https://i.servimg.com/u/f45/15/95/60/34/plus12.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(https://i.servimg.com/u/f45/15/95/60/34/minus12.png) 85% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
}



Display > Homepage > Generalities > Homepage message > Message content : paster vào!
(cũng có thể chèn trong index_body,head,footer)



<div class="panel">

<div class="colleft">
<h3>Navigation</h3>
<ul>
<li><a href="http://spyrestudios.com/" title="home">Home</a></li>
<li><a href="http://spyrestudios.com/about/" title="about">About</a></li>
<li><a href="http://spyrestudios.com/portfolio/" title="portfolio">Portfolio</a></li>
<li><a href="http://spyrestudios.com/contact/" title="contact">Contact</a></li>
<li><a href="http://spyrestudios.com" title="blog">Blog</a></li>
</ul>
</div>

<div class="colright">
<h3>Social Stuff</h3>
<ul>
<li><a href="http://twitter.com/jophillips" title="Twitter">Twitter</a></li>
<li><a href="http://designbump.com/user/147" title="DesignBump">DesignBump</a></li>
<li><a href="http://digg.com/users/jophillips" title="Digg">Digg</a></li>
<li><a href="http://delicious.com/jon.phillips" title="Del.Icio.Us">Del.Icio.Us</a></li>
<li><a href="http://designmoo.com/users/jonphillips" title="DesignMoo">DesignMoo</a></li>
</ul>
</div>
</div><div style="clear:both;"></div>

</div>
<a class="trigger" href="#">Xem</a>



Modules > HTML & JAVASCRIPT > Javascript codes management > tạo trang JV mới
paster vào .OK


$(document).ready(function(){
$(".trigger").click(function(){
$(".panel").toggle("fast");
$(this).toggleClass("active");
return false;
});
});


Chữ ký của ThanhCong



Về Đầu Trang Go down
Xem lý lịch thành viên http://thanhcong.forumvi.com

[svGiaDinh]Bảng Thông Tin Đen.Share!

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

Similar topics

-
» [Share] Đủ thứ :v
» [Share] Nick name yêu thích của SeungRi, TOP và GD
» [Share] Tóm tắt hoạt động của BIGBANG từ khi debut
» [GTV][Share] Sự cố chiếc vòng tay của SeungRi trong chương trình “GOShow”
» [share] Thêm tí những câu chuyện vui nhộn về BIGBANG
Trang 1 trong tổng số 1 trang
* Viết tiếng Việt có dấu, là tôn trọng người đọc.
* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.
* Thực hiện những điều trên, là tôn trọng chính mình.
-Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài

Permissions in this forum: Bạn không có quyền trả lời bài viết
Mạng Giải Trí Online :: Hướng dẫn tạo Forum -
Chuyển đến: