منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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

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

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

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

مميزاته :

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

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


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
avatar
simo elmaachi



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

http://talabat.ahlamontada.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

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

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