Перейти к публикации

Выпадающее вниз боковое меню на CSS и jQuery

nik8206

Автор: nik8206,
в В помощь вебмастеру

 Рассказать Подписчики 0

Рекомендованные сообщения

nik8206

nik8206 0

Опубликовано:
Опубликовано: (изменено)

Здравствуйте!

Пожалуйста, помогите сделать выпадающее меню как тут 

modmine.net

 у меня такой же шаблон  DLE. Отблагодарю на сотовый!

 

Мои файлы style.css  

body {
 background-image: url("../images/bg.jpg");
 background-repeat: repeat-x;
 background-color: #000000;
 font-family: Verdana,Tahoma,sans-serif;
 color: #e1cba3;
 margin: 0;
 padding: 0;
 font-size:12px;
}

a:link,
a:active,
a:visited {color:#5f8233; text-decoration:none;}
a:hover {color:#7d6a51; text-decoration:none;}

#wrapper {
 width: 1050px;
 margin: 0 auto;
 padding-left: 26px;
 padding-right: 26px;
 background-image: url("../images/teni.png");
 background-repeat: repeat-y;
}

#htop_search {float:right; padding-top:1px; padding-left:7px; width:202px;}
.search-input {color:#e1cba3;width:196px; height:26px; border:0px; background:url('../images/search.png') no-repeat; padding-left:4px;}
.search-button {cursor:pointer; width:33px; height:27px;border:0; background:url('../images/search_go.png') no-repeat; position:absolute; margin-left:-38px; margin-top:2px;}
.searchSbmFl{font-size:12px;color:#e1cba3;}
.searchSbmFl:hover {font-size:12px;color:#e1cba3;}

a img {
 border: 0;
}

#head {
 width: 1050px;
 height: 175px;
 margin: auto;
 background-image: url("../images/head.jpg");
 background-repeat: no-repeat;
 position: relative;
}

#logo {
 width: 300px;
 height: 97px;
 position: absolute;
 background-image: url("../images/logo.png");
 background-repeat: no-repeat;
 top: 35px;
 left: 65px;
}

#logo a {
 width: 300px;
 height: 97px;
 display: block;
}

#menu {
 width: 1050px;
 height: 30px;
 margin: auto;
 background-image: url("../images/menu.jpg");
 background-repeat: no-repeat;
 position: relative;
 text-align: center;
 font-size:12pt;
}

#avtr {
 position: absolute;
 top: 5px;
 left: 7px;
}

#nvig {
 position: absolute;
 margin: auto;
 left: 205px;
 top: 4px;
}

#gmenu {
 margin: 0;
 padding: 0;
 list-style: none;
}

#gmenu li {
 float: left;
}

#gmenu li a {
 text-decoration: none;
 font-size: 9pt;
 font-style: italic;
 font-family: Verdana,Tahoma,sans-serif;
 color: #f5deb2;
}

#gmenu li a:hover {
 background-image: url('../images/hovermenu.png');
 background-repeat: repeat-x;
 color: #ffffff;
 border-radius: 2px;
 padding-top: 3px;
 padding-bottom: 5px;
}

#gmenu li a span {
 margin: 3px 10px 5px 10px;
}

#middle {
 width: 1050px;
 background-image: url("../images/middle.jpg");
 background-repeat: repeat-y;
}

#footer {
 width: 1050px;
 height: 54px;
 position: relative;
 background-image: url("../images/footer.jpg");
 background-repeat: no-repeat;
 margin: 0;
 padding: 0;
}

#banners {
 position: absolute;
 top: 10px;
 left: 245px;
}

#copy {
 position: absolute;
 top: 22px;
 left: 45px;
 font-size: 7pt;
 font-style: italic;
 font-family: Verdana,Tahoma,sans-serif;
 color: #664823;
 font-weight: bold;
}

#host {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 22px;
 right: 50px;
 font-size: 7pt;
 font-style: italic;
 font-family: Verdana,Tahoma,sans-serif;
 color: #664823;
 font-weight: bold;
}

#fontext {
 width: 648px;
 margin: auto;
}

#top {
 width: 848px;
 height: 8px;
 background-image: url("../images/top.png");
 background-repeat: no-repeat;
}

#fon {
 width: 628px;
 padding: 10px;
 background-image: url("../images/fon.png");
 background-repeat: repeat-y;
}

#botoom {
 width: 648px;
 height: 9px;
 background-image: url("../images/botoom.png");
 background-repeat: no-repeat;
}

#fon h1 {
 margin: 0;
 margin-bottom: 8px;
 padding: 0;
 font-size: 11pt;
 text-align: center;
 font-family: Verdana,Tahoma,sans-serif;
 color: #e1cba3;
 font-weight: bold;
}

#fon p {
 margin: 0;
 padding: 0;
 padding-bottom: 5px;
 font-size: 8pt;
 font-family: Verdana,Tahoma,sans-serif;
 color: #e1cba3;
}

#clear {
 clear: both;
}

#sideleft {
 width: 200px;
 float: left;
}

#sideright {
 width: 200px;
 float: right;
}

#bodyside {
 width: 648px;
 margin: auto;
}

#blocktop {
width: 200px;
height: 23px;
background-image: url("../images/block-top.png");
background-repeat: no-repeat;
padding-left: 10px;
padding-top: 7px;
font: 14px Arial, sans-serif;
color: #ffffff;
text-transform:uppercase;
font-style: italic;
margin-top: 5px;
}

#blockfon {
width: 192px;
background-image:url("../images/block-content.png") ;
background-repeat: repeat-y;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
color: #7c6951;
}

#blockniz {
width: 200px;
height: 14px;
background-image: url("../images/block-botoom.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}

#uMenuDiv1 ul{
list-style:none;
margin: 0;
padding: 0;
}

#uMenuDiv1 span {
margin-left: 20px;
}

#uMenuDiv1 li a{
width: 192px;
height: 21px;
background: url("../images/green.png") center;
background-repeat: no-repeat;
text-decoration: none;
font-family: Arial,sans-serif;
font-size: 12px;
padding-top: 5px;
color: #ffffff;
font-style: italic;
display:block;
}

#uMenuDiv1 li a:hover {
width: 192px;
height: 21px;
background: url("../images/hover-green.png") center;
background-repeat: no-repeat;
}

#uMenuDiv2 ul{
list-style:none;
margin: 0;
padding: 0;
}

#uMenuDiv2 span {
margin-left: 20px;
}

#uMenuDiv2 li a{
width: 192px;
height: 21px;
background: url("../images/brown.png") center;
background-repeat: no-repeat;
text-decoration: none;
font-family: Arial,sans-serif;
font-size: 12px;
padding-top: 5px;
color: #ffffff;
font-style: italic;
display:block;
}

#uMenuDiv2 li a:hover {
width: 192px;
height: 21px;
background: url("../images/hover-brown.png") center;
background-repeat: no-repeat;
}

#uMenuDiv3 ul{
list-style:none;
margin: 0;
padding: 0;
}

#uMenuDiv3 span {
margin-left: 20px;
}

#uMenuDiv3 li a{
width: 192px;
height: 21px;
background: url("../images/green.png") center;
background-repeat: no-repeat;
text-decoration: none;
font-family: Arial,sans-serif;
font-size: 12px;
padding-top: 5px;
color: #ffffff;
font-style: italic;
display:block;
}

#uMenuDiv3 li a:hover {
width: 192px;
height: 21px;
background: url("../images/hover-green.png") center;
background-repeat: no-repeat;
}

#uMenuDiv4 ul{
list-style:none;
margin: 0;
padding: 0;
}

#uMenuDiv4 span {
margin-left: 20px;
}

#uMenuDiv4 li a{
width: 192px;
height: 21px;
background: url("../images/green.png") center;
background-repeat: no-repeat;
text-decoration: none;
font-family: Arial,sans-serif;
font-size: 12px;
padding-top: 5px;
color: #ffffff;
font-style: italic;
display:block;
}

#uMenuDiv4 li a:hover {
width: 192px;
height: 21px;
background: url("../images/hover-green.png") center;
background-repeat: no-repeat;
}

#uMenuDiv5 ul{
list-style:none;
margin: 0;
padding: 0;
}

#uMenuDiv5 span {
margin-left: 20px;
}

#uMenuDiv5 li a{
width: 192px;
height: 21px;
background: url("../images/brown.png") center;
background-repeat: no-repeat;
text-decoration: none;
font-family: Arial,sans-serif;
font-size: 12px;
padding-top: 5px;
color: #ffffff;
font-style: italic;
display:block;
}

#uMenuDiv5 li a:hover {
width: 192px;
height: 21px;
background: url("../images/hover-brown.png") center;
background-repeat: no-repeat;
}

#uMenuDiv6 ul{
list-style:none;
margin: 0;
padding: 0;
}

#uMenuDiv6 span {
margin-left: 20px;
}

#uMenuDiv6 li a{
width: 192px;
height: 21px;
background: url("../images/green.png") center;
background-repeat: no-repeat;
text-decoration: none;
font-family: Arial,sans-serif;
font-size: 12px;
padding-top: 5px;
color: #ffffff;
font-style: italic;
display:block;
}

#uMenuDiv6 li a:hover {
width: 192px;
height: 21px;
background: url("../images/hover-green.png") center;
background-repeat: no-repeat;
}

#blocktop2 {
width: 200px;
height: 23px;
background-image: url("../images/block-top2.png");
background-repeat: no-repeat;
padding-left: 10px;
padding-top: 7px;
font: 14px Arial, sans-serif;
color: #ffffff;
text-transform:uppercase;
font-style: italic;
margin-top: 5px;
}

#blockfon2 {
width: 192px;
background-image:url("../images/block-content2.png") ;
background-repeat: repeat-y;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
color: #7c6951;
}

#blockniz2 {
width: 200px;
height: 14px;
background-image: url("../images/block-botoom2.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}

 hr {
 margin:0;
 padding:0;
 background: url("../images/hr.png") repeat-x;
 border:medium none;
 height: 2px;
}

#vmtop a {
 
 color: #f5deb2;
 text-decoration: none;
 font-size: 13px;
 font-weight: bold;
}

#vmbotoom {
 width: 646px;
 height: 11px;
 margin: auto;
 background-image: url("../images/vmbotoom.png");
 background-repeat: no-repeat;
 position: relative;
}

#vmfon {
 width: 534px;
 padding: 5px 5px 0 7px;
 margin: auto;
 background-image: url("../images/vmfon.png");
 background-repeat: repeat-y;
 position: relative;
}

#podr a {
 width: 83px;
 height: 21px;
 margin-top:-14px;
 margin-right:8px;
 background-image: url("../images/podr.png");
 background-repeat: no-repeat;
 float:right;
}

#podr a:hover {
 background-image: url("../images/podr-hover.png");
 background-repeat: no-repeat;
}

#kratop {
color:A2CF93;
font-size:11;
font-weight: bold;
}

#vmb {
 margin-top:0px;
 margin-left:15px;
 color: #92723d;
 text-decoration: none;
 font-size: 10px;
 font-weight: bold;
}

#vmimg {
 width: 250px;
 float: left;
}

#vmtext {
 padding: 0;
 margin: 0;
 color: #eeddb3;
 text-decoration: none;
 font-size: 12px;
 float: left;
}

#cub {
 width: 13px;
 height: 15px;
 float:left;
 margin-right:5px;
 padding-right:4px;
 background-image: url("../images/cub.png");
 background-repeat: no-repeat;
}

/* CSS UCOZ */
td {font-family:Arial; font-size:12px;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:11px; font-family:Arial, sans-serif;}
.copy {font-size:10px;}

label {cursor:pointer;}

.blocktitle {font-family:Arial, sans-serif;color:#787878;font-size:12px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */

/* Module Part Menu */
.catsTd {padding: 0; }
.catName {font-family:Arial, sans-serif;font-size:12px;}
.catNameActive {font-family:Tahoma, sans-serif;font-size:11px;}
.catNumData {font-size:12px;color:#76ac21;}
.catDescr {font-size:12px; padding-left:10px;}
a.catName {font-size: 12px; padding: 3px 5px 3px 20px;}
a.catName:link {text-decoration:none; color:#76ac21;}
a.catName:visited {text-decoration:none; color:#76ac21;}
a.catName:hover {text-decoration:none; color:#e49447; background:none;}
a.catName:active {text-decoration:none; color:#e49447;}
a.catNameActive {color:#7d7d7d; background: none;font-size: 11px; padding: 3px 5px 3px 20px;}
a.catNameActive:link {text-decoration:none; color:#76ac21;}
a.catNameActive:visited {text-decoration:none; color:#76ac21;}
a.catNameActive:hover {text-decoration:none; color:#e49447;}
a.catNameActive:active {text-decoration:none; color:#e49447;}
/* ----------------- */

/* Entries Style */
.eDetails,
.eDetails1,
.eDetails2 {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; 
border:1px solid #269417; padding:5px; font-size:11px;}
.eRating {font-size:10px;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/813/8.gif') no-repeat 0px 0px;}
/* ------------- */

/* Entry Manage Table */
.manTdError {color:#FF0000;}
/* ------------------ */

/* Comments Style */
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;}
.cBlock1 {background:url("../images/f_noise.png"); border:1px solid #533d2f;}
.cBlock2 {background:url("../images/f_noise.png"); border:1px solid #533d2f;}
/* -------------- */

/* User Group Marks */
a.groupOther1:link, a.groupOther1:visited, a.groupOther1:hover {
 color:#FFFF66;
}
a.groupOther2:link, a.groupOther2:visited, a.groupOther2:hover {
 color:#faaf0e;
}
a.groupModer:link, a.groupModer:visited, a.groupModer:hover {
 color:#33CCCC;
}
a.groupAdmin:link, a.groupAdmin:visited, a.groupAdmin:hover {
 color:#ff0000;
}
a.groupVerify:link, a.groupVerify:visited, a.groupVerify:hover {
 color:green;
}
/* ---------------- */

/* Archive Menu */
.archUl {list-style: none; margin:0; padding-left:0;}
.archLi {padding: 0 0 3px 10px; background: url('/.s/t/813/9.gif') no-repeat 0px 4px; font-family:Tahoma,Arial,Sans-Serif;}
a.archLink:link {text-decoration:none; color:#76ac21;}
a.archLink:visited {text-decoration:none; color:#76ac21;}
a.archLink:hover {text-decoration:underline; color:#76ac21;}
a.archLink:active {text-decoration:none; color:#76ac21;}
/* ------------ */

.pagesBlockuz1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;} 
.pagesBlockuz1 a:link, 
.pagesBlockuz1 a:visited, 
.pagesBlockuz1 a:hover, 
.pagesBlockuz1 a:active {text-decoration:none;color: #a5ca39;background: url('../images/selector.png');padding:3px 10px;font-size:11px;font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; margin-top:5px;} 
.pagesBlockuz1 a:hover {background: url('../images/selector_hover.png');color:#ffffff;font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; margin-top:5px;} 
.pagesBlockuz1 span {text-decoration:none;background: url('../images/selector_hover.png');padding:3px 10px;color:#ffffff;font-size:11px; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; margin-top:5px;}

.pagesBlockuz2 {color:#ffffff;border:0px;} 
.pagesBlockuz2 a:link, 
.pagesBlockuz2 a:visited, 
.pagesBlockuz2 a:hover, 
.pagesBlockuz2 a:active {text-decoration:none;color: #a5ca39;background: url('../images/selector.png');padding:3px 10px;font-size:11px;font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; margin-top:5px;} 
.pagesBlockuz2 a:hover {background: url('../images/selector_hover.png') repeat-x;color:#ffffff;font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; margin-top:5px;} 
.pagesBlockuz2 span {text-decoration:none;background: url('../images/selector_hover.png') repeat-x;padding:3px 10px;color:#ffffff;font-size:11px; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; margin-top:5px;}
.swchItemDots {color:#a5ca39;}

/* Other Styles */
.replaceTable {height:100px;width:300px;background:#fff;border:1px solid #e8e8e8;}
.legendTd {font-size:10px;}
/* ------------ */

#entry {
 padding-top: 10px;
 padding-left: 6px;
 width:540px;

} 
 
#entry_top {
 padding-top: 5px;
 padding-left: 15px;
 width: 542px;
 height: 25px;
 background:url("../images/vmtitle.png") no-repeat;
}

#entry_c {
 width: 540px;
 background:url("../images/vmfon.png") repeat-y;
 position:relative;
}

#entry_b{
 width: 540px;
 height: 7px;
 background:url("../images/vmbotoom.png") no-repeat;
}

#entry_dop {
 width:278px;
 position:absolute;
 top:120px;
 left:260px;
 font-size:9pt;
}

/*--------------------- INPUTS start ---------------------*/
.codeButtons {
 color:#FFF;
 border:0;
 background:url('../images/button.png') repeat-x;
 height:22px;
}
.codeButtons:hover {
 color:#FFF;
 border:0;
 background:url('../images/button.png') repeat-x;
 height:22px;
}
input[type=submit], input[type=reset], input[type=button] {
 color:#FFF;
 border:0;
 background:url('../images/button.png') repeat-x;
 height:22px;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
 color:#FFF;
 border:0;
 background:url('../images/button.png') repeat-x;
 height:22px;
}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
}
input[type=text], input[type=password], textarea, select {
}
.queryField {
 width: auto !important;
}
.commSbmFl {
 color:#FFF;
 border:0;
 background:url('../images/button.png') repeat-x;
 height:22px;
}
/*--------------------- INPUTS end ---------------------*/
.Vmt {width: 646px; height: 33px; background-image: url("../images/vmtitle.png"); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 0%; background-repeat: no-repeat; padding-left:10px; padding-right:10px;}
.Vmf { width: 646px; background-image: url("../images/vmfon.png"); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 0%; background-repeat: repeat-y; }
.Vmm { text-align: left;padding-left:10px; vertical-align: top; letter-spacing: 0pt; word-spacing: 0pt; }
.vmbb { height: 35px; text-align: left; background-image: url("../images/vmbotoom.png"); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 0%; background-repeat: no-repeat;}
.vimg {-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}

.v-entry {
width: 255px;
padding-left:15px;
padding-right:15px;
margin: auto;
margin-bottom: 20px;
text-align: left;
 border-radius:5px;
 background:url('../images/f_noise.png') repeat;
}
.faqtitle {
color:#A2CF93;
font-size:15px;
text-transform: uppercase;
font-weight: normal;
}
.faqtitle:hover {
text-decoration: underline;
}

.reset, .reset li {list-style: none; padding: 0; margin: 0;}
.loginbox { display: inline; }
.loginbox ul.loginbox { float: right; height: 27px; }
ul.loginbox { line-height: 27px; }
	ul.loginbox li { margin-left: 10px; }
	.loginbtn a { text-decoration: none; font-size: 1.1em; display: block; width: 66px; padding-bottom: 17px;   }
		.loginbtn a b { text-align: center; display: block; cursor: pointer; height: 26px;  }

		.loginbtn a:hover { background-position: 50% 100%; }
		.loginbtn a:hover b { background-color: #ccc; }

.logform li.lfield { margin-bottom: 10px; }
.logform li.lbtn { text-align: center; }
	.logform li.lfield input { width: 265px; }
		.logform li.lfchek input { width: 13px; border: none; background: none; }
		.logform li.lfchek label { display: inline; margin-bottom: 0.2em; }

/*---forms---*/
.brdform { padding: 3px; border: 1px solid #BC9862; border-radius: 4px; }
.baseform, .mass_comments_action { padding: 1px;     background-image: url("wrapper-in.jpg");
    background-repeat: repeat-y;}
.mass_comments_action { padding: 10px 13px; }
	.baseform .dcont { padding: 13px 0; margin: 0 13px; }
	.baseform .dcont .heading { margin: 0; color: #BC9862; }

.tableform { width: 100%; }
	.tableform td { }
	.tableform td.label { width: 20%; vertical-align: top; padding-right: 0; font-weight: bold; }
	.fieldsubmit, .tableform td { padding: 10px 13px; border-top: 1px solid #BC9862; }
	.addnews { font-weight: bold; }
	.impot { color: #d51e44; font-weight: normal; }
	.checkbox { padding: 4px 0; line-height: 1em; }
		.checkbox input { margin-top: -2px; vertical-align: middle; }

.f_input { width: 300px; padding: 1px; }
.f_textarea { width: 458px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input { padding: 2px; background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; }
.f_textarea, .editor_button select { padding: 0; }
.textin { padding: 2px; }

.fbutton{display:inline-block;padding:4px 10px 4px;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);background-color:#fafafa;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;*margin-left:.3em;}.btn:first-child{*margin-left:0;}
.fbutton:first-child{*margin-left:0;}
.fbutton:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.fbutton:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.fbutton:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;color:rgba(0, 0, 0, 0.5);outline:0;}
/* Profil end */

.pm_status {float:left; border: 1px solid #d8d8d8; padding: 0px; background-color: #fff; width: 300px; height: 100px; margin-left: 20px; margin-right: 5px;}
.pm_status_head {border-bottom: 1px solid #d8d8d8; font-size: 0.9em; background: #fff url("../images/bbcodes.png") repeat-x 0 100%; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e;}
.pm_status_content {padding: 5px;}

.comm{background: #251409; margin: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #3d2300; }
.comm2{display:block; overflow:hidden; padding:4px 0 9px 8px;}
.comm3{float:left;}
.comm3 img{width:75px; height:75px; border:2px solid #e7e7e7; margin-right:18px;}
.comm4{height:18px;display:block;float:left;padding-left:5px;line-height:15px;margin-right:4px;}
.comm4 em{height:18px;display:block;padding-right:4px; background:#432410; text-shadow:1px 1px 0 #9cad3b; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
.comm4 a:hover{color:#f1ffa1;}
.comm5{height:20px;display:block;float:right;padding-left:13px;line-height:20px;margin:-1px 0 0 10px;}
.comm5 em{height:20px;display:block;padding-right:7px;color:#5a8aa6;}
.comm6{float:right;font:11px/10px Calibri, Corbel, Arial, Helvetica, sans-serif;color:#9f96d9;font-style:italic;margin:4px 18px 0 0;}
.comm6 a{color:#9f96d9;text-decoration:none;}
.comm6 a:hover{color:#8b82c7;}
.comm7{display:block;overflow:hidden;padding:2px 0 8px;}
.comm8{float:right;text-align:left;width:81%;padding:7px 0 2px;}
.comm_textarea{border:1px solid #dfdfdf;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:570px;float:left;resize:vertical;-moz-box-shadow:inset 0 0 8px -4px black, 0 0 10px -2px #dfdfdf;-webkit-box-shadow:inset 0 0 8px -4px black, 0 0 10px -2px #dfdfdf;box-shadow:inset 0 0 8px -4px black, 0 0 10px -2px #dfdfdf;margin:-4px 0 0 9px;padding:5px;}
.comm_input{border:1px solid #dfdfdf;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:112px;float:left;resize:vertical;-moz-box-shadow:inset 0 0 8px -4px black, 0 0 10px -2px #dfdfdf;-webkit-box-shadow:inset 0 0 8px -4px black, 0 0 10px -2px #dfdfdf;box-shadow:inset 0 0 8px -4px black, 0 0 10px -2px #dfdfdf;font:18px/16px Calibri, Corbel, Arial, Helvetica, sans-serif;margin:-4px 0 0 9px;padding:7px;}

/*---Вывод ошибок---*/
.berrors{background:#251409; border:1px solid #3d2300; margin: 5px; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; margin-top:5px;}
.error{background:url(../images/berrors.png) no-repeat; padding-left:40px;}
.berrors .dpad{padding:6px; line-height:16px;}
.berrors b{color:#e13123;}

 

Main.tpl  

<!-- <block1> -->

<div id="blocktop"><!-- <bt> --><!--<s5184>-->Меню сайта<!--</s>--><!-- </bt> --></div>
<div id="blockfon">
<!-- <bc> --><div id="uMenuDiv1" class="uMenuV" style="position:relative;"><ul class="uMenuRoot">
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/" class="uMenuItemA"><span>Скачать игру Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load"><span>Лаунчеры Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/photo"><span>Текстуры для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/index/0-3"><span>Карты для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
   <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/publ"><span>Читы на Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/photo"><span>Программы для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/index/0-3"><span>Плагины для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
   <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/publ"><span>Скины для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/photo"><span>Создать Скин Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/faq"><span>Готовые Сервера Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li></ul></div><script type="text/javascript">$(function(){_uBuildMenu('#uMenuDiv1',0,document.location.href+'/','uMenuItemA','uMenuArrow',2500);})</script><!-- </bc> -->
</div>
<div id="blockniz"></div>

<!-- </block1> -->

<!-- <block01> -->
<div id="blocktop2"><!-- <bt> --><!--<s5184>-->Загрузки Minecraft<!--</s>--><!-- </bt> --></div>
<div id="blockfon2">
<!-- <bc> --><div id="uMenuDiv2" class="uMenuV" style="position:relative;"><ul class="uMenuRoot">
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/"><span>Клиенты Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/"><span>Моды для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/"><span>Текстуры для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/"><span>Карты для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/"><span>Программы для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/"><span>Читы для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/"><span>Готовые сервера Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/"><span>Плагины для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/"><span>Скины для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/"><span>Разное для Minecraft</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li></ul></div><script type="text/javascript">$(function(){_uBuildMenu('#uMenuDiv2',0,document.location.href+'/','uMenuItemA','uMenuArrow',2500);})</script><!-- </bc> -->
</div>
<div id="blockniz2"></div>
<!-- </block01> -->

<!-- <block01> -->
<div id="blocktop">Популярное на сайте</div>
<div id="blockfon">
<div id="uMenuDiv6" class="uMenuV" style="position:relative;">
<ul class="uMenuRoot">
{topnews}
</ul></div><script type="text/javascript">$(function(){_uBuildMenu('#uMenuDiv6',0,document.location.href+'/','uMenuItemA','uMenuArrow',2500);})</script>
</div>
<div id="blockniz"></div>
<!-- </block01> -->

<!-- <block02> -->
<div id="blocktop">Реклама</div>
<div id="blockfon">
<a target="_blank" href="/engine/go.php?url=aHR0cDovL2xvYWRwYXlzLmNvbS9zLnBocD9mPTgzNDY%3D"><img width="190px" src="http://img.sape.ru/bn/240_1.gif" border="0" /></a>
</div>
<div id="blockniz"></div>
<!-- </block02> -->

 

Изменено пользователем nik8206
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
 Рассказать
Подписчики 0
Перейти к списку тем
×
×
  • Создать...