..
для диза
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться22011-05-08 22:15:56
для вставки шапки
6. Теперь можно вставить саму шапочку.
Для этого переходим в нижнее окошечко и ищем вот такой кодик (цвета могут быть разные!):
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #000000;
color: #333333;
}
И нажимаем после этого два раза enter. И вставляем вот такой кодик:
#pun-title .title-logo{background: url(адрес шапки) no-repeat top center; padding: 0px;}
#pun-title table {
background: url() repeat-x;
background-position: 0px 1px;
}
Поделиться32011-05-08 22:17:40
двигать баннер
7.Но при этом, баннер может мозолить глаза. Поэтому я и попросила сделать ширину шапки побольше. Теперь надо двигать баннер как подойдёт. И чтобы сделать это надо опять перейти в первое окошко. Там где мы делали высоту, есть такой кодик:
Выделить код
#pun-title TD.title-logo-tdr {
border: none;
width: 468px;
vertical-align: top;
padding-right: 0px;
padding-top: 0px;
}
В нём ничего н надо менять! А только то, что скажу я. Надеюсь вам приходилось двигать рекламный баннер с помощью скриптов. Если да, вам будет проще.
В этой строчке, надо менять местонахождение баннера с лева, на право. Если вы хотите, чтобы он стоял по середине, ниже шапки, вставьте 300 вот сюда:
padding-right: 0px;
А чтобы двигать баннер сверху вниз, нужен этот код:
padding-top: 0px;
Цифровое значение, зависит от высоты вашей шапки, так что тут я вам не в помощь. Старайтесь вставить баннер, в свободное место под шапкой. Исходите от ширины самой шапки. Например если шапка шириной 200 пикселей, то и в коде ставьте это значение. Если не поёдет, увеличивайте или уменьшайте на 10, на 5 пикселей, пока не встанет.
8. И так шапочка готова. Домучали наконец. Теперь можно вставить иконки. Это несколько проще.
И так топайте в первое окошко. Ищите вот этот кодик:
/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 100px;
height: 100px;
padding-top: 0px;
margin-right: 0px;
}
И то, что выделено красным, меняйте высоту и ширину иконочек. Когда закончите, переходите нижнее окошко. В самом низу есть такой код:
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background: url(адрес картинки старая тема) no-repeat;
}
tr.inew div.icon {
background: url(адрес картинки новое сообщение) no-repeat;
}
tr.iclosed div.icon {
background: url(адрес картинки закрытая тема) no-repeat;
}
tr.iredirect div.icon {
background: url(адрес картинки важная тема) no-repeat;
}
tr.isticky div.icon {
background: url(адрес картинки закрытая и важная тема (Я обычно вставляю картинку важное)) no-repeat;
}
Вставьте адресса картинок. Смотрите не перепутайте! Лучше проверьте лишний раз!
Страница: 1