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

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


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

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

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


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

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

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

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

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

صورة للكود

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

ذكر المصدر عند النقل فجميع مايوجد هنا لن تجدة بمكان اخر هع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48231
السٌّمعَة : 300
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Saudi-10
العمر : 21

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

بصصرآحة كود ججميل ي ججرححَ يسسلمؤآ , وردة حمراء.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
زائر
زائر
avatar


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

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

صرخة ألم

ذكر
السرطان
عدد المساهمات : 281
نقاط النشاط : 461
السٌّمعَة : 12
العمر : 28

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Emptyالجمعة سبتمبر 18, 2015 12:20 am

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


كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Aouk9w
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Emptyالجمعة سبتمبر 18, 2015 12:41 am

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

محمد رأفت الجندى

عدد المساهمات : 24
نقاط النشاط : 34
السٌّمعَة : 0

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Emptyالخميس أكتوبر 08, 2015 1:09 am

اذا ارت وضع مواقع التواصل على الفوتر نفسه كيف يتم ذلك؟
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Emptyالخميس أكتوبر 08, 2015 8:59 am

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

Abshahad

ذكر
الاسد
عدد المساهمات : 23608
نقاط النشاط : 27156
السٌّمعَة : 90
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Sudan10
العمر : 39

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Emptyالسبت فبراير 06, 2016 1:40 pm

بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com/
Mr. Loay
سوبر الإبداع 

Mr. Loay

ذكر
الجوزاء
عدد المساهمات : 6242
نقاط النشاط : 7090
السٌّمعَة : 65
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Saudi-10
العمر : 16

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Emptyالأحد فبراير 07, 2016 7:18 pm

كوددد جميل
شكككرآ كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة 1607768772 كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة 2070821343 ~


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين


كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Uia_io10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
THE ROCK
عضو خبير 

THE ROCK

ذكر
عدد المساهمات : 668
نقاط النشاط : 988
السٌّمعَة : 24
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Egypt10

كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Emptyالأحد فبراير 07, 2016 7:49 pm

كود وتطوير رائعه
يعطيك العافيه وتسلم الأيادي المتألقه
على روعة ماخطت لنا من ابجديات واكواد ماسيه
بإنتظار روائعك القادمه بشوووق



كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة 1011_md_13129827261
كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة 1411_m10
كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Uia_oo10
كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Uia_oo12
كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Dua_ui10
كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Uia_od10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Empty
مُساهمةموضوع: رد: كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة   كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Emptyالثلاثاء مايو 17, 2016 8:28 pm

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


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

كود جمييل شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


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

منور الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


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

شكرااا

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

JoryAbdallah

انثى
السمك
عدد المساهمات : 126351
نقاط النشاط : 142037
السٌّمعَة : 2980
بلد العضو : كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Saudi-10
العمر : 34
كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Yoo_ao11

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

#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك


كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
 
كود المواقع الاجتماعية في الهيدر او الفوتر بطريقة مميزة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 2انتقل الى الصفحة : 1, 2  الصفحة التالية

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