Каскадные таблицы становятся всё более доступным инструментом для создания собственного уникального дизайна - это удобнее, проще и не перегружает форум.
В данной теме выложены основные часто задаваемые вопросы и ответы на них, которые помогут соориентироваться в окнах стиля и воплотить в жизнь задуманное.
ЧаВо по CSS.
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться12010-12-19 12:33:08
Поделиться22010-12-19 12:51:42
Каким образом отрегулировать ширину форума?
Ширина форума регулируется в верхнем окне стиля. Пункт кода: A5 Basic page layout and borders
/* A5.1 */
#pun {
margin: 685px auto 30px auto;
width : 828px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
position: relative;
}
Ширина основной таблицы форума имеет формулу:
#pun {
width : 800px;
}
Значение здесь указано в пикселях. В данном случае, ширина будет составлять 800 пикселей.
Можно отрегулировать ширину в процентах (подходит для "резинок"):
#pun {
width : 90%;
}
Поделиться32010-12-19 13:13:43
Как передвинуть верхний баннер рекламы?
в пикселях
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 250px; top: 250px}
Выделенное красным - меняем под свой стиль.
Ещё вариант:
#pun-title TD.title-logo-tdl {
border: 2;
}#pun-title TD.title-logo-tdr {
border: none;
vertical-align: top;
}.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
position: relative;
top: -630px;
left: 55%;
right: 25%;
}
Выделенное красным - меняем на своё.
Поделиться52011-03-12 18:23:35
Как сделать основное меню навигации в столбик?
* D3 Forum navigation -------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks {
border: none;
margin: 0;
margin-bottom: 60px;}
#pun-navlinks .container {
border: none;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
padding-top: 0px;
height: 150px;
font-weight:bold;
text-align: right;
margin-right: 0px;
}
/* D.3 */
#pun-navlinks li {
margin: 0%;
padding: 0px;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
font-family: arial;
padding: 0px 4px 0px 4px;
}
text-align: right; - ссылки справа. В случае, если меню должно быть по центру, прописываем: text-align: center;, слева text-align: left;
Остальные значения меняются в зависимости от ваших предпочтений.
Как сделать меню навигации сверху?
Закрепляем элемент.
Снова обращаемся к *D3
/* D3 Forum navigation
-------------------------------------------------------------*//* D3.1 */
#pun-navlinks {
border: none;
margin: 0;
z-index: 1;
}#pun-navlinks .container {
border: none;
margin: 0;
position: fixed;
z-index: 1000;
top: 0;
margin-left: -40px;
background: url("Cссылка на картинку") transparent;
}/* D3.2 */
#pun-navlinks .container {
padding-top: 0px;
height: 28px;
width: 880px;
font-weight: bold;
text-align: center;
}/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0.1%;
padding: 5px 0px 5px 16px;
}/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
font-family: Times New Roman;
padding: 7px;
}
z-index: 1000; - ширина z-оси
top: 0; - расстояние между полосой навигации и верхушкой форума.
margin-left: -40px; - смещение влево (при смещении вправо прописать: margin-right)
display: inline; - выстроить ссылки навигации в линию.
Cссылка на картинку - оформление фона навигации картинкой;
подстроить под себя:
height: 28px; - высота картинки
width: 880px; - ширина картинки
transparent - задать прозрачный фон для полосы навигации (подходит для оформления картинкой)
position: fixed; - фиксируем строку.
font-family: Times New Roman; - поменять шрифт.
font-size: 1.1em; - поменять размер шрифта.
Страница: 1
