Announcements
Top posters
Light Knight (379)
 
harryumefor (15)
 
WallPoints (5)
 
Zuni Thoang (4)
 

Most active topic starters
Top posting users this week



[Code] Biến Thanh toolbar mặc định thành thanh toolbar facebook

[You must be registered and logged in to see this image.]
Demo online :
Link : [You must be registered and logged in to see this link.]
ID : rockmanvnx6
Pass: zxcvbnmasdfghjkl
----
Thấy hay thì click vào link này ủng hộ mình nhé nháy mắt
[You must be registered and logged in to see this link.]
----
Cách làm :
Chèn vào css ( ACP => Display => Color => CSS Stylesheet ) đoạn

Code:

#fa_service a:hover{
  text-decoration:none!important;
}
#fa_icon{
  display:none;
}
#fa_search #fa_textarea {
  text-indent: 10px !important;}
#fa_magnifier{display:none!important}

#fa_textarea{width:315px!important;
  text-shadow: rgba(0, 0, 0, .35) 0 1px;
color: #A9B1C0;background: -webkit-linear-gradient(rgba(65, 74, 90, 0.6), rgba(76, 84, 100, 0.6)) !important;
background: -moz-linear-gradient(rgba(65, 74, 90, 0.6), rgba(76, 84, 100, 0.6)) !important;
background: -o-linear-gradient(rgba(65, 74, 90, 0.6), rgba(76, 84, 100, 0.6)) !important;
background: -ms-linear-gradient(rgba(65, 74, 90, 0.6), rgba(76, 84, 100, 0.6)) !important;
background: linear-gradient(rgba(65, 74, 90, 0.6), rgba(76, 84, 100, 0.6)) !important;
border-radius: 15px !important;
-webkit-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(255, 255, 255, .4) !important;
box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(255, 255, 255, .4) !important;
}
#fa_toolbar_hidden{background: linear-gradient(#2C4987,#738ABA);-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: inset 0 1px 1px -1px white, 0 0 10px rgba(0,0,0,0.4)!important;

border-color: #111A33;
box-shadow: inset 0 1px 1px -1px white, 0 0 10px rgba(0,0,0,0.4)!important;}
#fa_welcome , #fa_notifications , #fa_service{background-color:transparent!important;color:#FFF!important;font-weight:bold;text-shadow: 0 -1px 0 rgba(0, 0, 0, .35) !important;opacity:0.9;}
#fa_welcome , #fa_notifications , #fa_service:hover{opacity:1;}
#notif_list > li{
  background:#FFF;
}
#outsite2{background-image: url(https://s-static.ak.fbcdn.net/rsrc.php/v2/yZ/x/Oy5x_gIVc12.png)!important;
background-position: -100px -30px!important;
height: 25px!important;
margin-top: -75px!important;
position: absolute;
right: 1px!important;
width: 54px!important;

}
#outsite1{background-image: url(https://s-static.ak.fbcdn.net/rsrc.php/v2/yZ/x/Oy5x_gIVc12.png)!important;
background-position: -100px -30px!important;
height: 25px!important;
margin-top: -30px;
position: absolute;
right: 1px!important;
width: 54px!important;

}
#insite1{
background: #fff;
border: 1px solid #333;
border-bottom: 2px solid #333;
margin-top: -1px;
padding: 4px 0;
position: absolute;
right: -1px;

z-index: -1;
width: 10%;
height: 97%;
}
#outsite{
 background-image: url(https://s-static.ak.fbcdn.net/rsrc.php/v2/yZ/x/Oy5x_gIVc12.png)!important;
background-position: -100px -30px!important;
height: 25px!important;
margin-top: -30px!important;
right: 16px!important;
width: 54px!important;
position: absolute;
}
#insite{
background: #fff;
border: 1px solid #333;
border-bottom: 2px solid #333;
margin-top: -1px;
padding: 4px 0;
position: absolute;
right: -1px;

z-index: -1;
width: 100%;
height: 97%;
}
#fa_toolbar{
  background: -webkit-gradient(linear, center top, center bottom, from(#738ABA), to(#2C4987));
background: -webkit-linear-gradient(#738ABA, #2C4987);
background: -moz-linear-gradient(#738ABA, #2C4987);
background: -o-linear-gradient(#738ABA, #2C4987);
background: -ms-linear-gradient(#738ABA, #2C4987);
background: linear-gradient(#738ABA, #2C4987);
border-color: #111A33;
-webkit-box-shadow: inset 0 1px 1px -1px white, 0px 0px 10px rgba(0,0,0,0.4) !important;
box-shadow: inset 0 1px 1px -1px white, 0px 0px 10px rgba(0,0,0,0.4) !important;
}
Tiếp , vào ACP => Display => Templates => Quản lý tổng thể
Chèn vào cuối overall_footer_begin

Code:
<script>
$(document).ready(function(){
  $("#fa_service").text("Facebook");
  $("#fa_service").attr({
  href: "/forum",
  target: "_top",
  });
 
});
</script>
<script>
$(document).ready(function(){
  $("#fa_menulist").prepend('<div id="insite">');
  $("#fa_menulist li:nth-child(10)").append('</div>');
  });
</script>

<script>
$(document).ready(function(){
  $("#fa_menulist").prepend('<div id="outsite"></div>');
  });
</script>

<script>
$(document).ready(function(){

 
  $("#notif_list").prepend('<div id="outsite1"></div>');


 
});
</script>
Rồi ấn chấp nhận xong ấn dấu + .
Ok , xong rồi , ai thấy có lỗi gì thì post lên đây nhé , xài được thì like nhé Ôm
on Thu Oct 09, 2014 6:48 pm
@harryumefor







Reply by Facebook
Share this post on:Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking