[Css] : ظƒظˆط¯ ظ„ظ‚ط§ط¦ظ…ط© طھط*طھظˆظٹ ط¹ظ„ظ‰ ط§ظ„ط±ظˆط§ط¨ط· ط§ظ„ظ‡ط§ظ…ط© ظ„ظ…ظ†طھط¯ط§ظƒ ..~


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

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

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

التسجيل ..~

البحث ..~

التقويم ..~


// النتيجة \\

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

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

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

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


إذهب إلى لوحة التحكم ---> التحكم بالإستايل styleات --> البحث في القوالب ---> أختار الإستايل style المراد البحث فيه ---> وبحث عن ..
رمز PHP:
<code style="white-space:nowrap"> <code> header
</code> </code>

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

رمز PHP:
<code style="white-space:nowrap"> <code> <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>
</code> </code>

وبإمكانكم زيادة عدد الروابط بتكرار الجملة joomla التالية ..~
رمز PHP:
<code style="white-space:nowrap"> <code> <li><a href="sendmessage.php">الإداره</a></li>
</code> </code>

ولتغير المسميات والرابط قم فقط بالتغير الكلمات والإرتباط التشعبي التي توجد بين الوسم
رمز PHP:
<code style="white-space:nowrap"> <code> <a href="sendmessage.php">الإداره</a>
</code> </code>

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



قم بالذهاب إلى الإستايل style المراد التعديل عليه --> من ثم رئيسي css -->تعاريف CSS الإضافية/Additional CSS Definitions --> ضع الكود code المرفق ..~
 رمز PHP:
<code style="white-space:nowrap"> <code> #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;
}
</code> </code>




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

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





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




©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©