عرض مشاركة واحدة
قديم 02-13-2014, 05:19 PM   #1
Blog-Add
مدون نشيط
 
تاريخ التسجيل: Feb 2014
المشاركات: 124
افتراضي اضافة عائمة لصفحات الشبكات الاجتماعية - اضافات بلوجر

السلام عليكم ورحمة الله وبركاتة

اقدم لكم اليوم اضافة الشبكات الاجتماعية بشكل عائم مع الصفحة بشكل انيق

الشرح :

اذهب الي صفحة التخطيط واضافة اداة جديدة HTML واضف بها التالي :

كود PHP:
<style type='text/css'
.
soc-fixed a, .slider-tooltip p{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out
.
slideshow-chunk>div{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out
.
soc-fixed{height:150px;left:50%;position:fixed;top:200px;width:18px;z-index:5;margin-left:495px
.
soc-fixed a{display:block;margin-left:133px;width:19px;height:20px;position:absolute;top:0;right:0;color:#fff!important;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;line-height:20px;background:url(http://4.bp.blogspot.com/-ClgF7y4S6Qg/UVACskc3hsI/AAAAAAAAI8I/H7ip0-FdzRg/s1600/soc-icons.png) no-repeat;overflow:hidden} 
.soc-fixed a span{min-width152px;padding0px;display:block;visibility:hidden;min-width:152px
.
soc-fixed a:hover{min-width:133px;padding-left:25px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out
.
soc-fixed a:hover span{visibility:visible;position:absolute;top:0;right:25px
.
soc-fixed a.soc-facebook{background-position:3px -15px;top:20px;background-color:#526ca5} 
.soc-fixed a.soc-twitter{background-position:3px -36px;top:40px;background-color:#75ddfe} 
.soc-fixed a.soc-rss{background-position:3px -55px;top:60px;background-color:#f6a858} 
.soc-fixed a.soc-mail{background-position:3px -75px;top:80px;background-color:#c1c1c2} 
.soc-fixed a.soc-facebook:hover{background-color:#526ca5;background-position:5px -15px} 
.soc-fixed a.soc-twitter:hover{background-color:#75ddfe;background-position:5px -36px} 
.soc-fixed a.soc-mail:hover{background-color:#c1c1c2;background-position:5px -75px} 
.soc-fixed a.soc-rss:hover{background-color:#f6a858;background-position:5px -55px} 
.soc-fixed a.soc-facebook:active{background-color:#294a90} 
.soc-fixed a.soc-twitter:active{background-color:#40b5fe} 
.soc-fixed a.soc-mail:active{background-color:#909090}.soc-fixed a.soc-rss:active{background-color:#f37526} 
</style
<
div class='soc-fixed'> <class='soc-facebook' href='رابط صفحة الفيس' onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;Facebook&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;exnav-soc&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='فايسبوك'><span>تابعنا عبر الفاسبوك</span></a> <class='soc-twitter' href='رابط صفحة تويتر' onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;Twitter&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;exnav-soc&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='تويتر'><span>تابعنا عبر التويتر</span></a> <class='soc-rss' href='رابط التغذية' onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;RSS&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;invite-follow&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='الخلاصات'><span>تابعنا عبر الخلاصات</span></a> </div
مع تغيير ما يلزم من روابط الصفحات واحفظ العمل

الدعم العربي

Blog-Add غير متواجد حالياً   رد مع اقتباس