| simoelmaachi |
03-13-2014 07:17 PM |
كود المواقع الاجتماعية
السلام عليكم ورحمة الله وبركاته اليوم سوف اقدم لكم كود رائع من تصميمي.
حسنا هذا هو الكود
بدل ما هو بالاحمر الى مايناسب
http://2.bp.blogspot.com/-B0hc51KF5h...Sans+titre.PNG
كود بلغة HTML:
<div id="background">
<div id="Layer1">
<a href="http://www.facebook.com/[COLOR=#FF0000]elmaachiS[/COLOR]"><img src="http://1.bp.blogspot.com/-MtRNR4JpCnA/UyC2WjxyXmI/AAAAAAAAAx8/9M6hgAG4KVw/s1600/Layer1.png" /></a></div>
<div id="Layer3">
<a href="http://www.twitter.com/[COLOR=#FF0000]ElmaachiSimo[/COLOR]"><img src="http://4.bp.blogspot.com/-Li-ecpS6BPM/UyC2Wi7lbOI/AAAAAAAAAyA/0-jrusGAV3c/s1600/Layer3.png" /></a></div>
<div id="Layer4">
<a href="http://www.youtube.com/user/[COLOR=#FF0000]simoelmaachi[/COLOR]"><img src="http://2.bp.blogspot.com/-rRRDVkLwecQ/UyC2Wyrdf8I/AAAAAAAAAyE/eYJieMvL2rM/s1600/Layer4.png" /></a></div>
<div id="Layer5">
<a href="http://[COLOR=#FF0000]www.google.co.ma[/COLOR]/"><img src="http://1.bp.blogspot.com/-rd7NYEpwfk0/UyC2XVIChHI/AAAAAAAAAyU/mLB9ucTpJ4g/s1600/Layer5.png" /></a></div>
<div id="Layer6">
<a href="#"><img src="http://3.bp.blogspot.com/--BbDmeGPrZc/UyC2XqpmgGI/AAAAAAAAAyY/GNQlsoTgXmQ/s1600/Layer6.png" /></a></div>
</div>
<style type="text/css">#background
{
left: 0px;
top: 0px;
position: relative;
margin-left: auto;
margin-right: auto;
width: 252px;
height: 441px;
overflow: hidden;
z-index:0;
}
#Layer1
{
left: 0px;
top: 47px;
position: absolute;
width: 138px;
height: 139px;
z-index:1;
}
#Layer3
{
left: 137px;
top: 47px;
position: absolute;
width: 115px;
height: 281px;
z-index:2;
}
#Layer4
{
left: 0px;
top: 186px;
position: absolute;
width: 137px;
height: 255px;
z-index:3;
}
#Layer5
{
left: 136px;
top: 328px;
position: absolute;
width: 116px;
height: 113px;
z-index:4;
}
#Layer6
{
left: 0px;
top: 0px;
position: absolute;
width: 252px;
height: 47px;
z-index:5;
}
</style>
الكود هو للمواقع الاجتماعية ك الفيسبوك و التويتر واليوتيوب او جوجل بلس
يمكنكم معاينة الكود على جانب المدونة : http://www.pro-xs.blogspot.com/
المرجو ترك تعليقكم |
