مجموعات المنتدى : خلفية ، صورة ، توهج

بسم الله الرحمن الرحيم

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

بداية :-

الشكل الاول :
الشكل الثاني :
الشكل الثالث :

الآن الأكواد اللازمه لذلك

كود الشكل الأول :

الكود:: a[href="/g1-group"] {
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

كود الشكل الثاني :

الكود:: a[href="/g1-group"] {
background: url("http://2img.net/i/fa/admin/couronne.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}

كود الشكل الثالث :

الكود:: a[href="/g1-group"] {
text-shadow: 0px 2px 6px #f5a911;
}

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

مجموعة الإدارة رابطها : http://help.ahlamontada.com/g1-group
إذن رقم المجموعة 1

ومجموعة الإشراف رابطها : http://help.ahlamontada.com/g13-group
إذن رقم المجموعة 13

وهكذا لكل مجموعة في المنتدى ..

نلاحظ أن في كل كود يوجد هذا الجزء

الكود:: [href="/g1-group"]

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

الكود:: a[href="/g13-group"] {
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

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

بالنسبة للكود الأول فسترى به هذا الرابط https://i.servimg.com/u/f45/15/95/60/34/glitte10.gif
يمكن إسبتداله برابط الصوره التي تريد " ستظهر كخلفية لإسم المجموعة "

والكود الثاني أيضا سترى به هذا الرابط https://2img.net/i/fa/admin/couronne.png
أيضا يمكن إستبداله برابط الصوره التي تريد " ستظهر بجانب إسم المجموعة "

ولا ننس أن لكل مجموعة رقم ولن يعمل الكود على إسم المجموعه إن لم نضع رقمها فيه

وأخيرا طريقة وضع الكود : لوحة الإدارة >> مظهر المنتدى >> ألوان >> ورقة تصميم CSS
----------------

» كود CSS لوضع خلفية لأزرار المنتدى للنسخة phpBB2
» كود CSS لوضع خلفية لأزرار المنتدى للنسخة الثالثة phpBB3
» css لعمل خلفية للمجموعات وعمل خلفية لاسماء الاعضاء كل عضو له خلفيه لاسمه وهكذا
» كود وضع صورة إنسيابية بجانب المنتدى ووضع بها رابط خاص
» كود css لوضع صورة قبل احصائيات المنتدى تبين ( المتصلون الان )