منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة
 

 كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة

اذهب الى الأسفل 
انتقل الى الصفحة : الصفحة السابقة  1, 2
كاتب الموضوعرسالة
زائر
زائر
avatar


كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Empty
مُساهمةموضوع: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Emptyالثلاثاء سبتمبر 08, 2015 4:18 am

تذكير بمساهمة فاتح الموضوع :

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة

السلام عليكم ورحمة الله وبركاته

الكود عبارة عن شريط به ايقونات للمواقع الاجتماعية بشكل جذاب

كود css وكود يضاف ببداية الهيدر او نهاية الفوتر كما تحبون

صورة للكود

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 2wps6jc
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>

ذكر المصدر عند النقل فجميع مايوجد هنا لن تجدة بمكان اخر هع
الرجوع الى أعلى الصفحة اذهب الى الأسفل

كاتب الموضوعرسالة
زائر
زائر



كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Emptyالخميس سبتمبر 15, 2016 12:27 am

شكرااا

كود رائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 



عدد المساهمات : 126341

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Emptyالأحد يناير 29, 2017 12:47 am

#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
El Desha El Hlawany1
عضو خبير 

El Desha El Hlawany1

ذكر
القوس
عدد المساهمات : 778
نقاط النشاط : 900
السٌّمعَة : 51
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Egypt10
العمر : 23

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Emptyالإثنين يناير 30, 2017 12:23 pm

شكرا اخي الغالي على الطرح الرائع ,,,,,واصل تالقك .... مع جزيل الشكر ..." تحية مع الشكر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://egyptian-cafe.123.st/
Mr Robot
سوبر الإبداع 

Mr Robot

ذكر
القوس
عدد المساهمات : 35481
نقاط النشاط : 37581
السٌّمعَة : 108
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Lebano10
العمر : 34

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Emptyالثلاثاء مارس 21, 2017 2:21 am

بارك الله بيك
واصل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Princess Abir
عضو ذهبي 

Princess Abir

انثى
الثور
عدد المساهمات : 2130
نقاط النشاط : 2168
السٌّمعَة : 9
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Algeri10
العمر : 19

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Emptyالخميس مارس 23, 2017 1:04 am

طرح مميز يعطيك العافية


كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 21484110
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com
Derraz Boujemaa
عضو ذهبي 

Derraz Boujemaa

ذكر
عدد المساهمات : 3399
نقاط النشاط : 6145
السٌّمعَة : 121
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Morocc10

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Emptyالإثنين ديسمبر 11, 2017 3:19 pm

يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
أنتظر جديدك بكل الشوق والود ,,,
تقبل مروري المتواضع


كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 OhiHHcI
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Picasso-Des
سوبر الإبداع 

Picasso-Des

ذكر
الجدي
عدد المساهمات : 10774
نقاط النشاط : 11116
السٌّمعَة : 136
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Ioao10
العمر : 36

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Emptyالسبت يونيو 16, 2018 11:51 pm

يعطيكم العافية على الطرح كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 837876428
كل الاحترام كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 433646733
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medialive.pro
مصطفى ستيتان
عضو محترف 

مصطفى ستيتان

ذكر
عدد المساهمات : 1130
نقاط النشاط : 1203
السٌّمعَة : 11
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Ioao10

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Emptyالثلاثاء يوليو 24, 2018 12:46 pm

 جزاكم الله خيراً  
 كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 1454454920 كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 1454454920 كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 1454454920 


سبحان الله والحمدلله ولا إله إلا الله 
 
كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.elmanal.com
AL-SHAM5
مؤسس الإبداع العربي 

AL-SHAM5

ذكر
عدد المساهمات : 92562
نقاط النشاط : 102416
السٌّمعَة : 702
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Ioao10

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة - صفحة 2 Emptyالخميس مايو 14, 2020 10:43 pm

شكرا لك

بوركت ودام عطائك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة
الرجوع الى أعلى الصفحة 
صفحة 2 من اصل 2انتقل الى الصفحة : الصفحة السابقة  1, 2

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: التقنيات المتقدمة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020