تعديل بسيط على قائمة متشعبة !

محروم.كوم · #1 02-02-2014, 05:00 AM

<div><div align="center">أحتاج التعديل على هذا الكود الــ اتش ام ال

قائمة . يخرج منها قائمة فرعية
أنا احتاج ان يخرج قائمة باتجاه اليمين من كل قائمة فرعية

مثال للكود العادي

مثال لطلبي

بحيث تكون قائمة متشعبة ثانية . بس باتجاه اليمين
لان المتشعبة الاولى كان باتجاه الاسفل

اتمنى وصلت الفكرة

هذا الكود الذي يعمل على html ولكن احتاج التعديل
المذكور في الاعلى
واسف على الاطالة

<div style="margin:20px; margin-top:5px"> رمز Code:
<div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 29px;" align="left">

حصرياتنا

قائمة الموقع ▼

» الصفحة الرئيسية

» المنتدى

» قائمة الأعضاء

» الشات الكتابي

خدماتنا ▼

» قنوات بث مباشر

إتصل بنا

» جميع مشاركاتي

» مواضيع لم يرد عليها

» الجديد منذ آخرزيارة

أعلن لدينا

/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {margin: 0; padding: 0; border: none; outline: none;}

/* Menu */
.menu {height: 42px; width: 100%; background: #2e2e2e;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
background: -o-linear-gradient(top, #494949 0%,#202020 100%);
background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
background: linear-gradient(top, #494949 0%,#202020 100%); }
.menu li {position: relative; list-style: none; float: right; display: block; height: 40px;}

/* Links */
.menu li a { display: block; padding: 0 8px; margin: 6px 0; line-height: 30px;
text-decoration: none; border-left: 1px solid #393942; border-right: 1px solid #161616;
font-family: Tahoma; font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
.menu li:hover > a { color: #8fde62; }

/* Sub Menu */
.menu ul { position: absolute; top: 40px; left: 0; opacity: 0; background: #1f2024;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s; }
.menu li:hover > ul { opacity: 1;}
.menu ul li { height: 0; overflow: hidden; padding: 0;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s; }
.menu li:hover > ul li { height: 34px; overflow: visible; padding: 0;}
.menu ul li a {width: 130px; padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
.menu ul li:last-child a { border: none; }

<div style="left: 46px; overflow: visible;br /width: 300px; position: absolute; top: 12px; height: 30px;" align="center">

<div style="text-align: left;">
مرحباً بك ياعضونا الكريم __DEFINE_LIKE_SHARE__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[طلب] : تعديل قائمة جانبيه لقالب وورد بريس بسيط	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	09-07-2013 07:50 PM
[ طلب برمجه ] : تعديل على سكربت + اضافة قائمة منسدلة	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	12-08-2011 02:30 PM
[ طلب تعديل ] طلب تعديل بسيط على هاك صندوق التميز الاوتوماتكي ليصبح مرئي للزوار	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	12-02-2011 11:30 AM
كل شيء عن [تعديل/حذف/إصلاح] خيارات قائمة الإقلاع بوجود [Vista/Seven]	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-25-2009 02:20 PM
مشكلة عند الظغط على تعديل القوالب من قائمة الاستايلات	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-04-2009 09:40 AM