منو آبشاری

[ali148635]

سلام. میخوام منوی بالای سایتم رو آبشاری کنم. سعی کردم قالب بهم خورد. کسی میتونه برام درست کنه؟

لینک

m.JPG

[warpro]

با ســــــــلام . . .

این کد های منوی آبشاری البته با CSS3 ::

Download CSS3_Drop_Down_Menu.zip
Download CSS3_Drop_Down_Menu.zip


توضیحـــات ::

ابتدا شما در بین تگ زیر در قالب خود:
1.



این کد را قرار می دهید:
1.



این کد برای فراخوانی فایل سی اس اس به درون قالب است، توجه داشته باشید باید فایل Style.css موجود در درون فایل دانلودی منوی آبشاری را در پوشه اصلی قالب کپی کنید.
در ادامه کدهای زیر:
01.
02.<ul id="nav">
03.
04.<li><a href="#">صفحه اصلی</a></li>
05.
06.<li><a href="#">خدمات سایت</a>
07.
08.<ul>
09.
10.<li><a href="#">طراحی وب</a></li>


الی


32.

33.<li><a href="#">آموزش</a></li>
34.
35.</ul>
36.</li>
37.
38.<li><a href="#">سفارش طراحی</a></li>
39.
40.<li><a href="#">تماس با ما</a></li>
41.
42.</ul>
43.



را در قسمتی که میخوایید منوی آبشاری خود را ایجاد کنید کپی کنید.


با تشـــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــــکر . . .

[ali148635]

با ســــــــلام . . .

این کد های منوی آبشاری البته با CSS3 ::

Download CSS3_Drop_Down_Menu.zip
Download CSS3_Drop_Down_Menu.zip


توضیحـــات ::

ابتدا شما در بین تگ زیر در قالب خود:
1.



این کد را قرار می دهید:
1.

این لینک دانلود چی هست؟ افزونه؟ یا چیز دیگه ای؟

دقیقا منظورتون چه کدی هست؟

[warpro]

عزیز کد منوی آبشاری css3 . . .

-------------------------------------------

این کد برای فراخوانی فایل سی اس اس به درون قالب است، توجه داشته باشید باید فایل Style.css موجود در درون فایل دانلودی منوی آبشاری را در پوشه اصلی قالب کپی کنید.

[warpro]

با ســـلام مجـــدد . . .

در صورت که دانش لازم را دارا نیســتید یا براتون ممکنه سخــت باشـــه . . .

توضیحــــات آســـان ::

این قسمت بعد از تگ head ::

<style> 
*{font-size:11px;margin:0;padding:0;font-family:Tahoma;line-height:150%;} 
A{color:#444444;font-size:11px;text-decoration:none;text-shadow:0 0 5px #ccc;behavior:url(PIE.htc);} 
.jDesign_blue__menu {width: 950px; margin: 0 auto;} 
ul#jDesign_topnav { 
margin: 0; padding: 0; 
float: right; 
width: 950px; 
list-style: none; 
position: relative; 
font-size: 1.2em; 
background:url(http://novinsoftwares.ir/umzgup/images/topnav_s.gif) repeat-x; 
font-family: Tahoma; 
} 
ul#jDesign_topnav li { 
float: right; 
margin: 0; padding: 0; 
border-right: 1px solid #555; 
} 
ul#jDesign_topnav li a { 
padding: 10px 15px; 
display: block; 
color: #f0f0f0; 
text-decoration: none; 
} 
ul#jDesign_topnav li:hover {background: #1376c9 url (http://novinsoftwares.ir/umzgup/images/topnav_a.gif) repeat-x; } 
ul#jDesign_topnav li span { 
float: right; 
padding: 5px 0; 
position: absolute; 
left: 0; top:35px; 
display: none; 
width: 950px; 
background: #1376c9; 
color: #fff; 
-moz-border-radius-bottomright: 5px; 
-khtml-border-radius-bottomright: 5px; 
-webkit-border-bottom-right-radius: 5px; 
-moz-border-radius-bottomleft: 5px; 
-khtml-border-radius-bottomleft: 5px; 
-webkit-border-bottom-left-radius: 5px; 
} 
ul#jDesign_topnav li:hover span { display: block; } 
ul#jDesign_topnav li span a {float: right; display: inline; } 
ul#jDesign_topnav li span a:hover {float: right;  color:#fff;background:#202020;text-shadow:2px 1px 3px  #000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:2px;-webkit-transition-property:background;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear,  ease-in;-moz-transition:background .3s ease-in;-o-transition:background  .3s ease-in;} 

</style> 

-------------------------

این قسمت هم بجای منوی سایتتون قرار میگیره ::

<div class="jDesign_blue__menu"> 

<ul id="jDesign_topnav"> 

<li><a href="http://umzgup.ir/">صفحه اصلی</a></li> 

<li> 
<a =" ">عضویت </a> 
<span> 
<a href="http://umzgup.ir/register">عضویت در سایت</a> 

<a href="http://geographyumz89.rozblog.com/page/sms">عضویت در سامانه پیامکی</a> 


</span> 



</li> 

<li> 
<a href="http://umzgup.ir/forum">تالار گفتمان</a> 

</li> 


<li> 
<a ="">بخش ویژه سایت</a> 
<span> 
<a href="http://umzgup.ir/Cat/27/maghale.aspx/">بخش مقالات</a> 
<a href="">معرفی کتاب</a> 
<a href="http://umzgup.ir/page/ArchivPictures">آرشیو همایش ها</a> 
<a href="">نرم افزار های تخصصی</a> 
<a href="">GIS</a> 
<a href="http://www.jotform.me/umzgupir/umzgupir">ارسال مقاله </a> 
<a href="http://www.jotform.me/umzgupir/fileamozeshi">ارسال فایل </a> 
</span> 
</li> 


<li> 
<a ="">نویسندگا سایت</a> 
<span> 
<a href="http://umzgup.ir/page/panel2n">ورود به پنل نویسندگان</a> 
<a href="/">درخواست نویسندگی در سایت</a> 

</span> 
</li> 

<li><a ="">درباره ما</a> 

<span> 
<a href="http://umzgup.ir/post/51">معرفی اعضای هیئت علمی</a> 
<a href="">اعضای هسته علمی</a> 
<a href="">معرفی دانشجویان نمونه</a> 
<a href="">درباره سایت</a> 
<a href="">مسئول آموزشی </a> 
</span> 

</li> 

<li><a ="">ارتباط با ما</a> 

<span> 
<a href="http://umzgup.ir/page/tamas">ارتباط با مدیرسایت</a> 

<a href="">ارتباط با مدیر هسته علمی</a> 
<a href="">ارتباط با مدیر تالار گفتمان</a> 
</span></li> 

<li><a href="http://umzgup.ir/Sitemap.xml">نقشه سایت</a></li> 

</ul> 

</div>