[Css] : كود code لقائمة تحتتوي على الروابط الهامة لمنتداك ..~

http://www.dzbatna.com/images/icons/iconrote.gif [Css] : ظƒظˆط¯ ظ„ظ‚ط§ط¦ظ…ط© طھط*طھظˆظٹ ط¹ظ„ظ‰ ط§ظ„ط±ظˆط§ط¨ط· ط§ظ„ظ‡ط§ظ…ط© ظ„ظ…ظ†طھط¯ط§ظƒ ..~

---

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

أقدم إليكم اليوم كود code css لمحتوى قائمة روابط تحتوي على روابط منتداك الهامة ..~

منها الرئيسية ..~

التسجيل ..~

البحث ..~

التقويم ..~


// النتيجة \\

لاحظ الروابط إللي موجودة بـ الهيدر header..~

http://www.mezo-des.net/vb/index.php?styleid=55

لاحظ الروابط إللي موجودة بـ الهيدر header..~

طريقة التركيب install ..


إذهب إلى لوحة التحكم ---> التحكم بالإستايل styleات --> البحث في القوالب ---> أختار الإستايل style المراد البحث فيه ---> وبحث عن ..
رمز PHP:

header


ثم ضع الكود code التالي في أخر قالب template الهيدر header ..

رمز PHP:

<div id="up-nov">
<ul>
<li><a href="index.php">الرئسيةa>li>
<li><a href="register.php">الإلتحاق معناa>li>
<li><a href="search.php">البحثa>li>
<li><a href="register.php">الإلتحاق معناa>li>
<li><a href="calendar.php">التقويمa>li>
<li><a href="sendmessage.php">الإدارهa>li>
ul>

div>


وبإمكانكم زيادة عدد الروابط بتكرار الجملة joomla التالية ..~
رمز PHP:

<li><a href="sendmessage.php">الإدارهa>li>


ولتغير المسميات والرابط قم فقط بالتغير الكلمات والإرتباط التشعبي التي توجد بين الوسم
رمز PHP:

<a href="sendmessage.php">الإدارهa>


=============



قم بالذهاب إلى الإستايل style المراد التعديل عليه --> من ثم رئيسي css -->تعاريف CSS الإضافية/Additional CSS Definitions --> ضع الكود code المرفق ..~
رمز PHP:

#up-nov{
margin: 0px auto 0px auto;
background-image: url('hed_bg.gif');/*قم برفع الصورة المرفقة بواسطة الإف تي بي */
background-repeat: repeat-x;
height: 20px;
}
#up-nov ul{



padding: 0px;
margin: 0px;
list-style-type: none;
}

#up-nov ul li{
float: right;
text-align: center;
}
#up-nov a {
width: 88px;/*عرض مربعات التي تحتوي داخلها الروابط */
height: 20px;/*إرتفاع مربعات التي تحتوي داخلها الروابط */
margin: 0px auto 0px auto;
text-align: center;/*النص الداخلي (الرئيسية ....) أي بمعنى يأخذ محاذاه التوسيط */
font-family: Tahoma;/* نوع الخط قبل مرور الماوس عليه*/
display: block;
font-size: 9pt;/*حجم الخط (الرئسية ....) */
color: #006c78;/*لون الخط */
border-right-style: solid;/*شكل الحد في الجهة اليمنى قبل مرور الماوس عليه */
border-right-width: 1px;/*عرض الحد في الجهة اليمنى قبل مرور الماوس عليه */
border-right-color: #015A64;/*لون الحد في الجهة اليمنى قبل مرور الماوس عليه */
text-decoration: none;
line-height: 19px;
}
#up-nov a:hover {
font-family: tahoma;/* نوع الخط بعد مرور الماوس عليه*/
background-color: #0092a2;/* لون خلفية الخط بعد مرور الماوس عليه*/
color: #FFFFFF;/* لون الخط بعد مرور الماوس عليه*/
border-right-style: solid;/*شكل الحد في الجهة اليمنى بعد مرور الماوس عليه */
border-right-width: 4px;/*عرض الحد في الجهة اليمنى بعد مرور الماوس عليه */
border-right-color: #21464a;/*لون الحد في الجهة اليمنى بعد مرور الماوس عليه */
font-size: 11pt;/*حجم الخط (الرئسية بعد مرور الماوس ....) */
text-decoration: none;
}


.. صورة التمدد لـ خلفية الروابط بالمرفقات ..~

----------------------------
ميزو ديزاين
------------------------------------------
www.mezo-des.net
---------------------------------------------------------

التعديل الأخير كان بواسطة N O U R; 19 - 05 - 2014 الساعة 13:02 السبب: اضافة أكواد HTML

ألعاب الأندرويد مجانا و حصريا

https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©