اضافة شعار ثاني بجانب شعار مدونة بلوجر
معــــاينـة | تحميل الكود
فائدة اضافة شعار ثاني مخفي هو الحصول على باك لينك وزوار بالاضافة الى سهولة التنقل بين المدونتين اذا كنت قد وضعت شعار مدونتك الثانية
شرح التركيب
<!-- Start Code logo2 by Ahmed, www.ahmed-iq.blogspot.com -->
<div class="network">
<ul>
<li>
<a class="network-arrow" href="http://ahmed-iq.blogspot.com/"target="_blank">مدونة احمد السعدي</a>
<ul>
<li><a title="مدونة احمد السعدي" href="http://ahmed-iq.blogspot.com/" target="_blank"><img src="http://im38.gulfup.com/8pBMS.png" alt="مدونة احمد السعدي" style="
left: 10px;
" /></a></li>
</ul>
</li>
</ul>
</div>
<style>
.network{position: absolute;
top: -10px;
left: 620px;}
.network ul li {list-style: none;position: relative;margin-left: 12px;display: inline-block;}
.network ul li a {display: block;line-height: 25px;color: #26b9d4;padding: 0 5px;text-shadow: 1px 1px 0px #FFF;}
a.network-arrow{background:url(http://im35.gulfup.com/ntNNw.png) no-repeat center 5px;width:15px;text-indent:-99999px;overflow:hidden;}
.network li:hover > a.network-arrow,.network ul ul :hover > a.network-arrow{color: #000 !important; -webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;background-color: #363636!important; background-position:center -180px;box-shadow: 0 1px 5px #000;}
.network ul li:hover ul {display: block;}
.network ul ul {display: none;position: absolute;top: 25px; right:0px;width: 204px;
height: 70px; z-index: 99999;float: right;background: #363636!important; box-shadow: 0 2px 5px #000;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;}
.network ul ul a{padding:10px 10px 3px; text-align:center;}
.network ul ul a:hover{opacity:0.8;}
</style>
<!-- End Code logo2 by Ahmed, www.ahmed-iq.blogspot.com -->
ليست هناك تعليقات :
إرسال تعليق
ساعدنا على ان نكون متواصلين دائما اضف تعليقك
وشاركنا بارائك فكلمه شـــكر تعني لنا الكثير