[Skin] Skin Blue (Invision)

by **Choi Min Ki** 20/3/2013, 11:41 am

Skin Blue
Invision by Choi Min Ki
Nuest-vn.123.st

Demo : Nuest-vn.123.st
Hoặc
Demo :
[Skin] Skin Blue (Invision) Untitl29

Tính năng :
Last topic Invision Ver 2
Thu gọn bài viết
Chatbox CPstyle Ver 1
CSS Hóa button
Đăng nhập bằng ColorBox không chuyển trang
Css thay đổi trang lí lịch
Kết bạn và đường link đến wall

B1 : Display -> Quản lí giao diện -> Version -> Chọn Invision
B2 : Cho vào CSS :

Code:: /*---navbar--*/ #submenu ul li a { margin: 0; color: white; } #submenu { margin-top: 20px; } #userlinks { margin-bottom: 20px; } #submenu ul li a:hover { background-color: transparent; text-shadow: 0 0 3px white, 0 1px 7px black, 0 0 10px white , 0 0 15px black; } #submenu, div.maintitle, #gfooter { background: url(http://i42.servimg.com/u/f42/17/42/30/93/tile_c10.gif); border-top-right-radius: 8px; border-top-left-radius: 8px; border: 1px solid #69E2EC; } #userlinks, .box-content, .topic-footer{ border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } /*---box----*/ table.ipbtable img.icon { margin-left: -9px; } table.ipbtable.index-box { border: 1px solid #56E2EF; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } table.ipbtable tfoot td { font-size: 3px; height: 1px; background: url(http://i42.servimg.com/u/f42/17/42/30/93/tile_c10.gif); padding: 4px; } .postprofile-details.postdetails a[href*="/u"] img, .blog_comment-avatar img { border-width: 15px 15px 15px; -moz-border-image: url(http://i46.servimg.com/u/f46/16/76/15/68/nav_av10.png) 15 stretch; -webkit-border-image: url(http://i46.servimg.com/u/f46/16/76/15/68/nav_av10.png) 15 stretch; -o-border-image: url(http://i46.servimg.com/u/f46/16/76/15/68/nav_av10.png) 15 stretch; border-image: url(http://i46.servimg.com/u/f46/16/76/15/68/nav_av10.png) 15 stretch; max-height: 90px; } /*Last topic cho Invision ver.2*/ #left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt} #left .module.borderwrap:nth-child(1){margin-right:2px;width:220px;float:left} #left .module.borderwrap:nth-child(1) .box-content{background:white} #left .module.borderwrap:nth-child(3){width:705px;float:left} #left .module.borderwrap:nth-child(3) a + br,#left [style="height:11px"]{display:none} #left .module.borderwrap:nth-child(3) .box-content{overflow:hidden;height:281px;background:white} #left .module.borderwrap:nth-child(3) .box-content:hover{overflow:auto} #left .module.borderwrap:nth-child(3) .box-content a[href^="/t"]{margin-bottom:15px;width:342px;float:left;overflow:hidden;height:14px} #left .module.borderwrap:nth-child(3) .box-content a[href*="/u"]{margin-bottom:15px;margin-left:-30px;background:white;width:157px;display:inline-block;padding-left:15px} #left .module.borderwrap:nth-child(3) .box-content a[href*="/u"] img{margin-top:-16px} #left .module.borderwrap:nth-child(3) .box-content a[href^="/t"]::before{content:counter(stt)".";counter-increment:stt;width:20px;display: inline-block;text-align:right} [summary*="Top post"] tr{height:25px} [summary*="Top post"] td{background:#FFF!important;border:0!important} #left .module.borderwrap{width:937px;float:left} /* Thu gọn bài viết - www.FMvi.org */ .baivietdai{overflow:hidden} .thugon span:hover{text-shadow:1px 1px 1px #000;cursor:pointer} .thugon{background-color:#F6FF9D;border:3px double #0668AD;clear:both;margin:0;padding:2px 10px} .viewfull{background:url(//ssl.gstatic.com/ui/v1/zippy/arrow_down.png) no-repeat scroll 3px 7px transparent;padding:0 15px} .viewhide{display:none;background:url(//ssl.gstatic.com/ui/v1/icons/mail/arrow_up.png) no-repeat scroll 3px 7px transparent;padding:0 15px} .fullOff{background:url(http://i48.servimg.com/u/f48/16/58/89/73/power_11.png) no-repeat scroll 0 2px transparent;margin-top:-2px;padding:2px 5px 2px 20px} .fullOn{display:none;background:url(http://i48.servimg.com/u/f48/16/58/89/73/power_10.png) no-repeat scroll 0 2px transparent;margin-top:-2px;padding:2px 5px 2px 20px} .chatbox_row_2.clearfix,.chatbox_row_2.clearfix .date-and-time {float:right} .chatbox_row_1.clearfix{float:left} .chatbox_row_1.clearfix,.chatbox_row_2.clearfix{ clear:both; max-width:50%; margin:10px 2px 0 2px; background:rgba(250, 250, 250, 0.79); display:block; min-height:30px; border-radius:5px; } [class^="chatbox_row_"]:last-child{margin-bottom:10px} #chatbox .date-and-time{ float:left; margin:-21px 0 0 -7px; background:url(http://i44.servimg.com/u/f44/15/64/85/86/app-cl10.png); font-size:0; display:inline-block; width:16px; height:16px; } #chatbox .user{font-size:0} #chatbox .user a{ text-shadow:0 0 13px white,0 0 13px white,0 0 13px white,0 0 13px white,0 0 13px white,0 0 13px white,0 0 13px white,0 0 13px white; margin:0 5px; font-size:12px } .chatbox_row_1.clearfix .user{margin:-18px 0 0 7px;float:left} .chatbox_row_2.clearfix .user{margin:-18px 14px 0 0;float:right} #chatbox{background:url(http://static.tumblr.com/yka6ksm/Oywmanfos/nuest-debuts-on-music-core-with-im-sorry-and-face_cac--_0.jpg)} #chatbox_bottom{height:412px!important} #chatbox [style="font-style:italic"]{font-size:0} #chatbox [style="font-style:italic"]::after{ content:"Ngắt kết nối tới máy chủ! Click [Đăng nhập] ở góc để thử lại :)"; font-size:14px; } a[href*="mode=post_profile"],a[href*="mode=reply"],a[href*="mode=newtopic"],a[href*="merge?t="],a[href*="cp?mode=split"],a[href*="cp?mode=lock"],a[href*="cp?mode=move"],a[href*="cp?mode=trash"],a[href*="cp?mode=delete"],a[href*="cp?mode=unlock"],a[href*="mode=unlock&p"],a[href*="mode=lock&p"],a[href*="mode=report"],a[href*="&mode=delete"],a[href*="mode=editpost"],a[href*="mode=quote"]{background:#7D2252;color:#FFF!important;border-radius:10px;font:11px Arial,sans-serif;margin:2px;padding:2px 9px} a[href*="mode=post_profile"]:hover,a[href*="mode=reply"]:hover,a[href*="mode=newtopic"]:hover,a[href*="cp?mode=unlock"]:hover,a[href*="merge?t="]:hover,a[href*="cp?mode=split"]:hover,a[href*="cp?mode=lock"]:hover,a[href*="cp?mode=move"]:hover,a[href*="cp?mode=trash"]:hover,a[href*="cp?mode=delete"]:hover,a[href*="mode=unlock&p"]:hover,a[href*="mode=lock&p"]:hover,a[href*="mode=report"]:hover,a[href*="&mode=delete"]:hover,a[href*="mode=editpost"]:hover,a[href*="mode=quote"]:hover{background:#B35A9C;border:1px solid #FFF} a[href*="mode=reply"],a[href*="mode=newtopic"]{font:13px Arial,sans-serif!important} a[href*="mode=quote"]:before{content:"Trích dẫn"} a[href*="mode=editpost"]:before{content:"Sửa"} a[href*="&mode=delete"]:before{content:"Xóa"} a[href*="mode=report"]:before{content:"Báo xấu"} a[href*="mode=lock&p"]:before{content:"Chặn báo xấu"} a[href*="mode=unlock&p"]:before{content:"Cho phép báo xấu"} a[href*="cp?mode=delete"]:before{content:"Xóa chủ đề"} a[href*="cp?mode=trash"]:before{content:"Cho vào sọt"} a[href*="cp?mode=move"]:before{content:"Di chuyển"} a[href*="cp?mode=lock"]:before{content:"Khóa chủ đề"} a[href*="cp?mode=split"]:before{content:"Tách bài viết"} a[href*="merge?t="]:before{content:"Gộp bài viết"} a[href*="cp?mode=unlock"]:before{content:"Mở khóa chủ đề"} a[href*="mode=post_profile"]:before{content:"//Viết lên tường"} a[href*="mode=newtopic"]:before{content:"* Tạo chủ đề mới"} a[href*="mode=reply"]:before{content:"+ Trả lời chủ đề"} img[src="http://2img.net/i/fa/empty.gif"]{display:none} .box-content.profile.center img:first-child{width:100px;height:100px;-moz-box-shadow:1px 1px 2px #d0d0d0;-webkit-box-shadow:1px 1px 2px #D0D0D0;border:2px solid #fff;box-shadow:1px 1px 2px #D0D0D0;} #profile-advanced-left{margin-left:360px;width:620px} #profile-advanced-right{margin-top:5px!important;margin-left:10px!important;background-color:transparent;float:left;width:300px;position:absolute} div.tabitem{background-image:url(http://2img.net/i/fa/empty.gif);color:#fff!important;background-color:#222!important;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;border-top-left-radius:10px;border-top-right-radius:10px;border:0 solid rgba(255,255,255,.8)} .privmsg li a{margin-left:220px;background-image:url(http://2img.net/i/fa/empty.gif);color:#fff!important;background-color:#222!important;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out} .privmsg li a:hover{background-color:#000!important} /* Bloque Login Flotante Style LightBox ©Copyright by giObanii - MTMY . */ #TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* ©Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;} .TGlogin_form-float-div {background: url("http://i49.tinypic.com/2jci9c.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;} .TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;} .TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;} .TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;} .TGlogin_form-float-div input.submit {background: url("http://i49.tinypic.com/eumpmp.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;} .TGlogin_form-float-div input.submit:active {position:relative; top: 1px;} .TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;} .TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);} #TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;} #TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;} /* ©Copyright by giObanii -MTMY. All Rights Reserved. */

B3 : Tạo những JS :
1 : Title : Kb Wall
Placement : In the topic
Code :

Code:: $(function(){ var a=$('.postprofile').get(); for(i=0;i<a.length;i++) { var b=a[i].getElementsByTagName('dt')[0].getElementsByTagName('a')[1]; var unm=$(b).text(); var uid=b.href.substring(b.href.indexOf('/u')+2); $(a[i]).append('<a href="/profile?friend=' + unm + '&mode=editprofile&page_profil=friendsfoes">Kết bạn</a><br><a href=" /u' + uid + 'wall">'+unm+'\'s Wall</a>'); } });

2.Title : Đăng nhập
Placement : In all pages
Code :

Code:: $(function() { var tgl = document.getElementById('i_icon_mini_login'); if(!tgl) return; var tgu = document.location.href; $('body').append('<div id="TGlogin_form" class="TGlogin_form-float" style="display: none;"><div class="TGlogin_form-float-content"><div class="TGlogin_form-float-div"><form id="TGloginform" method="post" method="post" action="/login?redirect='+tgu+'"><label><em>Username : </em><input id="username" type="text" name="username"></label><label><em>Password : </em><input id="password" type="password" name="password"></label><label style="float: left; margin-top: 5px; text-align: left;"><em style="margin-right: 10px; margin-top: 3px; width: 85px; margin-left: 7px;">Ghi nhớ ? : </em><input type="checkbox" name="autologin" checked="true" style="width: 20px;"></label><input id="submit" type="submit" name="login" value="Đăng nhập" class="submit"></form></div></div><span class="TGClose">X</span></div><div id="TGfade" class="TGlogin_form-float_overlay"></div>'); var Copyrights = 'TGloginform with jQuery - ©Copyright by giObanii. ©Copyright by MTMY. All Rights Reserved.'; $('a[href="/login"], a[href="/login?connexion"]').attr('href', '/login').click(function (e) { $('#TGlogin_form').fadeToggle('slow', 'linear'); return false; }).click(function(e) {$('#TGfade').css('display', 'block' ); $('#TGlogin_form').css('left', '40%').css('top', '40%'); }); $('.TGClose').click(function() { $('#TGlogin_form, #TGfade').fadeToggle("slow", "linear"); }); });

3.Title : Thu gọn bài viết dài
Placement : In the topic
Code :

Code:: var CopyrightNoticeEn = 'Copyright © by FmVi. All Rights Reserved. Use, modification, and/or distribution of this script is not allowed without direct permission from baivong (gialangsangai2000@yahoo.com). This entire copyright notice must remain in the original, copied, or modified script'; var CopyrightNoticeVi = 'Bản quyền © FmVi. Giữ toàn quyền. Việc sử dụng, sửa đổi , và / hoặc phân phối mã này mà không được phép trực tiếp từ baivong (gialangsangai2000@yahoo.com) là không được phép. Toàn bộ thông báo bản quyền này phải được giữ nguyên khi sao chép, hoặc sửa đổi'; $(function () { $(".postbody .post-entry").each(function () { if ($(this).height() >= 350) { $(this).after('<p class="thugon"><span class="viewfull">Xem toàn bộ</span><span class="viewhide">Thu gọn</span><span class="fullOff" style="float:right">Tắt chức năng thu gọn</span><span class="fullOn" style="float:right">Bật chức năng thu gọn</span></p>'); $(this).addClass("baivietdai"); $(".baivietdai").height(315); } }); if (my_getcookie("thugonbaiviet") == "yes") { $(".fullOn, .viewhide").show(); $(".fullOff, .viewfull").hide(); $(".baivietdai").height("100%"); } $(".viewfull").click(function () { $(this).parent().prev().height("100%"); $(this).hide().next().show(); }); $(".viewhide").click(function () { $(this).parent().prev().animate({ height: "315px" }, 1000); $(this).hide().prev().show(); }); $(".fullOff").click(function () { my_setcookie("thugonbaiviet", "yes", true); $(".baivietdai").height("100%"); $(".fullOn, .viewhide").show(); $(".fullOff, .viewfull").hide(); }); $(".fullOn").click(function () { my_setcookie("thugonbaiviet", "no", true); $(".baivietdai").animate({ height: "315px" }, 1000); $(".fullOn, .viewhide").hide(); $(".fullOff, .viewfull").show(); }); });