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

زر المواقع الإجتماعية من تصميمي مع كود css وزرا متصل وغير متصل تصميمي وكود

avatar
عضو جديد
الجنس : ذكر

العقرب

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

نقاط النشاط : 161

السٌّمعَة : 22

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضوhttp://jwxjw.montadarabi.com/
تمت المشاركة في الأحد يوليو 26, 2015 5:35 pm
السلام عليكم ورحمة الله وبركاته

كيف حالكم اعضاء الدعم ، جئتكم بأحد تصاميمي المميزة

1- تصميم عارضة ازرار مواقع اجتماعية صغير عند الضغط عليها بعد تفعيل كود css الخاص بها يتم عرض مواقع النشر الإجتماعي

تفضلو الصورة من تصميمي : تصميم السفاح الليبي


https://i.servimg.com/u/f18/19/21/22/99/aa10.png


الكود الخاص بها - وهو يعمل على كافة النسخ !

طريقة وضع الكود : (( انسخ - اذهب الى -->لوحة الإدارة --> مظهر المنتدى --> الصور والألوان->الوان>ورقة تصميم css *الصق ->انقر سجل ))

الكود:
.addthis_button{
      background:
    url('http://i18.servimg.com/u/f18/19/21/22/99/aa10.png') no-repeat;
    background-position: center right;
    padding: 75px;
    font-size: 0px ;
    }


رابط الصورة هو : https://i.servimg.com/u/f18/19/21/22/99/aa10.png لتتأكدو هو موضوع وهي من تصميمي

اذا شئتم تصميم[url=#26994014] صورة[/url] اخرى جديدة بنفسكم فقو بتغيير رابط الصورة وضعو رابط تصميمكم - تأكدو يجب ان يكون حجم تصميمكم بنفس حجم تصميمي - حتى لا يفسد الكود ومظهر المنتدى

الصورة تظهر اعلى المواضيع عند النقر علىها تظهر قائمة المواقع الإجتماعية في اعلى الموضوع من[url=#38660692] فيس بوك[/url] الى تويتر وقوقل وبلوجر وماي اسبيس وغيرها الكثير الكثير

[url=#95377265] صورة[/url]لعمل الكود في منتداى في المواضيع توجد اعلاه-

بعد وضع الكود - قبل النقر على الصورة والتي هي تصميمي





عند الضغط على الصورة تظهر قائمة المواقع الإجتماعية لتوضيح العمل




يمكن للزائر او العضو اختيار احد المواقع الإجتماعية ومشاركة الموضوع فيه وبذلك حصلت على تصميم[url=#28296147] صورة[/url] رائعة ومشاركة لمواضيعك بطريقة رائعة : هذا لبيان عمل الكود- على الأقل قم بشكرنا فقط هه - امزح لا شكر على واجب

يمكنك كذلك بواسطة نفس الطريقة اضافة الموضوع للمفضلة عبر نفس الزر عن طريق الضغط على زر النجمة الأول - رائع اضافة رائع من احلى منتدى اصبحت الآن واضحة لديك بكيفية عملها


________________________________________________________________________________________________________________

2- الآن زرا - متصل وغير متصل


التصميم

            أ                  ب


من تصميمي - اخوكم : السفاح الليبي

الزران يعملان ويظهران بالطريقة المثلى في شكل رائع على النسخة الثالثة phpbb3


وهذا كود للنسخة الثالثة phpbb3 فقط - لوضعها مباشرة دون الإحتياج الى نسخ ووضع الروابط في ادارة الصور

 جاهز ياعيني ياسلام

الكود:


.overview label{color: white;}
 
.overview .row2{background:
none;
border-bottom:
 1px dashed white;
text-shadow: 1px 1px 1px
black;}
 
.overview
 a{position: static !important;}
 
.post{
background:
 #eeeeee
 url(http://i18.servimg.com/u/f18/19/21/22/99/i_icon24.png)
no-repeat top left;}
 
#preview {
background:
 #eeeeee
!important;}
 
input[type="text"],input[type="password"]{background-image:
 none
 !important;}
 
.online{z-index: 999 !important;
background:
 #eeeeee
 url(http://i18.servimg.com/u/f18/19/21/22/99/i_icon21.png)
no-repeat top left;}

طريقة وضع الكود : (( انسخ - اذهب الى -->لوحة الإدارة --> مظهر المنتدى --> الصور والألوان->الوان>ورقة تصميم css *الصق ->انقر سجل ))

الصورتان من اخوكم السفاح الليبي

1. متصل



https://i.servimg.com/u/f18/19/21/22/99/i_icon21.png



2.غير متصل



https://i.servimg.com/u/f18/19/21/22/99/i_icon24.png

-------------------------------------------------------------------------------

ولا تنسو الضغط على زر موقعي في بياناتي الشخصية لمعاينة منتداي

اعلم انه الآن صحراء قاحلة لكنها ستزهر

هو فارغ وبإذن الله سأملئه كما ملئت استايله حتى الآن

فلا تملو من فراغه ولكن انتظرو حتى يحل موسم نمو المواضيع وسترونها من افضل المنتديات

-----------------------------

لا ارى قانون يمنعني من تذكير الأعضاء بزر الموقع في بياناتي - لم اضع الرابط ولم اضع تذكير لشيء غير موجود في الإبداع - وشكرا جزيلا جميعا

ادارة -خدمات ابداعية - اعضاء

. زوار الإبداع العربي.

السفاح الليبي&الإسم الحقيقي :
صهيب الفيتوري



رد: زر المواقع الإجتماعية من تصميمي مع كود css وزرا متصل وغير متصل تصميمي وكود

زائر
زائر
تمت المشاركة في الأحد يوليو 26, 2015 5:41 pm
بارك الله فيك
عمل مميز ينقل

رد: زر المواقع الإجتماعية من تصميمي مع كود css وزرا متصل وغير متصل تصميمي وكود

avatar
عضو جديد
الجنس : ذكر

العقرب

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

نقاط النشاط : 161

السٌّمعَة : 22

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضوhttp://jwxjw.montadarabi.com/
تمت المشاركة في الأحد يوليو 26, 2015 5:47 pm
وفيك بارك الله اختي

العمل المميز يوضع في مواقع المميزين كوول 55  

شكرا ادارة الإبداع العربي

رد: زر المواقع الإجتماعية من تصميمي مع كود css وزرا متصل وغير متصل تصميمي وكود

بصمة خالدة
الجنس : انثى

الثور

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

نقاط النشاط : 12449

السٌّمعَة : 56

بلد العضو :

العمر : 17

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الإثنين يوليو 27, 2015 1:50 pm
أسعد الله أوقاتكك بكل خير أخي طآرح الموضوعع
يعطيك العافيه عالطرح المتميز , بآركك الله فيكك
جزاك الله خيرا وبعد خير جنآت نعيماََ
لآتحرمنآ من مواضيعك متميزهه
وفقك الله لكل خير



رد: زر المواقع الإجتماعية من تصميمي مع كود css وزرا متصل وغير متصل تصميمي وكود

avatar
عضو جديد
الجنس : ذكر

العقرب

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

نقاط النشاط : 161

السٌّمعَة : 22

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضوhttp://jwxjw.montadarabi.com/
تمت المشاركة في الإثنين يوليو 27, 2015 7:40 pm
و أسعد الله اوقاتك - اكيد هناك جديد - ولن نتوقف عن الإبداع طالما نحن في منتدى الإبداع

                   تحياتي اختي وردة حمراء

رد: زر المواقع الإجتماعية من تصميمي مع كود css وزرا متصل وغير متصل تصميمي وكود

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

تحياتــي

رد: زر المواقع الإجتماعية من تصميمي مع كود css وزرا متصل وغير متصل تصميمي وكود

avatar
بصمة خالدة
الجنس : ذكر

العذراء

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

نقاط النشاط : 44276

السٌّمعَة : 1241

بلد العضو :

العمر : 17

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأحد يوليو 10, 2016 10:46 am
شكرا لك
التوقــيـــــــــــــــــــــع

رد: زر المواقع الإجتماعية من تصميمي مع كود css وزرا متصل وغير متصل تصميمي وكود

avatar
بصمة خالدة
الجنس : ذكر

الدلو

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

نقاط النشاط : 41654

السٌّمعَة : 282

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضوhttp://WwW.t-AlTwEr.CoM
تمت المشاركة في الثلاثاء يوليو 12, 2016 7:28 am
رووووعة
ماشاء الله نتظر الجديد
التوقــيـــــــــــــــــــــع
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى