 كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة | |  |
| كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة | |
|
|
كاتب الموضوع | رسالة |
---|
زائر زائر

 | موضوع: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الثلاثاء سبتمبر 08, 2015 4:18 am | |
| كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة السلام عليكم ورحمة الله وبركاته الكود عبارة عن شريط به ايقونات للمواقع الاجتماعية بشكل جذاب كود css وكود يضاف ببداية الهيدر او نهاية الفوتر كما تحبون صورة للكود  https://2img.net/h/oi59.tinypic.com/2wps6jc.gif اولا كود css - الكود:
-
#footer-down { clear: both; height: 60px; background: #DBDBDB; border-top: 2px solid #C2C2C2; bottom: 0; } .middle { width: 200px; } /* social_icons */ .social_icons { float: right; height: 50px; padding-right: 0; width: 229px; } .social_icons > ul { float: left; margin: 10px 0 0; } .social_icons ul li { float: right; margin: 0 1px 5px 0; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .social_icons a { background: url("http://i21.servimg.com/u/f21/16/46/77/76/social12.png") no-repeat scroll 4px 3px #dcdcdc; display: inline-block; height: 37px; text-indent: -9999px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 37px; } .social_icons .fb { background-position: -86px 3px; } .social_icons .fb:hover { background-color: #3B5998; background-position: -86px -29px; } .social_icons .tw { background-position: -125px 3px; } .social_icons .tw:hover { background-color: #18B7F1; background-position: -125px -29px; } .social_icons .google { background-position: -205px 3px; } .social_icons .google:hover { background-color: #D94A39; background-position: -205px -29px; } .social_icons .rss { background-position: -246px 3px; } .social_icons .rss:hover { background-color: #FE9900; background-position: -246px -29px; }
ثانيا كود HTML - الكود:
-
<div id="footer-down"> <div class="middle"> <div class="social_icons"> <ul> <li><a class="fb" href="#" target="_blank">face</a></li> <li><a class="tw" href="#" target="_blank">twitter</a></li> <li><a class="google" href="#" rel="publisher" target="_blank">google</a></li> <li><a class="rss" href="#">rss</a></li> </ul> </div> </div> </div> ذكر المصدر عند النقل فجميع مايوجد هنا لن تجدة بمكان اخر هع |
|
 | |
ѕαα∂ ∂єѕιgη
سوبر الإبداع

  عدد المساهمات : 43577 نقاط النشاط : 48233 السٌّمعَة : 302 بلد العضو :  العمر : 23
 | |
 | |
زائر زائر

 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الثلاثاء سبتمبر 08, 2015 4:52 am | |
| |
|
 | |
صرخة ألم
عضو فعال

  عدد المساهمات : 281 نقاط النشاط : 461 السٌّمعَة : 12 العمر : 30
 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الجمعة سبتمبر 18, 2015 12:20 am | |
| تسلمى أيدك ي جرح أبداع وتألق الله يعطيك العافية ع كل مجهودك معنا جزاك الله الف خير على كل ما تقدمه لهذا المنتدى ننتظر ابداعاتك الجميلة بفارغ الصبر  |
|
 | |
زائر زائر

 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الجمعة سبتمبر 18, 2015 12:41 am | |
| الله يسلمك اخي منور الموضوع |
|
 | |
محمد رأفت الجندى
عضو

عدد المساهمات : 24 نقاط النشاط : 34 السٌّمعَة : 0
 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الخميس أكتوبر 08, 2015 1:09 am | |
| اذا ارت وضع مواقع التواصل على الفوتر نفسه كيف يتم ذلك؟ |
|
 | |
زائر زائر

 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الخميس أكتوبر 08, 2015 8:59 am | |
| دة قائمة لوحدها تقدر تغيير الخلفية بما يناسب منتداك |
|
 | |
Abshahad
سوبر الإبداع

  عدد المساهمات : 23607 نقاط النشاط : 27156 السٌّمعَة : 90 بلد العضو :  العمر : 41
 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة السبت فبراير 06, 2016 1:40 pm | |
| بارك الله فيك وجعله الله لك في ميزان حسناتك دمت في حمي الرحمن
|
|
 | |
Mr. Loay
سوبر الإبداع

  عدد المساهمات : 6242 نقاط النشاط : 7090 السٌّمعَة : 65 بلد العضو :  العمر : 18
 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الأحد فبراير 07, 2016 7:18 pm | |
| كوددد جميلشكككرآ ~  سبحان الله وبحمده .. سبحان الله العظيم ... اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين |
|
 | |
THE ROCK
عضو خبير

 عدد المساهمات : 668 نقاط النشاط : 988 السٌّمعَة : 24 بلد العضو : 
 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الأحد فبراير 07, 2016 7:49 pm | |
| كود وتطوير رائعه يعطيك العافيه وتسلم الأيادي المتألقه على روعة ماخطت لنا من ابجديات واكواد ماسيه بإنتظار روائعك القادمه بشوووق |
|
 | |
زائر زائر

 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الثلاثاء مايو 17, 2016 8:28 pm | |
| السلام عليكم ورحمة الله وبركاته ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة إنـجاز أكثر رائــــــع لكن أرجو منكَ عدم التوقف عند هذا الحد مـنتظرين ابداعتــــــك دمتـ ودام تألقـك
تحياتــي |
|
 | |
زائر زائر

 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة السبت أغسطس 27, 2016 7:05 pm | |
| |
|
 | |
زائر زائر

 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة السبت أغسطس 27, 2016 11:22 pm | |
| |
|
 | |
زائر زائر

 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الخميس سبتمبر 15, 2016 12:27 am | |
| |
|
 | |
JoryAbdallah
سوبر الإبداع

  عدد المساهمات : 126400 نقاط النشاط : 142121 السٌّمعَة : 3010 بلد العضو :  العمر : 36
 | موضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة الأحد يناير 29, 2017 12:47 am | |
| |
|
 | |
| كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة | |
|