[HTML]ايقونات المواقع الاجتماعية الجانبية

اذهب الى الأسفل

 [HTML]ايقونات المواقع الاجتماعية الجانبية Empty [HTML]ايقونات المواقع الاجتماعية الجانبية

مُساهمة من طرف simo elmaachi الأربعاء 9 يناير 2013 - 22:02

| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

مرحباً بكم أيها الكرام من أعضاء و زوار منتديات طلبات الابداع من كل مكان

كود مميز جدا جدا لايقونات المواقع الاجتماعية الجانبية

مميزاته :

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

| صورة لمعاينة الكود |

 [HTML]ايقونات المواقع الاجتماعية الجانبية 618188696
http://www12.0zz0.com/2012/12/15/16/618188696.png

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح

طريقة وضع الكود:

ضعه في المكان الذي تريد اضهاره فيه
الكود:

<ul class="code-36-simoelmaachi">

    <li><a title="twitter" href="هنا رابط تويتر"  target="_blank">
<img src="http://www7.0zz0.com/2012/12/15/16/161695523.png" /></a></li>

    <li><a title="facebook" href="هنا رابط الفيس بوك"  target="_blank">
<img src="http://www7.0zz0.com/2012/12/15/16/452010546.png" /></a></li>

    <li><a title="Google+" href="هنا رابط جوجل بلس"  target="_blank">
<img src="http://www7.0zz0.com/2012/12/15/16/167713037.png" /></a></li>

      <li><a title="التغذية Ree/Feed" href="/rss"  target="_blank">
<img src="http://www7.0zz0.com/2012/12/15/16/161355417.png" /></a></li>

<li><a title="youtube" href="هنا رابط اليوتيوب"  target="_blank">
<img src="http://www7.0zz0.com/2012/12/15/16/174467420.png" /></a></li>
</ul>

<style>
 ul.code-36-simoelmaachi{
    list-style: none;
    margin:0px;
    padding:0px;
    position:fixed;
    left:0px;
    top:200px;
    }
    ul.code-36-simoelmaachi li{
    padding-bottom:2px;
    padding-left:8px;
    }
    ul.code-36-simoelmaachi li img{
    opacity:0.7;
    transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }
    ul.code-36-simoelmaachi li img:hover{
    opacity:1.9;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    }
</style>


و إلى هنا اخوانيـ
..ينتهي موضوعنا لهذا اليوم ..
في أمل اللقاء بكمـ
.إن شاء الله في مواضيع جديدة ..
والسلام عليكم و رحمة الله ..

ملاحظة هامة :- لن اسمح لاحد بنقل الموضوع بتاتا

مبرمجة الكود من قبل أخوكم :-

simoelmaachi
simo elmaachi
simo elmaachi

 [HTML]ايقونات المواقع الاجتماعية الجانبية 01010

ذكر
عدد المساهمات : 50
معدل النشاط : 4636
السُمعة : 0

http://talabat.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى