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

DataLife Engine Ребята подскажите ....

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

Heaven

Ребята подскажите как опустить сайт вниз тоесть шапку

 

post-2505-0-80585000-1336322656_thumb.jpg

 

 

 

Вот css 1
/*

Назначение: Основные стили страницы.
*/

html,body{height:100%; background:#1f1f1f url(../images/bg.png) repeat; color:#e5e3e3; font-weight:normal; word-wrap: break-word; font: 11px/12px Tahoma, Helvetica, sans-serif;}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {margin:0;padding:0;}

a{color:#e5e3e3; text-decoration:none; outline:none;}
a:hover{text-decoration:none; color:#45CAEF;}
img{border:none;}
input, textarea, select, button, a { outline: none; font-size: 1em;font-family: Tahoma, Helvetica, sans-serif;}

h1, h2, h3, h4, h5 { line-height: normal; }
h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.30em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}

table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li { list-style: none; padding: 0; margin: 0; }
.clr{clear:both;}

.padding{padding:10px;height: 55px;!}
.margin{margin:10px 0 10px 0;}
.dpad{ margin-top:10px; padding:0 10px 0 10px;}

.pagebg{background:url(../images/pagebg.gif) no-repeat 50% 0;}

Вот css 2
/*
Назначение: Стили страницы и элементов.
*/

.wrapper{margin:auto; background:#1a1a1a url(../images/headerbg.png) repeat;}
.wrapper, .header, .footer, .container, .conttop, .contbt{width:1000px;}
.header{height:609px;}
/* Шапка */
.head{height:317px;}
.head .dtop{height:47px;}.head .dbtm{height:48px;}.head .dleft, .head .dright{height:222px;}
.head .dtop{background:url(../images/headtop.gif) no-repeat 0 0;}
.head .dleft{background:url(../images/headleft.jpg) no-repeat 0 0;}
.head .dright{background:url(../images/headright.jpg) no-repeat 100% 0;}
.head .dbtm{background:url(../images/headbtm.gif) no-repeat 0 0;}

.share{width:60px; margin:0 auto;}
.share li{float:left;}
.twitter img, .facebook img, .vk img{background:url(../images/share.png) no-repeat; height:16px; width:16px;}
.twitter:hover img{background-position:0 -16px;}
.facebook img{background-position:-16px 0;}
.facebook:hover img{background-position:-16px -16px;}
.vk img{background-position:-32px 0;}
.vk:hover img{background-position:-32px -16px;}
.logo a img{width:218px; height:67px; top:80px; left:15px; position:relative;}

.toolbox, .toolbox dleft, .toolbox .dright, .toolbox .dtop, .toolbox .dbtm{height:65px;}
.toolbox{background:url(../images/tlboxbg.png) repeat-x; margin-top:4px;}
.toolbox .dleft, .toolbox .dright{background:url(../images/tlboxsides.png) no-repeat;}
.toolbox .dright{background-position:100% -65px;}
.toolbox .dtop{background:url(../images/tlboxtop.png) no-repeat 50% 0;}
.toolbox .dbtm{background:url(../images/tlboxbtm.png) no-repeat 50% 100%;}

.hmenu{background:url(../images/menuleft.png) no-repeat 100% 50%; width:563px; height:65px; float:left;}
.menulinks{ padding-top:18px; margin-left:18px;}
.menulinks li{float:left;}
.menulinks li a{background:url(../images/menubtn.png) no-repeat; text-align:center; width:84px; height:29px; line-height:29px; padding-right:3px; display:block;}
.menulinks li a:hover{background-position:0 -29px; text-decoration:none; color:#FFFFFF;}

/* Авторизация (Панель пользователя)*/
.loginbox{width:420px; float:right; padding-top:10px;}
.loginform, .login, .pass{height:27px;}
.login, .pass{width:160px;float:left; background:url(../images/loginform.png) no-repeat 0 0;}
.pass{ margin-left:10px;}
.login input, .pass input{ background:url(../images/logicons.png) no-repeat; height:18px; margin-top:3px; margin-left:5px; border:none; color:#ffffff; padding-left:20px;}
.pass input{background-position:0 -18px;}
.lbtn input.lbtn{width:62px; height:27px; background:#256B99 url(../images/lbtn.png) no-repeat;cursor:pointer;}
.lbtn{float:left; margin-left:5px;}
.loginlinks{padding-top:4px; padding-left:1px;}
.loginlinks li{float:left;}
.loginlinks li.lost{padding-left:106px;}

.userbox{width:420px; float:right; padding-top:10px;}
.loginava{ float:left;}
.loginava a img{ height:40px; width:40px; border:2px solid #383838; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);}
.userlinks ul{float:left; padding-left:12px;}
.userlinks ul li{line-height:14px;}
.userlinks .admin{color:#a62525;}
.userlinks .exit{ color:#236896;}


/* Горизонтальные блоки */
.hotbox, .hotbox .dleft, .hotbox .dright{height:219px;}
.hotbox{background:#1C1C1C url(../images/hotboxbg.png) repeat-x; margin-top:4px;}
.hotbox .dleft, .hotbox .dright{ background:url(../images/hotboxsides.png) no-repeat 0 0;}
.hotbox .dright{background-position:100% -219px;}

.hotbox .blocks{margin-left:20px;}
.hotbox .block{width:309px; padding-top:15px; float:left;}
.hotbox .middle{margin:0 16px 0 16px;}
.hotbox .block .dleft, .hotbox .block .dright,.hotbox .block .dbtm, .hblockbg, .news, .files, .topnews{ height:188px;}
.hblockbg{ background:#333333 url(../images/hblock.png) repeat-x;}
.hotbox .block .dleft{background:url(../images/hblockleft.png) no-repeat 0 0;}
.hotbox .block .dright{ background:url(../images/hblockright.png) no-repeat 100% 0;}
.hotbox .block .dbtm{background:url(../images/hblockbt.png) no-repeat 0 100%;}
.news{background:url(../images/hblocknews.png) no-repeat 60px 0;}
.files{background:url(../images/hblockfiles.png) no-repeat 74px 0;}
.topnews{background:url(../images/hblocktopnews.png) no-repeat 60px 0;}
.hotlinks{position:relative; top:40px; left:20px; width:269px; overflow:hidden;}
.hotlinks li{padding-top:10px;}
.hotlinks li a{background:url(../images/arrows.gif) no-repeat; height:14px; display:block; padding-left:20px;}
.hotlinks li a:hover{background-position:0 -12px;}

/* Средина */
.container{background:#292929 url(../images/contbg.png) repeat-y; margin-top:4px;}
.conttop{ background:url(../images/conttop.png) no-repeat;}
.leftcol{ width:240px; padding-left:8px; float:left; padding-top:15px;}
.rightcol{width:190px; float:right; padding-top:15px;}
.maincol{float:left; width:549px; padding-left:9px; padding-top:15px;}

/* Левые блоки */
.server{ margin-bottom:15px; width:244px;}
.lblock{margin-bottom:15px; background:#232323 url(../images/leftbg.png) repeat-y;width:244px; overflow:hidden;}
.lblock .dtop{background:url(../images/leftbtop.png) no-repeat 0 0;}
.lblock .dbtm{background:url(../images/leftbtm.png) no-repeat 0 100%;}
.play .dtitle, .lastforum .dtitle, .help .dtitle, .video .dtitle{background:url(../images/leftitle.png) no-repeat 65px 0; height:26px;margin-bottom:6px;}
.lastforum .dtitle{background-position:65px -26px;}
.help .dtitle{background-position:65px -52px;}
.video .dtitle{background-position:65px -78px;}

.lblock .dcont{padding:7px 9px 17px 9px;}
.play table{border:none; width:100%;}
.play tr{background:url(../images/playsep.png) repeat-x 0 100%;}
.play td{padding-bottom:5px; padding-top:5px;}
.players{width:40px;}
.play td img{vertical-align: text-bottom; padding-right:5px;}
.players span{color:#2a6f92; font-size:0.6em; font-weight:600;}

.lastforum table{width:100%;}
.lastforum .grey{background:#3b3b3b;}
.lastforum td{height:23px;}
.lastforum .authpost{width:50px; text-align:right;}
.article{padding-top:5px;}
.article li{background:url(../images/helpsep.png) no-repeat 100% 100%; height:27px;}
.article li a{ background:url(../images/helpico.png) no-repeat; padding-left:20px; height:20px; line-height:20px; display: block;}

.preview{float:left; margin:4px; border:2px #3b3b3b solid;}
.vcontrl{background:url(../images/videocntrl.gif) no-repeat; height:25px; width:220px; margin:0 auto; margin-top:10px;}
.vcontrl .allveiw{float:left; color:#ababab; position:relative; top:6px; left:6px;}
.next, .prev{float:right; margin:2px 0 1px 0;}
.next a img, .prev a img{background:url(../images/videoarrows.png) no-repeat 0 0; height:22px;}
.prev a img{background-position:0 -22px;}

/* Правые блоки */
.goforum{height:64px; margin-bottom:15px;}
.goforum a img{background:url(../images/goforum.png) no-repeat 0 0; height:64px;width:184px;}
.goforum a:hover img{background-position:0 -64px;}
.naviblock{margin-bottom:15px; background:#313131 url(../images/rightbg1.png) repeat-y;width:184px;}
.naviblock .dtop{background:url(../images/rightop.png) no-repeat 0 0;}
.naviblock .dbtm{background:url(../images/rightbtm.png) no-repeat 0 100%;}
.rblock{margin-bottom:15px; background:#232323 url(../images/rightbg2.png) repeat-y; width:184px; overflow:hidden;}
.rblock .dtop{background:url(../images/rightop.png) no-repeat 0 0;}
.rblock .dbtm{background:url(../images/rightbtm.png) no-repeat -184px 100%;}
.naviblock .dtitle, .archiv .dtitle, .adv .dtitle, .donation .dtitle, .vote .dtitle{background:url(../images/rightitle.png) no-repeat 40px 0; height:26px; margin-bottom:7px;}
.archiv .dtitle{background-position:40px -26px;}
.adv .dtitle{background-position:40px -52px;}
.donation .dtitle{background-position:40px -78px;}
.vote .dtitle{background-position:40px -104px;}

.naviblock .dcont, .rblock .dcont{padding:7px 9px 17px 9px;}
.adv .dcont{padding:10px 4px 17px 12px;}
.vote .dcont{padding:7px 12px 17px 12px;}

.navi li{background:url(../images/navili.png) no-repeat 0 100%; height:24px;}
.navi li a{padding-left:20px; background:url(../images/arrows.gif) no-repeat; height:14px; line-height:24px;}
.navi li a:hover{background-position:0 -12px;}

.arch li{height:24px;}
.arch li a{background:url(../images/archlink.png) no-repeat; height:16px; padding-left:20px; line-height:24px;}
.arch li a span{color:#a2a2a2;}

.rbanner{ width:160px; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);}
.update{background:url(../images/update.png) no-repeat 0 50%; height:11px; color:#a2a2a2; padding-left:25px; line-height:11px; margin-bottom:15px;}

.statusbg{background:url(../images/statusbg.png) no-repeat; width:162px; height:22px;margin-bottom:15px;}
.status{background:url(../images/status.png) repeat-x 0 50%; height:18px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border:1px #63b3d8 solid; float:left; margin:1px;}
.w50{width:50%;}.w10{width:10%;}.w25{width:25%;}.w75{width:75%;}.w100{width:100%;} /* длина полоски статуса */
.status span{display:block; text-align:center; padding:2px; white-space:nowrap;}
.target{text-align:center;}

/* Слайдер */
.sliderbox, .sliderbox .dleft, .sliderbox .dright, .sliderbox .dtop{ height:256px; overflow:hidden;}
.sliderbox{background:url(../images/sliderbg.png) repeat-x; width:534px; margin-left:7px;}
.sliderbox .dleft, .sliderbox .dright{background:url(../images/slidersides.png) no-repeat 0 0;}
.sliderbox .dright{background-position:100% -256px;}
.sliderbox .dtop{background:url(../images/slidertop.png) no-repeat 50% 2px;}
.sliderbox .dcont{width:510px; height:232px; padding-top:11px; padding-left:12px;}
.panel-overlay .link{float:right; margin-left:10px; padding:10px;}
.panel-overlay .link a img{background:url(../images/btns.png) no-repeat; width:98px; height:25px;}
.panel-overlay .link a:hover img{background-position:0 -25px;}
.slidertext{padding:12px; color:#FFFFFF; text-transform: uppercase;}
.panel img{width:510px;}
.galleryview{-webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
.filmstrip .thumbs{width:80px;height:50px;display:block;overflow:hidden;}
.filmstrip img{width:80px;}
.sliderover{background: url(../images/sliderover.png) no-repeat 50% 0; height:232px; width:510px; position:relative;}

/* Футер */
.footer, .foot, .foot .dright, .foot .dleft, .foot .dctr{height:114px;}
.foot{background:url(../images/footbg.png) repeat-x;}
.foot .dright{background:url(../images/footright.png) no-repeat 100% 0;}
.foot .dleft{background:url(../images/footleft.gif) no-repeat 0 0;}
.foot .dctr{ background:url(../images/footctr.gif) no-repeat 50% 0;}

.minilogo{float:left; position:relative; top:36px; left:30px; width:210px}
.minilogo a img{ width:194px; height:68px;}

.footext, .counter{height:85px; float:left;margin-top:20px; }
.footext{width:495px; background:url(../images/footsep.png) repeat-y 0 0; padding-left:20px; padding-top:5px; margin-left:25px;}
.design a img{float:right; background:url(../images/elcreativo.png) no-repeat; width:78px; height:18px;}
.copy{margin-bottom:20px;}
.pravo{color:#ababab;}
.counter{background:url(../images/footsep.png) repeat-y 0 0; padding-left:16px; width:210px; margin-left:20px;}
.counter span{background:url(../images/counterbg.png) no-repeat; height:33px; width:90px; float:left; margin:4px;}
.counter span img{padding:1px;}

/* Контент */
.content{background:#EBECED url(../images/contentbg.png) repeat-y; margin-right:1px; margin-top:15px;}
.content .dtop, .content .dbtm{ background:url(../images/contentsides.png) no-repeat 0 0; width:548px;}
.content .dbtm{background-position:-548px 100%;}
.content .dcont{color:#262626;}
.content .dcont a{color:#236896;}
.content .dcont a:hover{text-decoration:underline;}
.cbox{background:url(../images/newsep.png) repeat-x 0 100%;}

/* Спидбар */
.speedbar{ padding:15px 10px 15px 10px;}
.speed{background:url(../images/speedbar.png) no-repeat 0 0; height:19px; padding-left:30px; float:left;}
.content .dcont .speedbar a{color:#262626; line-height:17px;}
.rss{float:right;}
.rss a img{background:url(../images/rss.png) no-repeat; height:19px; width:39px;}

/* Новости */
.story{padding:15px 10px 12px 10px;}
.newstitle, .newstitle .dtop, .newstitle .dleft, .ratebg{height:40px; overflow:hidden;}
.newstitle{margin-bottom:5px;}
.newstitle .dtop{background:url(../images/newstitle.png) repeat-x; width:417px; float:left; overflow:hidden;}
.newstitle .dleft{background:url(../images/ntitleleft.png) no-repeat 0 0;}
.newstitle .dtitle{padding-left:45px; line-height:40px; text-transform:uppercase; font-size:1.2em; font-weight:normal;}
.newstitle .dtitle a{color:#FFFFFF;}
.newstitle .dtitle a:hover{text-decoration:none; color:#45CAEF;}
.ratebg{float:left; background:url(../images/ratebg.png) no-repeat; width:111px;}
.rating{ padding-left:6px; padding-top:5px; text-indent:-666666px;}
.newsinfo{height:24px;}
.newsinfo li{float:left; margin-left:5px;}
.newsinfo .infosep{background:url(../images/infosep.png) no-repeat 0 50%; width:5px; height:12px;}
.newsinfo .date, .newsinfo .author, .newsinfo .cat, .newsinfo .views{background:url(../images/newsinfo.png) no-repeat 0 0; height:12px; padding-left:16px;}
.newsinfo .views{background-position:0 -12px;}
.newsinfo .author{background-position:0 -34px;}
.newsinfo .cat{background-position:0 -23px;}
.newstext{margin-bottom:5px;}
.newstext img{ padding:5px;}
.ncntrl li{float:right; margin-right:5px;}
.story .comm{background:url(../images/newscomm.png) no-repeat 0 5px; height:27px; float:left; line-height:27px; padding-left:25px;}
.fullink, .backlink{float:right;}
.fullink a img{background:url(../images/fulllink.png) no-repeat 0 -27px; height:27px; width:99px;}
.fullink a:hover img{background-position: 0 0;}
.backlink a img{background:url(../images/back.png) no-repeat 0 0; height:27px; width:99px;}
.backlink a:hover img{background-position: 0 -27px;}
.ntags{background:url(../images/ntags.png) no-repeat 2px 0; height:18px; line-height:18px; padding-left:25px; font-size:0.9em; margin-top:5px;}
.editdate{ font-size: 0.9em; text-align: right; color: #236896; border-right:2px dotted #8B8B8B; padding-right:6px;}
.poll{padding:15px 10px 15px 10px;}
.pollvotelist{background-color:#e3e8ed; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px;}
.pollvotelist h2{font-size:1.1em; text-transform:uppercase; margin-bottom:10px;}
.pollvotelist span{line-height:18px;}

/* Ошибки */
.errorbox {padding:15px 10px 15px 10px;}
.errorbox .error{background:url(../images/error.png) no-repeat 0 50%; padding-top:3px; padding-bottom:5px; padding-left:45px;}
.errorbox b{color:#a62525;}

/* Навигация по страницам */
.pagenavi{margin:0 1px 0 1px; background:url(../images/pnavi.png) repeat-x; height:50px; padding:0 10px 0 10px;}
.pnavi, .pnavi .dleft, .pnavi .dright{height:21px; float:left;}
.pnavi{background:url(../images/pnavibg.png) repeat-x; margin-top:14px;}
.pnavi .dleft, .pnavi .dright{background:url(../images/pnavisides.png) no-repeat 0 0;}
.pnavi .dright{background-position:100% -21px; padding:0px 7px 0 10px; line-height:20px; letter-spacing:2px; font-size:1.1em; font-weight:700;}
.pagenavi ul li{float:left; margin-left:10px; margin-top:14px;}
.pagenavi .prev, .pagenavi .next, .pagenavi .totop{background:url(../images/navibtn.png) no-repeat; width:45px; height:21px; text-indent:-666666px;}
.pagenavi .prev:hover{background-position:0 -42px;}
.pagenavi .next{background-position:0 -21px;}
.pagenavi .next:hover{background-position:0 -63px;}
.pagenavi .totop{float:right; background-position:0 -84px;}
.pagenavi .prev a, .pagenavi .next a, .pagenavi .totop a{width:45px; height:21px; display:block;}

/* Нижний баннер */
.btmbanner{background:url(../images/btmbanner.png) repeat-x 0 100%; height:92px; border-right:1px solid #414141;}
.bbanner{width:478px; padding-top:16px; padding-left:40px;}
.bbanner img{-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);}

/* Голосование */
.votetitle, .votetitle .dtop, .votetitle .dbtm{overflow:hidden;}
.votetitle{ background:url(../images/votebg.png) repeat-y;}
.votetitle .dtop, .votetitle .dbtm{background:url(../images/votesides.png) no-repeat 0 0;}
.votetitle .dbtm{background-position:-160px 100%; padding:0 10px 0 10px; line-height:24px;}
.votelist{padding:5px; line-height:18px;}
.tovote{ padding-top:10px;}
.vbtn{background:url(../images/btns.png) no-repeat 0 -50px; height:25px; width:98px; border:none; ursor:pointer;}
.vbtn:hover{background-position:0 -75px;}
.vresult{background:none; border:none; color:#ababab;padding-top:5px; cursor:pointer;}

/* Формы */
.baseform {padding:15px 10px 15px 10px;}
.formtitle, .formtitle .dleft, .formtitle .dright{height:40px;}
.formtitle{margin: 0 0px 10px 0px; background:url(../images/newstitle.png) repeat-x; overflow:hidden;}
.formtitle .dleft, .formtitle .dright{ background:url(../images/formtsides.png) no-repeat 0 0;}
.formtitle .dright{background-position:100% -40px;}
.formtitle .dtitle{padding-left:45px; line-height:40px; text-transform:uppercase; font-size:1.2em; font-weight:normal; color:#E5E3E3;}
.formtitle .dtitle a{color:#FFFFFF;}
.formtitle .dtitle a:hover{text-decoration:none; color:#45CAEF;}
.tableform { width: 100%; }
.tableform tr { background:url(../images/tdsep.png) repeat-x 0 100%;}
.tableform td.label { width:120px;vertical-align: top; padding-right: 0; font-weight: bold; }
.fieldsubmit, .tableform td { padding: 7px 0 7px;}
.addnews { font-weight: bold; }
.impot { color:#a62525; font-weight: normal; }
.checkbox { padding: 4px 0; line-height: 1em; }
.checkbox input { margin-top: -2px; vertical-align: middle; }
.f_input { width: 200px; 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 { padding: 2px; background: #f5f5f5 url(../images/fields.png) repeat-x 0 1px; border: 1px solid #BBBBBB; }
.f_textarea, .editor_button select { padding: 0; }
.textin { padding: 2px; }
.admtag{line-height:18px;}
.addcat select { padding: 2px; background: #f5f5f5 url(../images/fields.png) repeat-x 0 1px; border: 1px solid #BBBBBB;}
.recip select { padding: 2px; background: #f5f5f5 url(../images/fields.png) repeat-x 0 1px; border: 1px solid #BBBBBB; }
.table.userstop, table.pm, table.tableform, table.calendar { border-collapse: collapse; border-spacing: 0; }
.userava{float:left;}
.userava img{ max-width:100px;}
.userinfo{margin-left:10px; float:left; line-height:18px;}


/* Комментарии */
.dcomment{background:url(../images/combg.png) repeat-x;}
.dcomment .dbtm{background:url(../images/newsep.png) repeat-x 0 100%;}
.dcomment .dcont{padding:5px 10px 10px 10px;}
.commava{background:url(../images/commava.png) no-repeat 100% 100%; width:76px; height:76px; margin-top:7px; float:left;}
.commava img{width:72px; height:72px;}
.comminfo{height:27px;}
.comminfo ul{float:left; color:#464646; padding-left:8px; font-size:10px;}
.comminfo .author{color:#1e5685; font-size:11px; font-weight:bold;}
.comminfo .fast a img{background: url(../images/fast.png) no-repeat; width:45px; height:21px; margin-top:3px;}
.comminfo .mass{float:right; padding-top:2px;}
.comminfo .mass li{float:left; margin-right:5px;}
.comminfo .mass .comid{background:url(../images/mass.png) no-repeat; width:21px; height:22px; font-size:11px; text-align:center; line-height:22px;}
.commtext{margin-top:10px; margin-bottom:5px; margin-left:10px; margin-left:85px;}
.dcomment .cntrl li{float:right; padding-right:5px;}

/* Видео-модуль */
#centered {
position: fixed;
top: 50%;
left: 50%;
margin-top: -210px;
margin-left: -162px;
z-index: 1;
}
#view {
overflow: hidden;
}


#hintbox {
	text-align : left;
	width : 150px;
	font-size : 10px;
	border : 1px solid #99a1ab;
	background-color : #fff;
	layer-background-color : #a396d9;
	color : #282828;
	margin : 10px 0 0 10px;
	padding : 3px 5px;
	position : absolute;
	visibility : hidden;
	z-index : 998;
	-moz-opacity : 0.9;
	-moz-border-radius : 5px;
	filter : alpha(opacity="90");
}

.onl_table {
	width : 100%;
	font-size : 10px;
}
.onl_table td {
	padding-right : 5px;
	font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ /*	width : 50%;
*/ }

.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
	color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
	color : #ff0000;
}

.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
	color : #666666;
}
.u_link_on a:hover, .u_link_on a:active {
	color : #4b73d4;
}

.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
	color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
	color : #00a400;
}

.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
	color : #007eff;
}
.j_link_on a:hover, .j_link_on a:active {
	color : #007eff;
}

.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
	color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
	color : #666666;
}

.nowrap {white-space:nowrap;}
.fV {font-family:Verdana, Geneva, sans-serif;}
.f10 {font-size:10px;}

.dwntorrenttxt {
font-size: large;
color: #06F;
text-decoration: underline;
}
.dwntorrent_up {
color: #3C0;
}
.dwntorrent_down {
color: #F00;
}
.dwntorrent_total {
color: #06C;
}
.dwntorrent_tblc
{
/*
Цвет таблицы #d9d9d9
*/
background-color: #d9d9d9;
/*
Цвет границ #898989
*/
border: 1px solid #898989;
}
.dwntorrent_tblx
{
border: 1px solid #dad8d8;
}

.tbprofile{color:#151b20;font-size:12px;font-family:arial;}
.tbprofile a:link, .tbprofile a:visited, .tbprofile a:hover, .tbprofile a:active{color:#4183a9;text-decoration:none;}
.tbprofile a:hover{color:#4183a9;text-decoration:underline;}
.tbprofile table{border:0px;background:#eee;}
.tbprofile table{color:#252c34;}
.tbprofile table a:link, .tbprofile table a:visited, .tbprofile table a:hover, .tbprofile table a:active{color:#4183a9;text-decoration:none;}
.tbprofile table a:hover{color:#1a92d7;text-decoration:underline;}
.tbprofile table td{padding:4px 0 4px 6px;border:2px solid #dedede;}

.newstext img {
border-top-width: 5px;
border-top-color: #ffffff;
border-right-width: 5px;
border-right-color: #ffffff;
border-bottom-width: 5px;
border-bottom-color: #ffffff;
border-left-width: 5px;
border-left-color: #ffffff;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;
box-shadow: 2px 2px 9px;
}

#social-media{
	margin:5px 0px;
	padding:4px 5px 5px 5px;
  }
  #social-media a.social,
  #social-media span{
	display:-moz-inline-stack;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center;
	width:64px;
	height:64px;
	text-indent:-9999px;
	margin-right:3px;
	vertical-align:text-bottom;
  }
  #social-media span{
	text-indent:0px;
	vertical-align:bottom;
  }
  #social-media span.media-txt{
	width:200px;
	font-weight:bold;
	text-align:center;
  }
  #twitter{
	background-image:url("../ico/twitter.png");
  }
  #facebook{
	background-image:url("../ico/facebook.png");
  }
  #livejournal{
	background-image:url("../ico/livejournal.png");
  }
  #liveinternet{
	background-image:url("../ico/liveinternet.png");
  }
  #vkontakte{
	background-image:url("../ico/vkontakte.png");
  }
  #mailru{
	background-image:url("../ico/mailru.png");
  }

post-2505-0-80585000-1336322656_thumb.jpg

Изменено пользователем Andrey™
Пользуемся спойлерами! Там можно и мышь сломать, прокручивая страницу...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
andrey35159

нужен не css, а tpl файл

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Heaven

нужен не css, а tpl файл

 

вот main.tpl

 

<!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">
<div id="opacited" style="height: 100%; repeat-x; position: fixed; opacity:0.8; z-index:1; background-color:black; width:100%; display:none;"></div>
<div id="centered"></div>
<head>
{headers}
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />
<link href="{THEME}/style/base.css" rel="stylesheet" type="text/css" />
<link href="{THEME}/style/styles.css" rel="stylesheet" type="text/css" />
<link href="{THEME}/style/engine.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{THEME}/js/easing.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.galleryview-1.0.1-pack.js"></script>
<script type="text/javascript" src="{THEME}/js/timers.js"></script>
<script type="text/javascript" src="{THEME}/js/videos.js"></script>
<!--[if lte IE 6]>
<style>
.panel-overlay .link a img{background:url({THEME}/images/btns.gif) no-repeat; width:98px; height:25px;}
.vbtn{background:url({THEME}/images/btns.gif) no-repeat 0 -50px; height:25px; width:98px; border:none; cursor:pointer;}
.sliderover{background: url({THEME}/images/sliderover.gif) no-repeat 50% 0; height:232px; width:510px; position:relative;}
</style>
<![endif]-->
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body class="pagebg">
{AJAX}
<div class="wrapper">
  <!-- Шапка -->
  <div class="header">
	<div class="head">
	  <div class="dtop">
		<ul class="reset share">
				  <li><a class="twitter" href="/"  onclick= "window.open(this.href, 'Поделиться ссылкой в twitter', 'width=800,height=300'); return false"><img src="{THEME}/images/spacer.gif" alt=""/></a></li>
				  <li><a class="facebook" href="/u" title="" onclick="window.open(this.href, 'Поделиться ссылкой в facebook', 'width=800,height=300'); return false"><img src="{THEME}/images/spacer.gif" alt=""/></a></li>
				  <li><a class="vk" href="/"  onclick="window.open(this.href, 'Поделиться ссылкой в vkontakte', 'width=800,height=300'); return false"><img src="{THEME}/images/spacer.gif" alt=""/></a></li>
		</ul>
	  </div>
		  <div class="dleft"><div class="dright">
			<div class="logo"><a href="/" title="Megatron"><img src="{THEME}/images/spacer.gif" alt="Megatron" /></a></div>
	  </div></div>
		  <div class="dbtm"></div>
	</div>
	<div class="toolbox">
	  <div class="dleft">
		<div class="dright">
		  <div class="dtop">
			<div class="dbtm">
						  <div class="hmenu">
							  <ul class="reset menulinks">
								  <li><a href="/" title="">Главная</a></li>
								  <li><a href="/" target="_blank" title="">Наши кланы</a></li>
								  <li><a href="/" target="_blank" title="">Банлист</a></li>
								  <li><a href="/" target="_blank" title="">Наш чат</a></li>
								  <li><a href="/" target="_blank" title="">Контакты</a></li>
								</ul>															
							</div>
						  {login}				  
			</div>
		  </div>  
		</div>
	  </div>
	</div>
		<div class="hotbox">
		  <div class="dleft">
			  <div class="dright">
				  <div class="blocks">
					<!-- Последние статьи -->
					<div class="block">
						<div class="hblockbg">
						  <div class="dleft">
								<div class="dright">
									<div class="dbtm">
										<div class="news">
											  <ul class="reset hotlinks">
												   {custom category="3" template="topnews" aviable="global" from="0" limit="5" cache="no"}  
												</ul>
										  </div>
									  </div>
								  </div>
							  </div>
						  </div>				  
					  </div>
					<!-- Последние файлы -->
					  <div class="block middle">
						<div class="hblockbg">
						  <div class="dleft">
								<div class="dright">
									<div class="dbtm">
										<div class="files">
												 <ul class="reset hotlinks">
												 {custom category="3" template="topnews" aviable="global" from="0" limit="5" cache="no"}
												</ul>
										  </div>
									  </div>
								  </div>
							  </div>
						  </div>				  
					  </div>
					<!-- Лучшие статьи -->
					  <div class="block">
						<div class="hblockbg">
						  <div class="dleft">
								<div class="dright">
									<div class="dbtm">
										<div class="topnews">
											  <ul class="reset hotlinks">
												  {custom category="3" template="topnews" aviable="global" from="0" limit="5" cache="no"}
												</ul>
										  </div>
									  </div>
								  </div>
							  </div>
						  </div>				  
					  </div>
					</div>
				</div>
		  </div>
		</div>
	</div>
	<div class="container">
	  <div class="conttop">
		  <div class="contbt">		
				<div class="leftcol">			  
				<!-- Статус серверов -->
					<div class="server">
					  <img src="{THEME}/images/server/status_yellow.png" alt="" />
					</div>
				<!-- Игровые сервера -->
				  <div class="lblock play">
					  <div class="dtop">
						  <div class="dbtm">
							  <h3 class="dtitle"><img src="{THEME}/images/spacer.gif" alt="Игровые сервера"/></h3>
								<div class="dcont">
									Игровые сервера
								</div>
							</div>
						</div>				  
					</div>
					<!-- Темы форума -->
				  <div class="lblock lastforum">
					  <div class="dtop">
						  <div class="dbtm">
							  <h3 class="dtitle"><img src="{THEME}/images/spacer.gif" alt="Темы форума"/></h3>
								<div class="dcont">
								  <table>										
									  <tr class="grey"><td><a href="/" target="_blank" title="">Разбор сервера Counter Strike 1.6</a></td>
										  <td class="authpost">FuTuRe</td></tr>
										<tr><td><a href="/" target="_blank" title="">Сервера Counter Strike:Source</a></td>
										  <td class="authpost">Seruy</td></tr>																			  
								   </table>
								</div>
							</div>
						</div>				  
					</div>
					<!-- Полезные статьи -->
				  <div class="lblock help">
					  <div class="dtop">
						  <div class="dbtm">
							  <h3 class="dtitle"><img src="{THEME}/images/spacer.gif" alt="Полезные статьи"/></h3>
								<div class="dcont">
								  <ul class="reset article">									
									  <li><a href="/" title="">Полезные статьи Counter Strike 1.6</a></li>
									  <li><a href="/" title="">Полезные статьи Counter Strike:Source</a></li>
									  <li><a href="/" title="">Полезные статьи Team Fortress 2</a></li>
										 <li><a href="/" title="">Полезные статьи Left 4 Dead 2</a></li>
									  <li><a href="/" title="">Полезные статьи Call of duty 4</a></li>
									  <li><a href="/" title="">Полезные статьи о Коммфорт</a></li>
									</ul>
								</div>
							</div>
						</div>				  
					</div>
					<!-- Видео -->
				  <div class="lblock video">
					  <div class="dtop">
						  <div class="dbtm">
							  <h3 class="dtitle"><img src="{THEME}/images/spacer.gif" alt="Видео"/></h3>
								<div class="dcont">
							  
									<div class="clr"></div>
								</div>
							</div>
						</div>				  
					</div>									  
				</div>
				<div class="rightcol">
				<!-- Переход на форум -->
				  <div class="goforum"><a href="/" target="_blank" title="Форум"><img src="{THEME}/images/spacer.gif" alt="Перейти на форум" /></a>
					</div>
					<!-- Блок навигации -->
					<div class="naviblock">
					  <div class="dtop">
						  <div class="dbtm">
							  <h3 class="dtitle"><img src="{THEME}/images/spacer.gif" alt="Навигация"/></h3>
								<div class="dcont">
								  <ul class="reset navi">
									  <li><a href="/" target="_blank" title="Сервера Counter Strike 1.6">Counter Strike 1.6</a></li>
									  <li><a href="/" target="_blank" title="Сервера Counter Strike:Source">Counter Strike:Source</a></li>
									  <li><a href="/" target="_blank" title="Сервера Call of duty 4">Call of duty 4</a></li>
									  <li><a href="/" target="_blank" title="Сервера Team Fortress 2">Team Fortress 2</a></li>
									  <li><a href="/" target="_blank" title="Сервера Left 4 Dead 2">Left 4 Dead 2</a></li>
										<li><a href="/" target="_blank" title="Вход только администраторам">Форум администрации</a></li>
									</ul>
								</div>
							</div>
						</div>				  
					</div>
					<!-- Файловый архив -->
				  <div class="rblock archiv">
					  <div class="dtop">
						  <div class="dbtm">
							  <h3 class="dtitle"><img src="{THEME}/images/spacer.gif" alt="Файловый архив"/></h3>
								 <div class="dcont">
								 <ul class="reset arch">
					<li><a href="/" title="">Файлы Counter Strike 1.6 <span></span></a></li>
					<li><a href="/" title="">Файлы Counter Strike:Source <span></span></a></li>
					<li><a href="/" title="">Файлы Team Fortress 2 <span></span></a></li>
					<li><a href="/" title="">Файлы Left 4 Dead 2 <span></span></a></li>
					<li><a href="/" title="">Файлы Call of duty 4 <span></span></a></li>
					<li><a href="/" title="">Файлы чата Коммфорт <span></span></a></li>
									 </ul>
							  </div>
							</div>
						</div>				  
					</div>
					<!-- Реклама -->
				  <div class="rblock adv">
					  <div class="dtop">
						  <div class="dbtm">
							  <h3 class="dtitle"><img src="{THEME}/images/spacer.gif" alt="Реклама"/></h3>
								<div class="dcont"><a href="/" target="_blank" title="Размещение вашей рекламы"> <img src="{THEME}/images/banner.png" /></a></div>
							</div>
						</div>				  
					</div>
					<!-- Пожертвования -->
				  <div class="rblock donation">
					  <div class="dtop">
						  <div class="dbtm">
							  <h3 class="dtitle"><img src="{THEME}/images/spacer.gif" alt="Пожертвования"/></h3>
								 <div class="dcont">
								   <div class="update">Обновляется раз в сутки</div>
									<div class="statusbg">
									  <div class="status w13"><span>13%</span></div>
										</div>
									   <div class="target">
								 <a href="/" target="_blank" title="Ваша помощь проекту МЕГАТРОН">Цель: реклама проекта</div></a>
								 </div>
							</div>
						</div>				  
					</div>
					<!-- Опросы -->
				  <div class="rblock vote">
					  <div class="dtop">
						  <div class="dbtm">
							  <div class="dtitle"><img src="{THEME}/images/spacer.gif" alt="Опросы"/></div>
								  <div class="dcont">
								  {vote}
								</div>
							</div>
						</div>				  
					</div>
				 </div>				
				 <div class="maincol">
				<!-- Слайдер -->
				  <div class="sliderbox">
					  <div class="dleft">
						  <div class="dright">
							  <div class="dtop">
								  <div class="dcont">
									  {include file="slider.tpl"}
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- Контент -->
					<div class="content">
					  <div class="dtop">
						  <div class="dbtm">
							  <div class="dcont">							  
								<div class="cbox speedbar">
							<div class="speed">{speedbar}</div>
							  <div class="rss"><a href="/rss.xml"><img src="{THEME}/images/spacer.gif" alt="rss" /></a></div>
							  <div class="clr"></div>
								</div>
								 {info}{content}
								</div>
							</div>
						</div>
					</div>
					<!-- Нижний баннер -->
					<div class="btmbanner">
					  <div class="bbanner">
					  <a href="/" target="_blank" title="Всё Для DLE"> <img src="{THEME}/images/bbanner.png" /></a>
						</div>
					</div>				  
				</div>
				<div class="clr"></div>
			 </div>
		</div>
	</div>
	<!-- Футер -->
	<div class="footer">
	  <div class="foot">
		  <div class="dright">
			  <div class="dleft">
				  <div class="dctr">
					  <div class="minilogo"><a href="/" title="Megatron"><img src="{THEME}/images/spacer.gif" alt="" /></a></div>
						<div class="footext">
						  <div class="design"><a href="" target="_blank" title="Designed by Elcreativo">
							<img src="{THEME}/images/spacer.gif" alt="Designed by Elcreativo" /></a></div>
							<div class="copy">Copyright © 2006 - 2011 <a href="/" title="Megatron">«Megatron»</a> | <a href="http://Cy.am/" title="DLE 9.4">DataLife Engine 9.4</a></div>
							<div class="pravo">Для пользователей Домашнего интернета «Балнет» сайт и ресурсы доступны без выхода в Интернет</div>
						</div>
						<div class="counter">
						 <span></span>						
						 <span></span>
						<span></span>
						 <span></span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>

 

Изменено пользователем Andrey™
Для вставки длинного кода есть спойлеры

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
ge0r

Попробуй <div class="header"> заменить на <div style="margin-top:40px;" class="header"> . 40px заменяем на любое число.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
peugeot

лучше адрес сайта напиши. так легче будет помочь

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Heaven

лучше адрес сайта напиши. так легче будет помочь

 

я его проста редактирую в Denwere

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Heaven

Попробуй <div class="header"> заменить на <div style="margin-top:40px;" class="header"> . 40px заменяем на любое число.

 

спс работает :wink:

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...