المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : Drop Down Menu


الشمس
19-08-2004, 08:25 PM
يا سادة ياكرام،



والله طلعت سهلة :242:

ضبطت معاي وكل شي صاير تمام.. لكن فيه جزء من الكود ماني فاهمة وش الهدف منه بالضبط.. شلته وماتغير شي، رجعته وماتغير شي :140: ..


رح أحطه هنا، وأبي أفهم لو تكرمتم |1|
الجزء الأحمر هو اللي مافمته.





<head>
****** ***********="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title> Drop Down Menu </title>
<style type="text/css">
.holder {display:none;}
.menu {display:block;}
a.outer, a.outer:visited {color:#FFFFFF; width:115px; height:30px; display:block; background:url(Art/button.jpg); text-align:center; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; font-size:small; line-height:30px; overflow:hidden;}
a.outer:hover {color:#fff; background:url(Art/buttonDW.psd.jpg) no-repeat fixed center top; overflow:visible;}
a.outer:hover table {display:block; background:AECDEF; border-collapse:collapse;}
a.inner, a.inner:visited {
display:block;
width:113px;
height:20px;
text-decoration:none;
color:#003366;
font-family:tahoma, vardana, arial, sans-serif;
font-size:x-small;
text-align:center;
line-height: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
background-color: #AECDEF;
}
a.inner:hover {
background:#83B9F1;
color: #FFFFFF;
}
</style>
</head>

<body>
<div class="menu"> <a class="outer" href="page1.html">Training Schedule
<table><tr><td>
<a class="inner" href="page1a.html">Page 1a</a>
<a class="inner" href="page1b.html">Page 1b</a>
<a class="inner" href="page1c.html">Page 1c</a>
<a class="inner" href="page1d.html">Page 1d</a>
<a class="inner" href="page1e.html">Page 1e</a>
</td></tr></table>
</a>

<a class="outer" href="page1.html">MENU 2
<table><tr><td>
<a class="inner" href="page2a.html">Page 2a</a>
<a class="inner" href="page2b.html">Page 2b</a>
<a class="inner" href="page2c.html">Page 2c</a>
<a class="inner" href="page2d.html">Page 2d</a>
</td></tr></table>
</a>
</div>

<div class="holder">
MENU 1<br />
<a class="inner" href="page1a.html">Page 1a</a>
<a class="inner" href="page1b.html">Page 1b</a>
<a class="inner" href="page1c.html">Page 1c</a>
<a class="inner" href="page1d.html">Page 1d</a>
<a class="inner" href="page1e.html">Page 1e</a>
</div>
<div class="holder">
MENU 2<br />
<a class="inner" href="page2a.html">Page 2a</a>
<a class="inner" href="page2b.html">Page 2b</a>
<a class="inner" href="page2c.html">Page 2c</a>
<a class="inner" href="page2d.html">Page 2d</a>
</div>

</body>
الشمس
19-08-2004, 08:27 PM
بعد ما ألاقي إجابة على هذا السؤال، رح أطرح سؤال ثاني |273|
بخيت
20-08-2004, 08:31 AM
الشمس
ببساطه ماله فائده الا اذا تبغي تسوي المينو بالعرض بدل الحالي

جربي تلعبين في الكود اكثر مني :)


<title> Drop Down Menu </title>
<style type="text/css">
.menu {display:block;}
a.outer, a.outer:visited {color:#000000; background-color: #AECDEF; width:150px; height:30px; display:block; text-align:center; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; font-size:small; line-height:30px; overflow:hidden;}
a.outer:hover {color:#000; no-repeat background-color: #AECDEF; fixed center top; overflow:visible;}
a.outer:hover table {display:block; background:AECDEF; border-collapse:collapse;}
a.inner, a.inner:visited {
display:block;
width:150px;
height:20px;
text-decoration:none;
color:#003366;
font-family:tahoma, vardana, arial, sans-serif;
font-size:x-small;
text-align:center;
line-height: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
background-color: #AECDEF;
}
a.inner:hover {
background:#83B9F1;
color: #000000;
}
</style>
</head>
<body>
<div class="menu">
<a class="outer" href="page1.html">Training Schedule
<table><tr><td>
<a class="inner" href="page1a.html">Page 1a</a>
<a class="inner" href="page1b.html">Page 1b</a>
<a class="inner" href="page1c.html">Page 1c</a>
<a class="inner" href="page1d.html">Page 1d</a>
<a class="inner" href="page1e.html">Page 1e</a>
</td></tr></table>
</a>
<a class="outer" href="page1.html">MENU 2
<table><tr><td>
<a class="inner" href="page2a.html">Page 2a</a>
<a class="inner" href="page2b.html">Page 2b</a>
<a class="inner" href="page2c.html">Page 2c</a>
<a class="inner" href="page2d.html">Page 2d</a>
</td></tr></table>
</a>
</div>

</body>
الشمس
20-08-2004, 09:31 PM
شكرًا بخيت..

بالنسبة للسؤال الثاني انحلت والحمدلله..

لكن طلع سؤال ثالث :140:
أبي أعمل Rollover image
بدون استخدام الجافا <== هذا شعارنا

استخدمت نفس الكود أو جزء منه اللي هو فقط المدرج تحت، لكن المشكلة إني ماعرفت أغير اسم الكلاس ولا عرفت أتصرف معاها ولا عرفت أستغني عنها ولا عرفت طريقة تسمح لي أستخدمها مع وجود النسخة الاصلية منها في نفس الصفحة.
أتوقع إني ماعرفت أشرح اللي أبي كالعادة.. لكن يمكن يكون كلامي مفهوم |282| .





a.outer, a.outer:visited
}
background:url(Art/button.jpg);
{
a.outer:hover
}

background:url
(Art/buttonDW.psd.jpg)

{
الشمس
21-08-2004, 01:59 PM
تم بحمد الله :242:






a.outer, a.outer:visited {color:#FFFFFF;
width:115px;
height:30px;
display:block;
background:url(Art/button.jpg);
text-align:center;
float:left; text-decoration:none;
font-family:tahoma, vardana, arial, sans-serif;
font-size:small;
line-height:30px;
overflow:hidden;
}
a.mouter, a.mouter:visited {
color:#FFFFFF;
width:115px;
height:30px;
display:block;
background:#000000;
text-align:center;
float:left;
text-decoration:none;
font-family:tahoma, vardana, arial, sans-serif;
font-size:small;
line-height:30px;
overflow:hidden;}
a.outer:hover {
color:#fff;
background:url(Art/buttonDW.psd.jpg) no-repeat fixed center top;
overflow:visible;
}
a.mouter:hover {
color:#fff;
background:#ffffff no-repeat fixed center top; overflow:visible;
}




نسختين من نفس الكلاس، لكن بخلفيتين مختلفتين.


طبعًا غيرت الألوان عشوائيًا..


سنعود إن طلعنا بأسئلة ثانية، مع أنه شكل أسئلتي طفشتكم :140:
بخيت
21-08-2004, 03:37 PM
يازينك وانتي تسالي وتجاوبي
الشمس
21-08-2004, 05:05 PM
اضطريت إني أعتمد على أصابعي شوي لما المساعدات الخارجية اتأخرت |309|

طيب عندي سؤال :262:

تقدر تطور الكلاسات اللي فوق، الكود الأصلي أقصد، بحيث يضيف لي سب منيو ثانية؟
هي الآن منيو. وسب منيو. أنا أبي سب منيو تطلع من السب منيو الأولانية ...
مع عدم الاعتذار لعادل الإمام :)


أنا رح أحاول من جهتي، ومن جهتك أنتظر المساعدات...
ولا تنتظرني أصير زينة... أنا دايم زينة أصلا :245: منيب نحول |8|
الشمس
21-08-2004, 06:17 PM
احم احم :242: ...

الكود بعد التطوير ... للفائدة <== أتحرش :245:

خلاص ألغي السؤال....
بخيت
29-08-2004, 07:52 PM
طيب نزلي الكود بعط التطوير للفائده