ازار المنتدى

كيفي عمل ازار المنتدى بشكل "طولي" بدلا من افقي
" المنتدى -البوابه-.. الخ"
تكون بهذا الشكل
المنتدى
البوابه
..
.
.
الخ
.................................
وشكرا

وعليكم من السلام
جرب هذا الكود يوضع في ورقةcss
لوحة التحكم=مظهر المنتدى
تحت
الوان ثم ورقةcss

الكود:

a.mainmenu {
border:3px dotted #CC33CC;
 background: #FFCCFF; width:
 color: #FF3333; padding: 5px; z-index: 10;
        display: block;

}

هل يمكن وضعه الى اليسار قليلا ؟

نعم
انتظر راح اضيف لك تحريك يمين ويسار
اضيفه لك في ردي هذا
تفضل

الكود:

a.mainmenu {
border:3px dotted #CC33CC;
 background: #FFCCFF; width:
 color: #FF3333; padding: 5px; z-index: 10;
display: block;
    position: relative;
    left: -500px;
}

تحية طيْبة,
بعد إذن الاخ
تفضل كود جعل أزرار الرئيسية بشكل عمودي :
اذهب الى لوحة الادارة ► المظهر ► القوالب ► عام اختر تعديل () القالب المطلوب overall_header .

اكتب فى مربع البحث {GENERATED_NAV_BAR} :
سيظهر لك هذا الكود

الكود:

<table
 cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
 <tr>  <td
align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
 </tr>  </table>

استبدله  باكمله بهذا الكود :

الكود:

<div class="vertical_nav">{GENERATED_NAV_BAR}</div>

ثم نشر  ولا تنسى الضغط على"" لحفظ التعديلات.
وقت الورقة الشخصية CSS

اذهب الى لوحة الادارة ► المظهر ► الوان ► الورقة الشخصية CSS.
اضف الاكواد التاليه حسب اختيارك :

الكود:

div.vertical_nav {
    position:absolute;
    top:50px;
    left:5%;
}

تفسير الكود السابق :
position:absolute; تسمح بجعل الازرار ثابتة فى مكانها الافتراضى
top:50px; تحديد مكان الازرار كلما ذاد الرقم كلما نزل صف الازرار الى اسفل
left:5%; اتجاه الازرار الى اليسار

والان لجعل الشريط افقى اضف الكود الى الورقة :

الكود:

div.vertical_nav a.mainmenu {
    display:list-item;
    list-style:none;
}

توضيح اكثر :
display:list-item; تسمح بجعل الازرار بشكل عامودى ولييس الشكل الافتراضى

لتغيير مظهر الازرار العامودى div.vertical_nav :
واذا اردت اضافة اطار للازرار اضف الكود التالى الى الورقة

الكود:


div.vertical_nav {
    background:#FFFFFF;
    border:1px solid #D0D0D0;
}

*
background:#FFFFFF;لون الخلفية
border:1px solid #D0D0D0; لون وعرض الاطار

وليش هذه الغلبه كلها
يا سلام

شكراا على تعبكم اصدقائي

اغلق الموضوع :""