Подскажите. как в теме оформления поменять размер колонки?
31 марта 2008 в 5:57
Левую колонку хочу поуже сделать.
Подскажите, где поковырять и чего искать.
В PHP я полный ноль, но если ткнуть носом, где размер выставить, то наверное справлюсь
- Блог
- Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Комментарии
В style.css
А не подскажете, что менять? Какую переменную? Я уж все перепробовал - ноль эмоций!
В сердцах удалил, все развалилось Понял, что файл ТОТ. Восстановил
В style.css менять переменную width
А помоему не тольько в PHP, но и в HTML и CSS тоже.
Допустим левая колонка имеет id=left (а это скорее всего), то есть:
#left {width: ???px}
Вот вместо ??? и встать меньшее значение!
Еще вопросы?
"А помоему не тольько в PHP, но и в HTML и CSS тоже."
Угадал!
Но вот с английским-то у меня проблем нет. И тем не менее... Что конкретно
Половину уже менял - пофиг.
/* ----------------- Main content -------------------------------------------------------*/
#homepic {width:900px; height:250px; margin:5px 0 10px 0;background: url(images//homepic.jpg) no-repeat;}
#homepic a {color:#fff;}
#homepic:hover {background: url(images//homepichover.jpg) no-repeat;}
.message{ position:absolute; width:360px; float:left; margin:70px 0px 0px 165px; color:#fff;}
#bottomcontenttop{width:900px;height:10px;background: url(images//b_contenttop.jpg) no-repeat;}
#bottomcontent{width:898px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentbtm{width:900px;height:10px;background: url(images//b_contentbtm.jpg) no-repeat;}
/*
#sidebar-left {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
#main {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
#sidebar-right {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
*/
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}
/* ----------------- Bottom content -------------------------------------------------------*/
#footer { clear: both; text-align:center; line-height: 1.8em; color: #444; background: #fff; padding: 4px 0;
margin:10px 0 0 0;}
#footer a {color: #631e19; background: inherit;}
/* ----- additional ----- */
.node {
margin-bottom: 20px;
}
.content {
margin-bottom: 10px;
}
h1.title { font-weight:bold; font-size:12px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#444; background:none; border-bottom: 2px dotted #444; }
#header img {
float: left;
margin-right: 20px;
}
#main {
float: left;
width: 100%;
padding-top:10px;
}
body.sidebar-left #main {
margin-left: -300px;
}
body.sidebar-left #main #squeeze {
margin-left: 300px;
}
body.sidebar-right #main {
margin-right: -300px;
}
body.sidebar-right #main #squeeze {
margin-right: 300px;
}
body.both-sidebars #main {
margin: 0 -300px;
}
body.both-sidebars #squeeze {
margin: 0 300px;
}
#squeeze {
position: relative;
padding: 0 1em;
}
#container .sidebar {
margin:0pt 6px 5px 0pt;
padding:10px;
width: 270px;
float: left;
z-index: 2;
position: relative;
overflow: hidden;
}
Тема-то какая
ad_agency
Вообще-то я девушка!!!
А по-моему и с ним тоже!
Половину то зачем???
К тому же, смотря где тестировать, может у тебя стоит кеширование CSS?!? Тогда оно не стразу будет видно. Попробуй без кеша, используя, при обновлении страниц комбинацию:
<Ctrl+F5>
Я тоже в ad_agency убавляла левую...
Я тебе уже подсказывала, но видимо придётся еще и "носом ткнуть":
В строке:
#sidebar-left {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
видишь написанно:
width: 270px
180-200px - оптима...
При этом не забудь и на основную добавить столько же, сколько уберёшь с боковой!
+++К тому же, смотря где тестировать, может у тебя стоит кеширование CSS?!?+++
Я дятИл Спасибо!
ЗЫ
#sidebar-left {float: right;width: 200px;margin: 0 6px 5px 0; padding:10px;}
#main {float: right;width: 410px;margin: 0 6px 5px 0; padding:10px;}
#sidebar-right {float: right;width: 200px;margin: 0 6px 5px 0; padding:10px;}
ЗЗЫ
Кеш отключил, ctrl+F5 обновлял.
Но все равно не работает =)))
Короче, не все так просто Пока сам не разберешься, никто толком и не снизойдет пояснить чайнику элементарные вещи! Будте проще и люди к вам потянутся
Моим последователям посвящается ( 8-)) ):
#sidebar-left {float: right;width: 240px;margin: 0 6px 5px 0; padding:10px;} ------- (строчка отвечает за ширину левой колонки /уменьшил на 30 /)
#main {float: right;width: 300px;margin: 0 6px 5px 0; padding:10px;} -------- (строчка отвечает за ширину центральной колонки /увеличил на 30/)
(там еще третья строка, она за правую отвечает, но включать ее на этом шаблоне не стоит - многие модули начинают капризничать. К примеру Image picker рушит свой интерфейс.)
Далее:
body.sidebar-left #main {
margin-left: -270px; ------- (строчка отвечает за положение центральной колонки /уменьшил на ту же цифру/)
}
body.sidebar-left #main #squeeze {
margin-left: 270px; ------- (строчка отвечает за изменение размера центральной колонки если отключена левая (по моему ) /уменьшил на ту же цифру/)
Далее:
#container .sidebar {
margin:0pt 6px 5px 0pt;
padding:10px;
width: 240px; ------- (строчка отвечает за размер выводимых БЛОКОВ /уменьшил на ту же цифру/ Если этот параметр не поменять, то ничего не получится )
float: left;
z-index: 2;
position: relative;
overflow: hidden;
Результат можно глянуть по ссылке в подписи.
Разобрался - Молодец!
А то я уж хотела тебе свой CSS от этой темы высылать...
А как насчет #homepic, что-то не видно ее!
Нашла!
У тебя двойной слэш в url-ах
#homepic {width:900px; height:250px; margin:5px 0 10px 0;background: url(images//homepic.jpg) no-repeat;}
#homepic a {color:#fff;}
#homepic:hover {background: url(images//homepichover.jpg) no-repeat;}
Это как понять???
url(images//homepic.jpg)
url(images//bodybg.gif)
Причем там много этих ляпов!
А вот этого я не знаю - не я писал
Но все вроде работает, так что трогать неохота
ЗЫ
Стоп... А что такое #homepic ???
Я думал это картинка та большая. Наводишь курсор - другая появляется. Или что-то еще есть?
PPS
Да не! Работает все Может так надо, я не доктор
В том то и дело, что картинки нет и другая не появляется!
Нет вообще (по крайней мере в FF2)
Так что - мучай дальше!
8-\
Да ладно! Ну ты избранная!
В IE 6.0 только ховер не появляется.
Странно..., а ведь там действительно //......
Ну и фиг с ним!
ЗЫ: В IE 6.0 - все отлично работает!