جار التحميل ...

قائمة عامودية روعة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

قائمة عامودية روعة

مُساهمة من طرف Smile في الخميس فبراير 06, 2014 11:52 pm


بسم الله الرحمن الرحيم
نقدم لكم اليوم كود هتمل + سى اس اس لقائمة عمودية

الكود:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>قائمة عمودية بالقائمه فرعية</title>
<style>
#vmenu ul{
list-style:none;
width:130px;
margin:0;

}
#vmenu li
{
background:#3A403A;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
position:relative;
}
#vmenu a
{
color:#fff;
text-decoration:none;
font-family:arial;
font-size:14px;
}
#vmenu a:hover
{
background:#171A17;
color:#ccc ;
padding-top:10px;
padding-bottom:10px;
padding-right:5px;
}
#vmenu li ul
{
white-space:nowrap;
display:none;
}

#vmenu li li
{
background:darkred;
left:-45px;
padding-top:5px;
}

#vmenu li:hover ul
{
display:block;
}

#vmenu li ul a:hover
{
background:#591929;
color:#fff
}

</style>
</head>

<body>
<div align="right">
<div id="vmenu">
<ul>
<li><a href="/">الرئيسية</a></li>
<li><a href="/">خرائط جوجل</a></li>
<li><a href="/">لعبة بلياردو</a></li>
<li><a href="">اخر</a>
<ul>
<li><a href="/"> اتصل بنا</a></li>
<li><a href="/"> معلومات عنا</a></li>
</ul>
</li>

<li><a href="/">القران الكريم</a></li>
</ul>
</div>
</div>
</body>
</html>









التوقيع




ﻟﻴﺲ‏ ﻛﻞ ﻣﻦ ﺍﺳﺘﺨﺪﻡ ﺑﺮﺍﻣﺞ ﺍﻟﺘﺼﻤﻴﻢ ﺃﺻﺒﺢ ﻣﺼﻤﻢ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺍﺧﺬ ﺳﻴﺮﻓﺮ ﺃﺻﺒﺢ ﻣﺴﺘﻀﻴﻒ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺭﻛﺐ ﻫﺎﻙ ﺍﺻﺒﺢ ﺩﻋﻢ ﻓﻨﻲ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺭﻛﺐ ﺻﻔﺤﺔ ﺃﺻﺒﺢ ﻣﻄﻮﺭ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﻛﺘﺐ ﻛﻮﺩ ﺃﺻﺒﺢ ﻣﺒﺮﻣﺞ

--------------
ﻭ ﻟﻜﻦ ﻛﻞ ﻣﻦ ﺗﻮﺍﺿﻊ ﻟﻠﻪ ﺃﺻﺒﺢ ﻣﺤﺘﺮﻑ
--------------
يا
زائر
إذا أردت الاستفسار عن أى شئ لا تتردد فى ارسال رساله على الايميل
info@fm63.net




avatar
Smile
:: فِرِّيّق الإدارَََة ::
:: فِرِّيّق الإدارَََة ::

مُشَارِكتي : 2033

التقييم : 36024


http://www.fm63.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى