code 4menu

برای دریافت مجموعه 3 منو زیبا با سی اس اس از یک لرن به ادامه مطلب مراجعه فرمایید .

کد منو1

<style type="text/css">
#wb_CssMenu1
{
   border: 0px #C0C0C0 solid;
   background-color: transparent;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 4px 0px 0px;
   width: 120px;
}
#wb_CssMenu1 a
{
   display: block;
   float: left;
   color: #666666;
   border: 0px #000080 solid;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #4169E1;
   background: -moz-linear-gradient(top,#4169E1 0%,#FFFFFF 50%,#FFFFFF 50%,#4169E1 100%);
   background: -webkit-linear-gradient(top,#4169E1 0%,#FFFFFF 50%,#FFFFFF 50%,#4169E1 100%);
   background: -o-linear-gradient(top,#4169E1 0%,#FFFFFF 50%,#FFFFFF 50%,#4169E1 100%);
   background: -ms-linear-gradient(top,#4169E1 0%,#FFFFFF 50%,#FFFFFF 50%,#4169E1 100%);
   background: linear-gradient(top,#4169E1 0%,#FFFFFF 50%,#FFFFFF 50%,#4169E1 100%);
   font-family: "B Yekan";
   font-size: 20px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   width: 110px;
   height: 40px;
   padding: 0px 5px 0px 5px;
   vertical-align: middle;
   line-height: 40px;
   text-align: center;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #666666;
   background-color: #0000FF;
   background: -moz-linear-gradient(top,#0000FF 0%,#FFFFFF 50%,#FFFFFF 50%,#0000FF 100%);
   background: -webkit-linear-gradient(top,#0000FF 0%,#FFFFFF 50%,#FFFFFF 50%,#0000FF 100%);
   background: -o-linear-gradient(top,#0000FF 0%,#FFFFFF 50%,#FFFFFF 50%,#0000FF 100%);
   background: -ms-linear-gradient(top,#0000FF 0%,#FFFFFF 50%,#FFFFFF 50%,#0000FF 100%);
   background: linear-gradient(top,#0000FF 0%,#FFFFFF 50%,#FFFFFF 50%,#0000FF 100%);
   border: 0px #C71585 solid;
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0px;
}
</style>
<div id="wb_CssMenu1" style="position:absolute;left:135px;top:214px;width:372px;height:40px;z-index:0;">
<ul>
<li class="firstmain"><a href="#" target="_self">تماس با ما</a>
</li>
<li><a href="#" target="_self">انجمن</a>
</li>
<li><a href="#" target="_self">خانه</a>
</li>
</ul>
</div>
 
<a href="http://www.1learn.ir" target="_self">یک لرن</a>

کد منو2

<style type="text/css">
#wb_CssMenu2
{
   border: 0px #C0C0C0 solid;
   background-color: transparent;
}
#wb_CssMenu2 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#wb_CssMenu2 li
{
   float: left;
   margin: 0;
   padding: 0px 4px 0px 0px;
   width: 120px;
}
#wb_CssMenu2 a
{
   display: block;
   float: left;
   color: #666666;
   border: 0px #000080 solid;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #00CED1;
   background: -moz-linear-gradient(top,#00CED1 0%,#FFFFFF 50%,#FFFFFF 50%,#00CED1 100%);
   background: -webkit-linear-gradient(top,#00CED1 0%,#FFFFFF 50%,#FFFFFF 50%,#00CED1 100%);
   background: -o-linear-gradient(top,#00CED1 0%,#FFFFFF 50%,#FFFFFF 50%,#00CED1 100%);
   background: -ms-linear-gradient(top,#00CED1 0%,#FFFFFF 50%,#FFFFFF 50%,#00CED1 100%);
   background: linear-gradient(top,#00CED1 0%,#FFFFFF 50%,#FFFFFF 50%,#00CED1 100%);
   font-family: "B Yekan";
   font-size: 20px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   width: 110px;
   height: 40px;
   padding: 0px 5px 0px 5px;
   vertical-align: middle;
   line-height: 40px;
   text-align: center;
}
#wb_CssMenu2 li:hover a, #wb_CssMenu2 a:hover
{
   color: #666666;
   background-color: #008B8B;
   background: -moz-linear-gradient(top,#008B8B 0%,#FFFFFF 50%,#FFFFFF 50%,#008B8B 100%);
   background: -webkit-linear-gradient(top,#008B8B 0%,#FFFFFF 50%,#FFFFFF 50%,#008B8B 100%);
   background: -o-linear-gradient(top,#008B8B 0%,#FFFFFF 50%,#FFFFFF 50%,#008B8B 100%);
   background: -ms-linear-gradient(top,#008B8B 0%,#FFFFFF 50%,#FFFFFF 50%,#008B8B 100%);
   background: linear-gradient(top,#008B8B 0%,#FFFFFF 50%,#FFFFFF 50%,#008B8B 100%);
   border: 0px #C71585 solid;
}
#wb_CssMenu2 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu2 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu2 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0px;
}
</style>
 
<div id="wb_CssMenu2" style="position:absolute;left:135px;top:214px;width:372px;height:40px;z-index:0;">
<ul>
<li class="firstmain"><a href="#" target="_self">تماس با ما</a>
</li>
<li><a href="#" target="_self">انجمن</a>
</li>
<li><a href="#" target="_self">خانه</a>
</li>
</ul>
</div>
 
<a href="http://www.1learn.ir" target="_self">یک لرن</a>

کد منو3

<style type="text/css">
#wb_CssMenu3
{
   border: 0px #C0C0C0 solid;
   background-color: transparent;
}
#wb_CssMenu3 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#wb_CssMenu3 li
{
   float: left;
   margin: 0;
   padding: 0px 4px 0px 0px;
   width: 120px;
}
#wb_CssMenu3 a
{
   display: block;
   float: left;
   color: #666666;
   border: 0px #000080 solid;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #FF69B4;
   background: -moz-linear-gradient(top,#FF69B4 0%,#FFFFFF 50%,#FFFFFF 50%,#FF69B4 100%);
   background: -webkit-linear-gradient(top,#FF69B4 0%,#FFFFFF 50%,#FFFFFF 50%,#FF69B4 100%);
   background: -o-linear-gradient(top,#FF69B4 0%,#FFFFFF 50%,#FFFFFF 50%,#FF69B4 100%);
   background: -ms-linear-gradient(top,#FF69B4 0%,#FFFFFF 50%,#FFFFFF 50%,#FF69B4 100%);
   background: linear-gradient(top,#FF69B4 0%,#FFFFFF 50%,#FFFFFF 50%,#FF69B4 100%);
   font-family: "B Yekan";
   font-size: 20px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   width: 110px;
   height: 40px;
   padding: 0px 5px 0px 5px;
   vertical-align: middle;
   line-height: 40px;
   text-align: center;
}
#wb_CssMenu3 li:hover a, #wb_CssMenu3 a:hover
{
   color: #666666;
   background-color: #FF1493;
   background: -moz-linear-gradient(top,#FF1493 0%,#FFFFFF 50%,#FFFFFF 50%,#FF1493 100%);
   background: -webkit-linear-gradient(top,#FF1493 0%,#FFFFFF 50%,#FFFFFF 50%,#FF1493 100%);
   background: -o-linear-gradient(top,#FF1493 0%,#FFFFFF 50%,#FFFFFF 50%,#FF1493 100%);
   background: -ms-linear-gradient(top,#FF1493 0%,#FFFFFF 50%,#FFFFFF 50%,#FF1493 100%);
   background: linear-gradient(top,#FF1493 0%,#FFFFFF 50%,#FFFFFF 50%,#FF1493 100%);
   border: 0px #C71585 solid;
}
#wb_CssMenu3 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu3 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu3 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0px;
}
</style>
<div id="wb_CssMenu3" style="position:absolute;left:135px;top:214px;width:372px;height:40px;z-index:0;">
<ul>
<li class="firstmain"><a href="#" target="_self">تماس با ما</a>
</li>
<li><a href="#" target="_self">انجمن</a>
</li>
<li><a href="#" target="_self">خانه</a>
</li>
</ul>
</div>

<a href="http://www.1learn.ir" target="_self">یک لرن</a>

فرادرس

برچسب ها : ، ، ، ، ، ، ، ، ، ، ،