#1 Как передвинуть баннер на шапке?
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 200px; top: 220px}
выделенное меняем на свои значения.
#2 Как сделать форум полупрозрачным?
Берем фон, заливаем цветом (белым, розым и другими светлыми оттенками), уменьшаем прозрачность заливки, сохраняем измененный фон и заливаем им форум с помощью кода:
#pun {background-image: url(ссыль);}
берем исходный, необработанный фон и заливаем им фон форума с помощью кода:
HTML, body {
background-image: url(ссыль);
}
Если же вы хотите сделать весь форум полупрозрачным, то для этого сделаем прозрачным форум, сохранив все предыдущие действия. Для этого вместо кода цвета ставим вот такое значение:
transparent
т.е. это будет выглядеть так:
элемент {background-color: transparent;}
#3 Как сделать форум цельным, без рамок?
Идем во второе окошко и в группе
/* CS2 Border colours
делаем рамки такого же цвета как и вес форум.
А так же зальем тем же цветом промежутки:
#pun {background-color: цвет;}
#4 Как сдвинуть форум в сторону?
Идем в структура и ищем группу:
/* A5.1 */
и прописываем такое значение:
float: сторона;
выделенное меняйте на свое значение: left(лево) или right(право)
#4.1 Как сдвинуть форум немного в сторону?
Если вы хотите сдвинуть форум не полностью в сторону, а немножко подвинуть, то так же идем в
/* A5.1 */
#pun {
margin: 0px auto auto 200px;
width : 850px;
float: center;
padding: 0px 0px 1px 0px;
}
выделенное меняем на свое значение.
#5 Как сделать меню навигации на шапке?
Для начала опустим шапку в структуре:
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
margin-top: 0px;
border: none;
margin-bottom: -160px;
}
выделенное меняем на свое значение.
Потом изменим само расположение меню навигации. D.2 и D.3 меняем на это:
/* D2 Page navigation
-------------------------------------------------------------*/
/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -15px;
left: 0;
margin: 0;
border: none;
padding: 0;
width: 100%;
}
/* D2.2 */
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0}
/* D2.3 */
#pun-pagelinks .container li {
display: inline
}
/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.2em;
margin-left: -9999px;
display: block;
float:left;
width: 100%;
}
/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
position:relative;
margin: 0;
}
#pun-pagelinks li a span {
display:block;
margin: 0 1em
}
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks {
border: none;
margin-bottom: 130px;
}
#pun-navlinks .container {
border: none;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
padding-top: 20px;
padding-right: 80px;
height: 27px;
font-weight: bold;
text-align: right;
}
/* D.3 */
#pun-navlinks .container {
padding-top: 15px;
padding-bottom: 0px;
height: 16px;
font-family: comic sans ms;
}
.container #pun-navlinks li {
display: inline;
margin: 0.1%;
padding: 3px 4px 4px 4px;
border-left: 1px solid #fff;
}/* D3.1 */
margin-bottom: 130px - расстояние между меню навигации и пользовательскими ссылками
/* D3.2 */
padding-top: 20px;
padding-right: 80px;
двигает меню навигации
/* D.3 */
font-family: comic sans ms; - шрифт меню навигации
#6 Как сделать иконки справа?
в структуре:
/* C2.15 */
.punbb div.icon {
float: right;
display: block;
width: 1px;
height: 1px;
padding-top: 1px;
margin-top: 1px;
}
жирные единицы размер иконок.
