كود المواقع الاجتماعية احترافي

السلام عليكم ورحمة الله وبركاته اليوم في محترف الانترنت Xs سوف اقدم لكم كود رائع من تصميمي.
حسنا هذا هو الكود

بدل ما هو بالاحمر الى مايناسب

<div id="background">
<div id="Layer1">
<a href="http://www.facebook.com/elmaachiS"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQFHfWjlrVsEf-1pOIymXkMIkyXXjstZY46G_Ywtu7iiBsO9uQ3XFjV6iiBc61r4Z3Dn8uXyNvPJvvYkzlxiQG2fM_YrnTmJAWScOsPd8uu8SRt39Xv2NS8EAUUtxL5mwvNLR-ZgXr9AA/s1600/Layer1.png" /></a></div>
<div id="Layer3">
<a href="http://www.twitter.com/ElmaachiSimo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-amaV3W7kTYb5Bs4A09SICWzFcwMbcYkDHLFAut5vB2iSYk8lSEEAN5XjT6H432GbCiz9Ym8-OXs8u160ozVMmpOS34LzWnOqLQjDVBcgJTxRccL8gqyKTqt5_eJB4ixoebqpbFtWgcc/s1600/Layer3.png" /></a></div>
<div id="Layer4">
<a href="http://www.youtube.com/user/simoelmaachi"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilZiWp0rRGtCXVq2cESL2Tw9QfCXtS154g7vEhYZ5XHbDzYD8zqX1tAgM2I-T-VU_BYk94XgsxfdJEnoYfcLSp26G7ea-WX8lKRFmaWr6klSqhSSNSoix4UXjCT0RGGihA_bNX3BpFfcM/s1600/Layer4.png" /></a></div>
<div id="Layer5">
<a href="http://www.google.co.ma/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOWDdg2sw4Q1DfncfaY30MNTquOxYo2YzvD5HQF5SHH_KNQFgibWU74HPVOW8fXxE_wsWqL_e1zl2a3hkAvM_4396rNhyphenhyphenSFfV_6v8B4JRkfjuRNZOqwF8RL8kUSNcY1NYUAA2aw3v_UDw/s1600/Layer5.png" /></a></div>
<div id="Layer6">
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ5FXo0pKrUjBueZC9hgZZz3FTiD2NabYGaAfnmd51M8Y4o5jSFiMNxiYMuxECtfYp0UWnbA6-MAEh1UJxmharzC7jkNi7DZ75sh54lmBae7kKqyY8LpvKuBjpEH3_nxoBUOFDVzVsWNk/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>

الكود هو للمواقع الاجتماعية ك الفيسبوك و التويتر واليوتيوب او جوجل بلس
يمكنكم معاينة الكود على جانب المدونة
المرجو ترك تعليقكم