Сакура
В спойлер коды?
🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Вопрос/ответ по дизайну css #5
Сакура
В спойлер коды?
Rush
#pun-announcement {
color: #цвет!important;
}
Рунный
Rush
http://s1.uploads.ru/i/L1I5D.jpg - получается так
Сакура
А body, если мне не изменяет память, должен быть в самом начале второго окна стиля
Рунный
Код:/* CS1 Background and text colours -------------------------------------------------------------*/ /* шапка */ #pun-title table {background-image : url("http://forumstatic.ru/files/0011/f8/b1/66745.jpg"); width: 820px !important; } /* фон */ body{ background-image: url("http://forumstatic.ru/files/0011/f8/b1/44555.jpg"); background-position: top center; background-attachment: fixed; background-repeat: repeat; } /* фон контента */ #pun { background-image : url("http://forumstatic.ru/files/0011/f8/b1/97633.jpg"); background-repeat: repeat; background-position : center;} /* блок формы ответа и кнопки*/ .punbb textarea, .punbb select, .punbb input{ background-color: #e7e7d3; color: #e7e7d3; background-image : url(""); border-top:2px solid #000000; border-right:2px solid #000000; border-bottom: 2px solid #000000; border-left:2px solid #000000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; } /* блок цитат и кодов*/ #pun-main .code-box, #pun-main .quote-box, { background-color: #e7e7d3; color: #e7e7d3; background-image : url(""); } /* категории */ #pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 { width: 820px !important; height: 63x; background-image: url(); background-position: center; background-repeat: no-repeat; text-align: center; font-family: times; font-size: 14px; text-transform: center; color: #000000; font-weight: bold; } /* блок цитат и кодов*/ .punbb .quote-box, .punbb .code-box { color: #000000; background-image : url(""); } /* картинка в самый низ */ #pun-about {background-image: url(http://forumstatic.ru/files/0011/f8/b1/57828.jpg); background-position: bottom center; background-repeat: no-repeat; margin-bottom: 0px; height: 78px !important;} #html-footer {margin:0;} .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent; color: #000000;} #pun-status .container, #pun-crumbs1 .container {color: #000000; } #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 600px; top: 0px } #pun-adnav .isactive ul.adsubnav a { color: #000000 !important; } #pun-navlinks .container, #pun-ulinks .container { background-color: transparent; color: #1a0a01; text-align: center;} .offline li.pa-online strong { color: #000000; font-weight: normal} .punbb textarea, .punbb select, .punbb input { background-color: transparent; color: #000000;} /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: transparent } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: transparent; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent } .punbb .divider { border-color: transparent } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent } li.pa-online { border-left-color: transparent; } .punbb .post-sig dt { border-top-color: transparent!important; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 ссылка до нажатия*/ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #451aa3; border-bottom: 0px none #000; text-decoration: none; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #000000 } /* CS3.2 активная ссылка*/ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #000000; border-bottom: 0px none #000; text-decoration: none; } /* CS3.3 */ #pun-navlinks a { color: #000000; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #00000; font-weight: normal; font-style: normal; border-bottom: 0px none #000; text-decoration: none; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ div#html-footer { margin: -80px 0px 0px 0px;} #profilenav h2 { width: 6em!important; }
/* фон */
body{
background-image: url("http://forumstatic.ru/files/0011/f8/b1/44555.jpg");
background-position: top center;
background-attachment: fixed;
background-repeat: repeat;
}
Вот же, сюда добавляем
красным показано. как то не посередине всё.
Заменяем #pun-navlinks .container:
#pun-navlinks .container {
top: 230px;
text-align: center;
width: 950px;
position: absolute;
left: -100px;
}
И советую еще раз как следует проверить код - частенько встречаются ошибки
Рунный
ALOC
Зачем абсолютное позиционирование? Зачем стрелять по муравьям из гранатомета?
С "поднять повыше меню" вполне справится и отрицательный margin-top.
Вот это, что во втором окне стиля нужно совсем убрать
div#pun-navlinks {
margin-left: 100px;
position: absolute;
text-align: center;
top: 200px;
width: 100%;
}
Здесь, в первом окне стиля убрать зачеркнутые строки
#pun-navlinks .container {
position: absolute;
text-align: center;
top: 230px;
width: 100%;
}
И это дописать до вышеуказанного блока правил
#pun-navlinks {
margin-top: -40px;
}
А заодно и еще лишний код уберем.
В первом окне должно под комментарием "Форумная навигация" должно стать так:
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
}
#pun-navlinks {
margin-top: -40px;
}
/* D3.2 */
#pun-navlinks .container {
text-align: center;
width: 100%;
}
/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 1.0em;
}
И не забудьте убрать блок правил во втором окне стилей.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Вопрос/ответ по дизайну css #5