ندعم منتديات vBulletin بتقنية Css3
A L 6 W E R
   رقم المشاركة [ 1 ]
07-05-2018, 03:28 AM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تابعني على instaram
الصورة الرمزية لـ AlM6weR
AlM6weR
متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,831 تقييم المستوى17845 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 286   تم شكره 747 مرة في 568 مشاركة
افتراضي شروط ظهور تأثيرات كود css في كود html



شروط ظهور تأثيرات كود css في كود html

شرحنا اليوم خفيف ومفيد جدا للتلاعب بتأثيرات css

مقدمة :
يعلم الكثير بأن معظم أكواد HTML تعتمد على قاعدة الشرط if
وهي تعني ( إذا ) التي تعتمد على ظهور الكود بشرط أو بعدة شروط

بمعنى آخر : اذا كان الشخص المتصفح زائر أو عضو أو عضو مجموعة معينة .. الخ
مثال آخر : عند وجود توقيع للعضو أو عند وجود رابط الموقع الشخصي للعضو .. الخ

وقد تم طرح موضوع سابقا لبعض الاكواد المفيدة في تصميم الاستايل على الرابط التالي :
BBcode بعض أكواد المنتدى المفيدة في تصميم الاستايل
ويمكن من خلال الموضوع المشار اليه الاستفادة من وضع شرط لإكواد HTML

السؤال :
كيف يتم وضع شرط في كود css

الطريقة سهله :
لنفرض بأني ارغب في اظهار تأثيرات كود css في مشاركة العضو وذلك حسب نوع الجنس ( كمثال )
بحيث تظهر المشاركة باللون الازرق للذكور field1 واللون الوردي للإناث field2 ؟
ومن المعلوم بأن كود HTML في المنتدى كمثال هو يعتمد على حقل الجنس field

يوجد العديد من المواضيع الي تشرح طريقة عمل الجنس
كل ماعليك هو استخدام كود البحث اعلى المنتدى وستظهر النتائج


الشرح :

كود المشاركة يعتمد على مصمم الاستايل
فقد يكون مصمم بطريقة الجداول كما في المثال ادناه :

HTML & CSS

<table width="100%">
    <
tr>
        <
td>&nbsp;</td>
    </
tr>
    <
tr>
        <
td>&nbsp;</td>
    </
tr>
</
table
أو بالطرق الحديثة بإستخدام وسم div

HTML & CSS

<div>
<
div></div>
<
div></div>
</
div
نبدأ الآن في اضافة الوان تأثيرات css بناءً على نوع الجنس بالنسبة لمستخدمي الجداول table :

HTML & CSS

<table width="100%">
    <
tr>
        <
td style="<if condition="$post[field2]== 'female' ">border:2px #ff7cd8 solid;<else />border:2px #4472b9 solid;</if>"></td>
    </
tr>
    <
tr>
        <
td>&nbsp;</td>
    </
tr>
</
table
شرح الكود :
اذا كان العضو أنثى : ضع حدود الصف باللون الوردي ، و إلا <else /> ضع حدود الصف باللون الازرق

يمكن اضافة الشرط اعتماداً على شروط آخرى والتحكم في اظهار كود css حسب الرغبة


أي استفسار أنا حاضر .. بالتوفيق ،،




كلمات البحث - معهد المطور ارشفة, ستايل, كود, هاك, html, css, java, BBcode, seo, php, JavaScript, Product, Style



توقيعي

عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com

ندعم جميع منتديات الجيل الثالث

مواقعنا :
  1. www.6wer.com
  2. www.alm6wer.com




   رقم المشاركة [ 2 ]
08-05-2018, 11:39 PM
7950
الصورة الرمزية لـ FOR SAT
FOR SAT
غير متواجد
[ مطوّر مبدع ]
عضو لدية أكثر من 200 مشاركة
تاريخ الإنضمام05-09-2015 عدد المشاركات205 تقييم المستوى228 الدولةiraq
الإعجابات التي قدمها للأعضاء 42   تم شكره 7 مرة في 6 مشاركة
افتراضي رد: شروط ظهور تأثيرات كود css في كود html


عاشت ايدك أبو محمد للشرح المميز والهام




   رقم المشاركة [ 3 ]
10-05-2018, 01:24 AM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تابعني على instaram
الصورة الرمزية لـ AlM6weR
AlM6weR
متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,831 تقييم المستوى17845 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 286   تم شكره 747 مرة في 568 مشاركة
افتراضي رد: شروط ظهور تأثيرات كود css في كود html


تعيش اخوي عمر
منور الموضوع ،،




توقيعي

عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com

ندعم جميع منتديات الجيل الثالث

مواقعنا :
  1. www.6wer.com
  2. www.alm6wer.com




   رقم المشاركة [ 4 ]
10-05-2018, 08:29 PM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
منتديات رياض الأنس
8305
الصورة الرمزية لـ منال نور الهدى
منال نور الهدى
متواجد
[ مطوّر مبدع ]
اسمي : أحب الأصالة وأبحث عن التجديد , من : الجزائر , أهتم بـ كل ما يخص الأدب والشعر وأهتم بالبرمجة و فن التصميم .
عضو لدية أكثر من 200 مشاركة
تاريخ الإنضمام19-01-2017 عدد المشاركات209 تقييم المستوى222 الدولةalgeria
الإعجابات التي قدمها للأعضاء 19   تم شكره 3 مرة في 3 مشاركة
افتراضي رد: شروط ظهور تأثيرات كود css في كود html


توضيح وشرح رائع أخي المطور
واضافة مهمة لكل موقع




 

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
تأثيرات, html, شروط, ظهور

أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم

الانتقال السريع

المواضيع المتشابهه للموضوع: شروط ظهور تأثيرات كود css في كود html
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ طلب ] اتمنى طريقة (حذف شروط وقوانين المنتدى) عند التسجيل FOR SAT طلبات و مشاكل منتديات vBulletin 3.x.x 4 05-10-2016 10:40 PM
برنامج: PhotoFiltre لعمل تأثيرات على الصور أبوعبدالله البرامج العامه والشروحات 3 01-03-2011 06:42 PM
شروط المسح على الخفين إني أتأرجح المنتدى العام 1 18-01-2011 05:13 AM
شروط وآداب الدعاء وأسباب الإجابة الشامخه المنتدى العام 5 22-12-2010 12:27 AM


الساعة الآن 09:12 AM

توافق أكواد المعهد

تم التحقق بنجاح هذا الموقع من أخطاء XHTML  Valid XHTML 1.0 Transitional

تم التحقق بنجاح هذا الموقع من أخطاء CSS3  Valid CSS!

ترتيب الكسا alexa

من نحن

معهد المطور
موقع يهتم بتطوير المواقع والمنتديات وتحسين بيئة عمل المواقع العربية

أهدافنا

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

خدماتنا

نمد يد العون لجميع اصحاب المواقع ، ونجيب عن جميع استفساراتهم قدر الامكان
كما نتطلع دائما لطرح الجديد والمفيد لهم

الدعم الفني المدفوع

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

مواقع صديقة

تجربتي

لماذا هذه المواقع ؟

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

الحقوق

Powered by vBulletin@Version 3.8.7 .Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
المشاركات والمواضيع تعبر عن رأي كاتبها وليس بالضرورة رأي المطوّر
وجميع الحقوق محفوظة لاصحابها

تاريخ انشاء الموقع

08-06-2010