02-13-2014, 05:19 PM
#1
مدون نشيط
تاريخ التسجيل: 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 - width : 152px ; padding : 0px ; 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' > < a class= 'soc-facebook' href = 'رابط صفحة الفيس' onclick = 'dcsSetVar('WT.z_iLinks','Facebook','WT.z_iLinks_actionoffer','exnav-soc','WT.z_iLinks_targetcampaign','src-gs');' target = '_blank' title = 'فايسبوك' >< span > تابعنا عبر الفاسبوك </ span ></ a > < a class= 'soc-twitter' href = 'رابط صفحة تويتر' onclick = 'dcsSetVar('WT.z_iLinks','Twitter','WT.z_iLinks_actionoffer','exnav-soc','WT.z_iLinks_targetcampaign','src-gs');' target = '_blank' title = 'تويتر' >< span > تابعنا عبر التويتر </ span ></ a > < a class= 'soc-rss' href = 'رابط التغذية' onclick = 'dcsSetVar('WT.z_iLinks','RSS','WT.z_iLinks_actionoffer','invite-follow','WT.z_iLinks_targetcampaign','src-gs');' target = '_blank' title = 'الخلاصات' >< span > تابعنا عبر الخلاصات </ span ></ a > </ div >
مع تغيير ما يلزم من روابط الصفحات واحفظ العمل
__________________
من مواضيع Blog-Add