CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by NgocPRO 6/11/2024, 8:37 am

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


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

5 posters

Go down

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

Bài gửi by singh 20/10/2011, 10:32 am

demo hình:[svGiaDinh]Bảng Thông Tin Đen.Share! AsaJ

demo On:
Code:
http://demo-svgiadinh.tk

chèn vào css


Code:
/****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(http://i45.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(http://i45.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(http://i45.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)
Code:
<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
Code:
$(document).ready(function(){
$(".trigger").click(function(){
 $(".panel").toggle("fast");
 $(this).toggleClass("active");
 return false;
});
});


theo bài viết :
Code:
http://help.forumotion.com/t98477-how-to-install-vertical-info-panel-slide-with-jquery#
singh
singh
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 28/07/2011
Số bài : 470
CPP : 155
Châm ngôn sống : qua chuan

http://itvui.net

Về Đầu Trang Go down

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

Bài gửi by hj4uk0j0o97 20/10/2011, 11:01 am

có màu xanh kiểu như thế này demo
hj4uk0j0o97
hj4uk0j0o97
CPMember
CPMember

Safari Invision
Ngày đăng ký : 04/10/2011
Số bài : 253
CPP : 131

http://xomdoicity.123.st/

Về Đầu Trang Go down

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

Bài gửi by singh 20/10/2011, 11:02 am

hj4uk0j0o97 đã viết:có màu xanh kiểu như thế này demo
??????????? whistling
singh
singh
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 28/07/2011
Số bài : 470
CPP : 155
Châm ngôn sống : qua chuan

http://itvui.net

Về Đầu Trang Go down

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

Bài gửi by IceFox 20/10/2011, 12:41 pm

Code:
/****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(http://i45.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(http://i45.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(http://i45.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;
}
Sửa màu background trong này
IceFox
IceFox
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 07/02/2011
Số bài : 1099
CPP : 1323

http://blogger.chinhphuc.info

Về Đầu Trang Go down

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

Bài gửi by shade_king 20/10/2011, 1:35 pm

Code:
sao mình làm như vậy mà khi bấm xem thì ko hiện ra bảng


my forum: http://groupx9.us.to/forum


Được sửa bởi handsomevip007 ngày 20/10/2011, 4:18 pm; sửa lần 1. (Reason for editing : Link không vô code cho nó xấu luôn :-)
avatar
shade_king
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 12/12/2009
Số bài : 26
CPP : -4

http://ghostclassvip.tk

Về Đầu Trang Go down

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

Bài gửi by shade_king 23/10/2011, 8:30 am

Code:
 có ai trả lời giúp mình vs
avatar
shade_king
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 12/12/2009
Số bài : 26
CPP : -4

http://ghostclassvip.tk

Về Đầu Trang Go down

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

Bài gửi by singh 23/10/2011, 8:41 am

shade_king đã viết:
Code:
 có ai trả lời giúp mình vs

làm chính xác từng bước trong hướng dẫn và dùng trinh duyet Chromer để xem.(IE k dùng được nên k biết Firefox được k?
singh
singh
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 28/07/2011
Số bài : 470
CPP : 155
Châm ngôn sống : qua chuan

http://itvui.net

Về Đầu Trang Go down

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

Bài gửi by shade_king 23/10/2011, 9:01 am

Bước này

tạo trang JV mới
paster vào .OK

Làm xong rồi có cần thay link gỉ nửa ko bạn
avatar
shade_king
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 12/12/2009
Số bài : 26
CPP : -4

http://ghostclassvip.tk

Về Đầu Trang Go down

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

Bài gửi by singh 23/10/2011, 9:03 am

bạn đã update javascrip chưa?
singh
singh
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 28/07/2011
Số bài : 470
CPP : 155
Châm ngôn sống : qua chuan

http://itvui.net

Về Đầu Trang Go down

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

Bài gửi by Zero 23/10/2011, 9:40 am

cái này mình biết lâu rồi mà cũng tính share cho mọi người, vào trang chủ của cái đó nhiều kiểu hơn Good good
Zero
Zero
CPYellowMember
CPYellowMember

Firefox PunBB
Ngày đăng ký : 01/01/2009
Số bài : 2328
CPP : 2418
Châm ngôn sống : YOLO

http://devs.cf

Về Đầu Trang Go down

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

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết