[redtable]Картинки[/redtable]
[Table]Берем и сохраняем их в папку /gs/[/Table]
Code
http://multi-ps.3dn.ru/gs/m2.png
Code
http://multi-ps.3dn.ru/gs/12.png
Code
http://multi-ps.3dn.ru/gs/13.png
[greentable]В верную часть сайта![/greentable]
[Table]Ссылки если хотите свои!![/Table]
Code
<script type="text/javascript" src="http://multi-ps.3dn.ru//js/ddaccordion.js"></script>
<script type="text/javascript" src="http://multi-ps.3dn.ru//js/sdmenu.js"></script>
<script type="text/javascript" src="http://multi-ps.3dn.ru//js/menus.js"></script>
<script type="text/javascript" src="http://multi-ps.3dn.ru//js/nwq.js"></script>
[Table]Это сам mun1.css[/Table]
Code
/* mc-tm */
.mc-tm{
margin: 5px 0;
padding: 0;
width: 178px; /*width of menu*/
border: 1px solid #0099f0;
border-bottom-width: 0;
}
.mc-tm a.menubydredd{
background: url() #c5c5c5;
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;
color: #808080;
display: block;
position: relative; /*To help in the anchoring of the ".dreddy" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-top: 0px solid #Ваш цвет!;
border-bottom: 1px solid #Ваш цвет!;
}
.mc-tm a.menubydredd:visited, .mc-tm .menubydredd:active{
color: #808080;
}
.mc-tm a.menubydredd .dreddy{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.mc-tm a.menubydredd:hover{
background-image: url(/gs/12.png);
color: #000000; text-shadow:0px 0px 5px #c1c1c1;
}
.mc-tm div.dreddmenu{ /*DIV that contains each sub menu*/
background-image: url(/gs/12.png);
}
.mc-tm div.dreddmenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.mc-tm div.dreddmenu ul li{
border-bottom: 1px solid #000000;
}
.mc-tm div.dreddmenu ul li a{
display: block;
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;
color:#808080;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.mc-tm div.dreddmenu ul li a:hover{
color: #Ваш цвет!; text-shadow:0px 0px 5px #Ваш цвет!
colorz: #999999;
}
.mc-tm{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #000000; border-bottom-width: 0; }
.mc-tm a.menubydredd{background:url(/gs/12.png) #808080 ;font: normal 10px "Visitor_Rus", "Visitor_Rus";
color:#808080
display: block;
position: relative; /*To help in the anchoring of the ".dreddy" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-top: 0px solid #000000;
border-bottom: 1px solid #000000;
}
.mc-tm a.menubydredd:visited, .mc-tm .menubydredd:active{
color: #808080;
}
.mc-tm a.menubydredd .dreddy{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.mc-tm a.menubydredd:hover{
background: url(/gs/13.png) #0099f0;
}
.mc-tm div.dreddmenu{ /*DIV that contains each sub menu*/
background:#303030;
}
.mc-tm div.dreddmenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.mc-tm div.dreddmenu ul li{
border-bottom: 1px solid #000000;
}
.mc-tm div.dreddmenu ul li a{
display: block;
font: normal 10px "Visitor_Rus", "Visitor_Rus";
background:url(/gs/m2.png);
text-decoration: none;
padding: 2px 0;
padding-left: 15px;
}
.mc-tm div.dreddmenu ul li a:hover{
background:url(/gs/m2.png);background-position:0px -20px;
}
/* ------------------------------------------ */
[redtable]Меню:[/redtable]
[Table]Это в блок,ссылки заменяем на свои!!
[/Table]
Code
<link type="text/css" rel="StyleSheet" href="Ваш mun1.css" />
<div class="mc-tm">
<a class="menubydredd theauthordredd" href="/" ><div align="left">Multi-Ps.3dn.ru</div></a>
<div class="dreddmenu">
<ul>
<li><a href="Multi-Ps.3dn.ru">Multi-Ps.3dn.ru</a></li>
<li><a href="Multi-Ps.3dn.ru">Multi-Ps.3dn.ru</a></li>
<li><a href="Multi-Ps.3dn.ru">Multi-Ps.3dn.ru</a></li>
<li><a href="Multi-Ps.3dn.ru">Multi-Ps.3dn.ru</a></li>
</ul>
</div>