Подскажите. как в теме оформления поменять размер колонки?

Главные вкладки

Аватар пользователя GriZly GriZly 31 марта 2008 в 5:57

Левую колонку хочу поуже сделать.
Подскажите, где поковырять и чего искать.
В PHP я полный ноль, но если ткнуть носом, где размер выставить, то наверное справлюсь Smile

Комментарии

Аватар пользователя GriZly GriZly 31 марта 2008 в 12:07

А не подскажете, что менять? Какую переменную? Я уж все перепробовал - ноль эмоций!
В сердцах удалил, все развалилось Lol Понял, что файл ТОТ. Восстановил Smile

Аватар пользователя EllECTRONC EllECTRONC 31 марта 2008 в 13:27

Quote:
В PHP я полный ноль, но если ткнуть носом, где размер выставить, то наверное справлюсь =)

А помоему не тольько в PHP, но и в HTML и CSS тоже.

Допустим левая колонка имеет id=left (а это скорее всего), то есть:
#left {width: ???px}

Вот вместо ??? и встать меньшее значение!
Еще вопросы?

Аватар пользователя GriZly GriZly 31 марта 2008 в 20:34

"А помоему не тольько в PHP, но и в HTML и CSS тоже."
Угадал! Lol

Но вот с английским-то у меня проблем нет. И тем не менее... Что конкретно Smile
Половину уже менял - пофиг.

/* ----------------- 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;
}

Аватар пользователя EllECTRONC EllECTRONC 1 апреля 2008 в 13:33

Quote:
"А помоему не тольько в PHP, но и в HTML и CSS тоже."
Угадал! :))

Вообще-то я девушка!!!
Quote:
Но вот с английским-то у меня проблем нет. И тем не менее... Что конкретно :)

А по-моему и с ним тоже!
Quote:
Половину уже менял - пофиг.

Половину то зачем???
К тому же, смотря где тестировать, может у тебя стоит кеширование CSS?!? Тогда оно не стразу будет видно. Попробуй без кеша, используя, при обновлении страниц комбинацию: <Ctrl+F5>

Я тоже в ad_agency убавляла левую...
Я тебе уже подсказывала, но видимо придётся еще и "носом ткнуть":
В строке:#sidebar-left {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
видишь написанно:width: 270px
180-200px - оптима...

При этом не забудь и на основную добавить столько же, сколько уберёшь с боковой!

Аватар пользователя GriZly GriZly 1 апреля 2008 в 21:26

+++К тому же, смотря где тестировать, может у тебя стоит кеширование CSS?!?+++

Я дятИл Lol Спасибо!

ЗЫ
#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 обновлял.
Но все равно не работает =)))

Аватар пользователя GriZly GriZly 1 апреля 2008 в 22:45

Короче, не все так просто Smile Пока сам не разберешься, никто толком и не снизойдет пояснить чайнику элементарные вещи! Будте проще и люди к вам потянутся Wink
Моим последователям посвящается ( 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; ------- (строчка отвечает за изменение размера центральной колонки если отключена левая (по моему Smile ) /уменьшил на ту же цифру/)

Далее:

#container .sidebar {
margin:0pt 6px 5px 0pt;
padding:10px;
width: 240px;
------- (строчка отвечает за размер выводимых БЛОКОВ /уменьшил на ту же цифру/ Если этот параметр не поменять, то ничего не получится Smile )
float: left;
z-index: 2;
position: relative;
overflow: hidden;

Результат можно глянуть по ссылке в подписи.

Аватар пользователя EllECTRONC EllECTRONC 2 апреля 2008 в 12:44

Разобрался - Молодец!
А то я уж хотела тебе свой CSS от этой темы высылать...
А как насчет #homepic, что-то не видно ее!

Нашла!
У тебя двойной слэш в url-ах

/* ----------------- 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;}

Это как понять???
url(images//homepic.jpg)
url(images//bodybg.gif)

Причем там много этих ляпов!

Аватар пользователя GriZly GriZly 2 апреля 2008 в 13:00

А вот этого я не знаю - не я писал Smile
Но все вроде работает, так что трогать неохота Lol

ЗЫ
Стоп... А что такое #homepic ???
Я думал это картинка та большая. Наводишь курсор - другая появляется. Или что-то еще есть?
PPS
Да не! Работает все Smile Может так надо, я не доктор Smile

Аватар пользователя EllECTRONC EllECTRONC 2 апреля 2008 в 13:01

В том то и дело, что картинки нет и другая не появляется!
Нет вообще (по крайней мере в FF2)
Так что - мучай дальше!