اضافة مواقع التواصل الاجتماعى الاحترافى جدا
 |
اضافة مواقع التواصل الاجتماعى |
<style>
#fbar {
list-style-type: none;
list-style: none;
margin: -26px -10px 0px -6px;
background: #fff;
padding: 0px;
width: 347px;
margin-left: 12px;
}
#fbar0 {
list-style-type:none;
list-style: none;
margin:-9px -10px -1px -10px;
background:#fff;
padding:0px;
}
#fbar1 {
float: right;
width: 50%;
display: block;
height: 380px;
}
#fbar1 ul {
list-style-type: none;
list-style: none;
margin: 0px;
}
#fbar2 ul{
list-style-type:none;
list-style: none;
margin:0px;
background:#fff;
}
#fbar ul li {
padding: 14px 10px;
margin-bottom: -28px;
color: #666;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
width: 153px;
margin-left: 51px;
text-align: right;
}
#fbar ul li a {
color: #000;
font-size: 12px;
font-weight: normal;
text-decoration: none;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#fbar0 {
list-style-type: none;
list-style: none;
padding: 0px;
width: 50%;
margin: 0px 280px 10px 10px;
}
#fbar2 {
width: 50%;
display: block;
}
#fbar2 ul {
list-style-type: none;
list-style: none;
margin: 0px;
}
#fbar ul li {
padding: 14px 10px;
margin-bottom: -28px;
color: #666;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
width: 153px;
margin-left: 51px;
text-align: right;
}
li.lb1 {
margin-top: 22px;
background-image: url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png);
background-repeat: repeat-x;
background-position: bottom;
}
#fbar0 ul li a {
color: #848484;
font-size: 25px;
font-weight: normal;
text-decoration: none;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
i.icon-home {
font-size: 32px;
}
i.icon-dollar{
font-size: 32px;
}
i.icon-info{
font-size: 32px;
}
i.icon-ayoub{
font-size: 32px;
}
i.icon-c-us{
font-size: 32px;
}
i.icon-soal-plus{
font-size: 32px;
}
i.icon-map-marker{
font-size: 32px;
}
</style>
<div id="fbar">
<div id="fbar1">
<ul>
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/vcbDN3.png" /></a></li>
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/dx49WF.png" /></a></li>
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/MAvZ99.png" /></a></li>
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/DMh8Je.png" /></a></li>
<li class="lb">
</li>
</ul>
</div>
<div id="fbar0">
<div id="fbar2">
<ul>
<li class="lb1"><a target="_blank" http://blog-ency.blogspot.com/"><i class="icon-home"></i> الرئيسية </a></li>
<li class="lb1"><a target="_blank" rel="nofollow" href="http://blog-ency.blogspot.com/"><i class="icon-dollar"></i> خدماتنا </a></li>
<li class="lb1"><a target="_blank" href="http://blog-ency.blogspot.com/"><i class="icon-c-us"></i> راسلنا </a></li>
<li class="lb1"><a target="_blank" href="http://blog-ency.blogspot.com/"><i class="icon-soal-plus"></i> إسأل ! </a>
</li>
<li class="lb1"><a target="_blank" href="http://blog-ency.blogspot.com/"><i class="icon-ayoub"></i> من أنا؟ </a></li>
<li class="lb1"><a target="_blank" href="http://blog-ency.blogspot.com/"><i class="icon-info"></i> استفسر </a>
</li>
<li class="lb1"><a target="_blank" href="http://blog-ency.blogspot.com/"><i class="icon-map-marker"></i> أعلن ! </a>
</li>
</ul>
</div>
</div>
</div>
إرسال تعليق