الويب العربي - طلب شرح طريقة تصميم الازارير الجانبية لأحد المواقع .. يوجد مثال

الويب العربي (http://www.arabwebtalk.com/index.php)

- تطويرالمواقع (http://www.arabwebtalk.com/forumdisplay.php?f=47)

طلب شرح طريقة تصميم الازارير الجانبية لأحد المواقع .. يوجد مثال

السلام عليكم
اولا اعتذر لو كان الموضوع في غير مكانه المناسب

ثانيا ابي طريقة تصميم الازارير الجانبية الي في موقع لمسة ابداع
http://www.e4vb.com/index.html

ياليت طريقة تصميمها وتركيبها على صفحات الهتمل

بنتظار الطيبين

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

هل تقصد القائمة الأفقية الوجودة اسفل الهيدر أم أي أزرار بالضبط؟ظ
ياريت لو ترفق صورة أفضل ..

شكراا ،،

ايه اخي القائمة الافقية الي تحت الهيدر الي فيها
الدعم الفني للمشتركين
خطط الدعم الفني للمنتديات
المبيعات
التوظيف
الخ

هي ممكن جافا لكن شلون اسوي مثلها وشلون اضيف الاكواد على صفحة عندي مثلا
؟؟

ان شاء الله الأخوان يفيدونك اكثر في قسم التطوير

بالتوفيق ،،

كود:

#right-menu {

background:#FFFFFF url(images/block-bg.jpg) no-repeat scroll center top;

margin-bottom:5px;

width:216px;





}



.right-menu-links {

background:transparent url(images/arrow.gif) no-repeat scroll right center;

display:block;

line-height:23px;

margin-right:5px;

padding-right:20px;

text-align:right;





}



.right-menu-links a {

display:block;





}



.right-menu-links a:hover {

display:block;





}

هذا الكود css الخاص بها

عند الاضافه مثلا استخدم الكود التالي

كود:

<div id="right-menu"><div class="right-menu-links">

<a href="index.php">الرئسيه</a>





</div>





</div>

يمكنك تكرار الكود الخاص بالرابط ..

كود:

<div class="right-menu-links">

<a href="index.php">الرئسيه</a>





</div>

قم بتكراره .. مع تغير الرابط و الاسم

الصور المرفقه قم برفعها داخل مجلد images

نرجو ان يكون الشرح وافي . .:)

إقتباس:

اقتباس من مشاركة ابراهيم هنداوي (المشاركة 686738)

كود:

#right-menu {

background:#FFFFFF url(images/block-bg.jpg) no-repeat scroll center top;

margin-bottom:5px;

width:216px;

 

 

}

 

.right-menu-links {

background:transparent url(images/arrow.gif) no-repeat scroll right center;

display:block;

line-height:23px;

margin-right:5px;

padding-right:20px;

text-align:right;

 

 

}

 

.right-menu-links a {

display:block;

 

 

}

 

.right-menu-links a:hover {

display:block;

 

 

}

هذا الكود css الخاص بها

عند الاضافه مثلا استخدم الكود التالي

كود:

<div id="right-menu"><div class="right-menu-links">

<a href="index.php">الرئسيه</a>

 

 

</div>

 

 

</div>

يمكنك تكرار الكود الخاص بالرابط ..

كود:

<div class="right-menu-links">

<a href="index.php">الرئسيه</a>

 

 

</div>

قم بتكراره .. مع تغير الرابط و الاسم

الصور المرفقه قم برفعها داخل مجلد images

نرجو ان يكون الشرح وافي . .:)

اخي ابراهيم يعطيك الف عافية ياغالي
لكن اخوي مازبطت معي وبالنسبة لكود الـcss اين اضعه بالظبط اول الصفحة او اخره او وسطها
ياليت لو مافي كلافه عليك تسوي لي تطبيق على صفحة عندك بالصور وانا اتابعه لعلى وعسى اقدر من خلاله افهم اكثر

وانا بنتظارك عزيزي

جااري تنفيذها . لك في صفحه html ...