طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

+2
أفندينا
النور200
6 مشترك

صفحة 1 من اصل 2 1, 2  الصفحة التالية

اذهب الى الأسفل

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف النور200 الأحد 11 يوليو 2021 - 10:51

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

بحيث اضع روابط صور ايقونات والعضو يختار ايقونه ويسجل
يمكن الاختيار المتعدد بين الايقونات


صورة لتوضيح
https://i.servimg.com/u/f13/20/23/38/86/aahehd11.gif
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Aahehd11






ياريت تساعدوني في الكود يوضح في التومبيلات .
النور200
النور200
 
 

انثى
عدد المساهمات : 69
معدل النشاط : 962
السُمعة : 3

https://help.ahlamontada.com

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف كونان2000 الأحد 11 يوليو 2021 - 10:59

ممكن تضعي رابط المنتدى اللي بالصوره
كونان2000
كونان2000
احلى مساعد
احلى مساعد

أخرى / أرفض التصريح
عدد المساهمات : 620
معدل النشاط : 1220
السُمعة : 100

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

النور200 يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف النور200 الأحد 11 يوليو 2021 - 11:19

نوار2000 كتب:ممكن تضعي رابط المنتدى اللي بالصوره
هذا المنتدي من نوع Vb

المهم انا لقيت الكود بس توجد فيه بعض المشاكل اريد منك حلها بعد اذنك Cool 

الكود

الكود:
    <h3 class="hierarchy"><span class="forumlink"><a class="forumlink" ">اختار مزاجك</a><br /></span></h3><span class="genmed"><form>
    <select style="font-weight: bold;" size="1" name="go_to">
            <option selected="selected" value="#">اختار مزاجك اليوم</option>

            <option value="رابط المنتدى">اسم المنتدى</option>
            <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
            </select>


          <input type="button" style="font-weight: bold;" onclick="location =
            form.go_to.options[form.go_to.selectedIndex].value;" value="اذهب">
            </form><br /></span><span class="gensmall"></span></td><td class="row3" align="center"

اريد بدل من كلمة اذهب وتنتقل الي رابط اخر اريد كلمة (سجل) بحيث بعد اختيار المزاج المعين يتم حفظه بقائمه

نقطة الثانية بدل من رابط المنتدي + اسم المنتدي اريد ان اضع ايقونات المزاج :

صور الايقونات
https://www.al2la.com/vb/vmoods/images/1.gif
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) 1

https://www.al2la.com/vb/vmoods/images/2.gif
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) 2


https://www.al2la.com/vb/vmoods/images/3.gif
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) 3


https://www.al2la.com/vb/vmoods/images/15.gif
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) 15

https://www.al2la.com/vb/vmoods/images/19.gif
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) 19

https://www.al2la.com/vb/vmoods/images/20.gif
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) 20

https://www.al2la.com/vb/vmoods/images/21.gif
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) 21




اعتقد ان كود ساهل بس يبي خبرة وبارك الله فيكي :)
Cool
النور200
النور200
 
 

انثى
عدد المساهمات : 69
معدل النشاط : 962
السُمعة : 3

https://help.ahlamontada.com

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف أفندينا الأحد 11 يوليو 2021 - 11:36

هذا يسمى في ال في بي هاك المزاج
أفندينا
أفندينا
 
 

انثى
عدد المساهمات : 689
معدل النشاط : 2505
السُمعة : 24

http://www.q-wada3.com

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف كونان2000 الأحد 11 يوليو 2021 - 16:24

انا لم افهم + في اي قائمة تريد حفظه
كونان2000
كونان2000
احلى مساعد
احلى مساعد

أخرى / أرفض التصريح
عدد المساهمات : 620
معدل النشاط : 1220
السُمعة : 100

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف MostWanted الأحد 11 يوليو 2021 - 18:20

تحتاجه ليظهر في البيانات الشخصية صحيح ؟
إذن لا تحتاج لأي كود
ما عليك سوى اضافة حقل جديد للبيانات الشخصية
سميه "المزاج" أو "مزاجي"
و اجعل الاعدادات هكذا :

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) 2021-018

و في الأسفل لديك لائحة الصور (صور المزاجات)
ضع صورة واحدة في كل خانة مع تحديد عنوان المزاج

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) 2021-019

Cool
MostWanted
MostWanted
 
 

أخرى / أرفض التصريح
عدد المساهمات : 658
معدل النشاط : 5763
السُمعة : 21

https://www.theb3st.com

أفندينا يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف أفندينا الأحد 11 يوليو 2021 - 18:35

@MostWanted
لا أعتقد أنه يريده في البيانات الشخصية 
على حسب فهمي هو يريده في النافبار
أفندينا
أفندينا
 
 

انثى
عدد المساهمات : 689
معدل النشاط : 2505
السُمعة : 24

http://www.q-wada3.com

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف النور200 الأحد 11 يوليو 2021 - 21:47

اريده في overall_header
الناف بار كما موضح في صورة
https://i.servimg.com/u/f13/20/23/38/86/aahehd11.gif
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Aahehd11
النور200
النور200
 
 

انثى
عدد المساهمات : 69
معدل النشاط : 962
السُمعة : 3

https://help.ahlamontada.com

أفندينا يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف العراقي الطائي الإثنين 12 يوليو 2021 - 15:07

اخي بعض خصائص الفيبي لا تعمل على احلى منتدى
وخاصيه المزاجات انت تعرفها تكون من البيانات الشخصيه
الصفحه العامه للعضو
العراقي الطائي
العراقي الطائي
 
 

ذكر
عدد المساهمات : 1018
معدل النشاط : 2901
السُمعة : 8

https://asdd.ahladalil.com/

كونان2000 يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف أفندينا الإثنين 12 يوليو 2021 - 15:17

يمكن برمجته بدلا من الصوره الشخصيه التي تكون في النافبار 
يوضع مكانها كود قائمه منسدله يوضع بها المزاجات
أفندينا
أفندينا
 
 

انثى
عدد المساهمات : 689
معدل النشاط : 2505
السُمعة : 24

http://www.q-wada3.com

العراقي الطائي يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف العراقي الطائي الإثنين 12 يوليو 2021 - 15:48

أفندينا كتب:يمكن برمجته بدلا من الصوره الشخصيه التي تكون في النافبار 
يوضع مكانها كود قائمه منسدله يوضع بها المزاجات
يعني يمكن برمجه الاشعارات ايظا مثل طلبات الصداقه والاعجابات وغيرها لو عملنا هدا الكود يكون اجمل
العراقي الطائي
العراقي الطائي
 
 

ذكر
عدد المساهمات : 1018
معدل النشاط : 2901
السُمعة : 8

https://asdd.ahladalil.com/

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف كونان2000 الإثنين 12 يوليو 2021 - 18:02

ماينفع وضع صور على هذا الكود
انا طلبت رابط المنتدى ولم تضعه
+
خلك على ماقاله @MostWanted cat
كونان2000
كونان2000
احلى مساعد
احلى مساعد

أخرى / أرفض التصريح
عدد المساهمات : 620
معدل النشاط : 1220
السُمعة : 100

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

العراقي الطائي يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف العراقي الطائي الإثنين 12 يوليو 2021 - 19:09

نوار2000 كتب:ماينفع وضع صور على هذا الكود
انا طلبت رابط المنتدى ولم تضعه
+
خلك على ماقاله @MostWanted cat
هوه كان يريد كود تجميلي فقط لاكن كود ما يسوه التعب عليه
العراقي الطائي
العراقي الطائي
 
 

ذكر
عدد المساهمات : 1018
معدل النشاط : 2901
السُمعة : 8

https://asdd.ahladalil.com/

كونان2000 يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف النور200 الإثنين 12 يوليو 2021 - 21:02

لم يتم الحل الي الان ارجو تدخل خبير الاكواد
النور200
النور200
 
 

انثى
عدد المساهمات : 69
معدل النشاط : 962
السُمعة : 3

https://help.ahlamontada.com

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف أفندينا الإثنين 12 يوليو 2021 - 22:03

نوار2000 كتب:ماينفع وضع صور على هذا الكود
انا طلبت رابط المنتدى ولم تضعه
+
خلك على ماقاله @MostWanted cat
@نوار2000
هذا رابط المنتدى اللي يقصده
www.g-roo7y.net/vb
أفندينا
أفندينا
 
 

انثى
عدد المساهمات : 689
معدل النشاط : 2505
السُمعة : 24

http://www.q-wada3.com

العراقي الطائي و النور200 يعجبهم هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف كونان2000 الإثنين 12 يوليو 2021 - 23:11

شكرا  @أفندينا
ان شاء الله راح اشوف واخبركم
كونان2000
كونان2000
احلى مساعد
احلى مساعد

أخرى / أرفض التصريح
عدد المساهمات : 620
معدل النشاط : 1220
السُمعة : 100

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف النور200 الإثنين 12 يوليو 2021 - 23:41

1- رابط المنتدي المطلوب فك منه الكود
https://www.al2la.com/vb/

2- مكان الكود بعد تسجل تجدها في ناف بار
كم موضح بصورة
https://i.servimg.com/u/f13/20/23/38/86/aahehd11.gif

ارجو الحل
النور200
النور200
 
 

انثى
عدد المساهمات : 69
معدل النشاط : 962
السُمعة : 3

https://help.ahlamontada.com

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف كونان2000 الخميس 15 يوليو 2021 - 17:15

@أفندينا هل كنت واثق من الرابط  Shocked
----

@النور200 اعتذر للتأخير في الرد
للاسف الكود المراد استخراجه يتطلب جفا 
وانا كما قلت سابقا ان اكواد الجفا احتاج وقت للتعديل عليها وتجديدها
 لازم تصبر علي ايام طويييييله  الا اذا تدخل اخونا  @omarpop23

لكن انا عملت لك كود هتمل وجفا صغير لكن ليس بكفائة الموجود في منتدى الvb  
كما في الصورة
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Hchzsq10

 
ايش رايك فيه اذا تبيه احطه لك هنا 
اما اذا كنت تبي مثل الفيبي
لازم تصبر ايام  طوييييله
كونان2000
كونان2000
احلى مساعد
احلى مساعد

أخرى / أرفض التصريح
عدد المساهمات : 620
معدل النشاط : 1220
السُمعة : 100

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

العراقي الطائي و أفندينا يعجبهم هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف النور200 الجمعة 16 يوليو 2021 - 11:45

نوار2000 كتب:@أفندينا هل كنت واثق من الرابط  Shocked
----

@النور200 اعتذر للتأخير في الرد
للاسف الكود المراد استخراجه يتطلب جفا 
وانا كما قلت سابقا ان اكواد الجفا احتاج وقت للتعديل عليها وتجديدها
 لازم تصبر علي ايام طويييييله  الا اذا تدخل اخونا  @omarpop23

لكن انا عملت لك كود هتمل وجفا صغير لكن ليس بكفائة الموجود في منتدى الvb  
كما في الصورة
طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Hchzsq10

 
ايش رايك فيه اذا تبيه احطه لك هنا 
اما اذا كنت تبي مثل الفيبي
لازم تصبر ايام  طوييييله

اهلا بك وشكرا على الرد
سؤال في كود الذي قمتي بتكويده ؟
هل بعد اختياري لمزاج معين يحفظ ؟
+
ممكن الكود حتي اقوم بتجربته
وشكرا لكي دائما مميزه برد
النور200
النور200
 
 

انثى
عدد المساهمات : 69
معدل النشاط : 962
السُمعة : 3

https://help.ahlamontada.com

كونان2000 يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف العراقي الطائي الجمعة 16 يوليو 2021 - 19:26

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

ذكر
عدد المساهمات : 1018
معدل النشاط : 2901
السُمعة : 8

https://asdd.ahladalil.com/

كونان2000 يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف كونان2000 الجمعة 16 يوليو 2021 - 19:32

للاسف اذا اخترت مزاج يختفي بعد تحديث الصفحه Like a Star @ heaven
عادي خله للتسليه Basketball

تركيب الكود 
ابحث في الهيدر عن الكود التالي
الكود:
<div id="submenu">
 <ul>
 <li class="clearfix">{GENERATED_NAV_BAR}</li>
 </ul>
 </div>

وضع التالي اسفله مباشرة
الكود:
 <style>
      /* Style the tab buttons */
.tablink {
    background-color: #555;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    outline: none;
    padding: 1px 16px;
}

/* Change background color of buttons on hover */
.tablink:hover {
  background-color: #777;
}

/* Set default styles for tab content */
.tabcontent {
  color: white;
  display: none;
  padding: 10px;
  text-align: center;
}
#رايق {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/1.gif);
    background-repeat: no-repeat;
    background-position: center;}
#فرحان {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/2.gif);
    background-repeat: no-repeat;
    background-position: center;}
#مبسوط {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/3.gif);
    background-repeat: no-repeat;
    background-position: center;}
#وحيد {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/15.gif);
    background-repeat: no-repeat;
    background-position: center;}
#خايف {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/19.gif);
    background-repeat: no-repeat;
    background-position: center;}
#حزن {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/20.gif);
    background-repeat: no-repeat;
    background-position: center;}
#ملل {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/21.gif);
    background-repeat: no-repeat;
    background-position: center;}



    </style>
                          <div align="center">
 <div class="tabcontent" id="فرحان">
                                      
 <h1>
                  فرحان                
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
 <div class="tabcontent" id="رايق">
                                      
 <h1>
                  رايق                  
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
    
 <div id="مبسوط" class="tabcontent">
                                    
 <h1>
                 مبسوط                
 </h1>
                                    
 <p>
                 Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="وحيد">
                                  
 <h1>
                وحيد                
 </h1>
                                  
 <p>
                Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="خايف">
                                      
 <h1>
                 خايف              
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
  
 <div id="حزن" class="tabcontent">
                                    
 <h1>
                حزن                
 </h1>
                                    
 <p>
                 Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="ملل">
                                  
 <h1>
           ملل              
 </h1>
                                  
 <p>
                Paris is the capital of France.                
 </p>
 </div>
      
 <button id="defaultOpen" onclick="openCity('رايق', this, 'red')" class="tablink">
      رايق      
 </button>
      
 <button class="tablink" onclick="openCity('فرحان', this, 'red')" id="defaultOpen">
     فرحان    
 </button>
    
 <button id="defaultOpen" onclick="openCity('مبسوط', this, 'red')" class="tablink">
    مبسوط    
 </button>
    
 <button class="tablink" onclick="openCity('وحيد', this, 'red')" id="defaultOpen">
   وحيد  
 </button>
    
 <button class="tablink" onclick="openCity('خايف', this, 'red')" id="defaultOpen">
   خايف  
 </button>
    
 <button class="tablink" onclick="openCity('حزن', this, 'red')" id="defaultOpen">
   حزن  
 </button>
    
 <button class="tablink" onclick="openCity('ملل', this, 'red')" id="defaultOpen">
   ملل  
 </button>
 
</div>

ثم ضع التالي بالجفا مع اختيار جميع الصفحات
الكود:
function openCity(cityName, elmnt, color) {
  // Hide all elements with class="tabcontent" by default */
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Remove the background color of all tablinks/buttons
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].style.backgroundColor = "";
  }

  // Show the specific tab content
  document.getElementById(cityName).style.display = "block";

  // Add the specific color to the button used to open the tab content
  elmnt.style.backgroundColor = color;
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
كونان2000
كونان2000
احلى مساعد
احلى مساعد

أخرى / أرفض التصريح
عدد المساهمات : 620
معدل النشاط : 1220
السُمعة : 100

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

العراقي الطائي يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف العراقي الطائي الجمعة 16 يوليو 2021 - 19:52

فكره الكود جميله ولا باس بها
احتمال نتوصل لتطويره مستقبلا انا لحد الان ما اشتغل عندي احتمال اني ما واضع المزاجات
بالبيانات الشخصيه وكيف اضعها لا اعرف
العراقي الطائي
العراقي الطائي
 
 

ذكر
عدد المساهمات : 1018
معدل النشاط : 2901
السُمعة : 8

https://asdd.ahladalil.com/

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف كونان2000 الجمعة 16 يوليو 2021 - 20:42

@العراقي الطائي
انا شرحت الكود لنسخة Invision
ولا علاقة له بالبيانات حتى لو لم تضع مزاجات
+
ماهي نسخة منتداك
كونان2000
كونان2000
احلى مساعد
احلى مساعد

أخرى / أرفض التصريح
عدد المساهمات : 620
معدل النشاط : 1220
السُمعة : 100

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

العراقي الطائي يعجبه هذا الموضوع

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف العراقي الطائي الجمعة 16 يوليو 2021 - 21:20

النسخه الثانيه
العراقي الطائي
العراقي الطائي
 
 

ذكر
عدد المساهمات : 1018
معدل النشاط : 2901
السُمعة : 8

https://asdd.ahladalil.com/

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

طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر) Empty رد: طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

مُساهمة من طرف النور200 الجمعة 16 يوليو 2021 - 22:18

نوار2000 كتب:للاسف اذا اخترت مزاج يختفي بعد تحديث الصفحه Like a Star @ heaven
عادي خله للتسليه Basketball

تركيب الكود 
ابحث في الهيدر عن الكود التالي
الكود:
<div id="submenu">
 <ul>
 <li class="clearfix">{GENERATED_NAV_BAR}</li>
 </ul>
 </div>

وضع التالي اسفله مباشرة
الكود:
 <style>
      /* Style the tab buttons */
.tablink {
    background-color: #555;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    outline: none;
    padding: 1px 16px;
}

/* Change background color of buttons on hover */
.tablink:hover {
  background-color: #777;
}

/* Set default styles for tab content */
.tabcontent {
  color: white;
  display: none;
  padding: 10px;
  text-align: center;
}
#رايق {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/1.gif);
    background-repeat: no-repeat;
    background-position: center;}
#فرحان {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/2.gif);
    background-repeat: no-repeat;
    background-position: center;}
#مبسوط {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/3.gif);
    background-repeat: no-repeat;
    background-position: center;}
#وحيد {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/15.gif);
    background-repeat: no-repeat;
    background-position: center;}
#خايف {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/19.gif);
    background-repeat: no-repeat;
    background-position: center;}
#حزن {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/20.gif);
    background-repeat: no-repeat;
    background-position: center;}
#ملل {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/21.gif);
    background-repeat: no-repeat;
    background-position: center;}



    </style>
                          <div align="center">
 <div class="tabcontent" id="فرحان">
                                      
 <h1>
                  فرحان                
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
 <div class="tabcontent" id="رايق">
                                      
 <h1>
                  رايق                  
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
    
 <div id="مبسوط" class="tabcontent">
                                    
 <h1>
                 مبسوط                
 </h1>
                                    
 <p>
                 Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="وحيد">
                                  
 <h1>
                وحيد                
 </h1>
                                  
 <p>
                Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="خايف">
                                      
 <h1>
                 خايف              
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
  
 <div id="حزن" class="tabcontent">
                                    
 <h1>
                حزن                
 </h1>
                                    
 <p>
                 Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="ملل">
                                  
 <h1>
           ملل              
 </h1>
                                  
 <p>
                Paris is the capital of France.                
 </p>
 </div>
      
 <button id="defaultOpen" onclick="openCity('رايق', this, 'red')" class="tablink">
      رايق      
 </button>
      
 <button class="tablink" onclick="openCity('فرحان', this, 'red')" id="defaultOpen">
     فرحان    
 </button>
    
 <button id="defaultOpen" onclick="openCity('مبسوط', this, 'red')" class="tablink">
    مبسوط    
 </button>
    
 <button class="tablink" onclick="openCity('وحيد', this, 'red')" id="defaultOpen">
   وحيد  
 </button>
    
 <button class="tablink" onclick="openCity('خايف', this, 'red')" id="defaultOpen">
   خايف  
 </button>
    
 <button class="tablink" onclick="openCity('حزن', this, 'red')" id="defaultOpen">
   حزن  
 </button>
    
 <button class="tablink" onclick="openCity('ملل', this, 'red')" id="defaultOpen">
   ملل  
 </button>
 
</div>

ثم ضع التالي بالجفا مع اختيار جميع الصفحات
الكود:
function openCity(cityName, elmnt, color) {
  // Hide all elements with class="tabcontent" by default */
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Remove the background color of all tablinks/buttons
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].style.backgroundColor = "";
  }

  // Show the specific tab content
  document.getElementById(cityName).style.display = "block";

  // Add the specific color to the button used to open the tab content
  elmnt.style.backgroundColor = color;
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();


السلام عليكم شكرا على التكويد ورد السريع للمشكلة
ولكن المشكله ان الكود لا يحفظ فكيف استطيع حفظه هل من طريقة معينه لذلك
وبارك الله فيكي


عدل سابقا من قبل النور200 في الجمعة 16 يوليو 2021 - 22:38 عدل 1 مرات
النور200
النور200
 
 

انثى
عدد المساهمات : 69
معدل النشاط : 962
السُمعة : 3

https://help.ahlamontada.com

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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

الرجوع الى أعلى الصفحة

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

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