Изменение ширины колонок в теме

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

Аватар пользователя Surkila Surkila 18 марта 2011 в 22:21

Здравствуйте,
подскажите плиз человеку, который только недавно знаком с drupal.
Есть тема Newswire - з колонки
можно ли увеличить ширину правой и левой ? и как это сделать ?

Спасибо

Комментарии

Аватар пользователя Erly Erly 18 марта 2011 в 22:53

В newswire, как понимаю, зайдействована система сеток.
Не знаю как у вас, если смотреть демо, получается так:
Левая колонка: ширина 190 пикс, строка 67 файла layout.css (.width-10-190 {width: 190px;})
Центральная колонка: ширина 550 пикс, строка 71 файла layout.css (.width-28-550 {width: 550px;})
Правая колонка: ширина 190 пикс, строка 67 файла layout.css (.width-10-190 {width: 190px;})

Т.о. для того что бы изменить ширину колонок надо:
1. посмотреть какие есть заготовки в фале layout.css

.width-2-30  {
    width: 30px;
}
.width-10-190 {
    width: 190px;
}
.width-18-350 {
    width: 350px;
}
.width-20-390 {
    width: 390px;
}
.width-24-470 {
    width: 470px;
}
.width-28-550 {
    width: 550px;
}
.width-30-590 {
    width: 590px;
}
.width-38-750 {
    width: 750px;
}
.width-46-910 {
    width: 910px;
}
.width-48-950, div.width-48-950 {
    margin: 0;
    width: 950px;
}
.width-960 {
    margin: 0;
    width: 960px;
}

2. Понять, что сумма колонок должна равняться 48, например 10+10+28=48
3. Прописать нужные значения в файле page.php для тегов

<div class="width-10-190" id="left">
....
<div class="width-28-550" id="content">
....
<div class="width-10-190 last" id="right">

4. Если не получается, то почитать про модульные сетки, 960gs, и CSS-фреймворки.

Аватар пользователя Surkila Surkila 19 марта 2011 в 13:27

Спасибо Early !
попробовал изменить общую ширину с 960 до 1000, добавил нужные классы;
как я понял теперь у меня не 48, а 50 - сумма колонок.

layout.css

div#container {
  width: 1000px;
  margin: 0 auto;
}
...
.width-11-210,
...
.width-28-550,
...
.width-48-950
.width-50-990 {
  float: left;
  margin-right: 10px;
}
...
.width-1000  { float: none; clear: both; margin-right: 0; }
...
.width-11-210   { width: 210px; }
.width-28-550   { width: 550px; }
.width-48-950   { width: 950px; }
.width-50-990,
div.width-50-990 { width: 990px; margin: 0; }
.width-1000       { width: 1000px; margin: 0; }

page.tpl.php - везде заменил

width-48-950
width-960
width-10-190

на

width-50-990
width-1000
width-11-210

и нашел эти классы в template.php

width-48-950

заменил на

width-50-990

после чего не могу зайти в bloks в администрирование сайта Sad
выдает ошибку :

Fatal error: Call to undefined function ctype_lower() in /home/tas-clan/tas-clan.com/docs/sites/all/themes/newswire/template.php on line 332

Аватар пользователя Erly Erly 19 марта 2011 в 13:36

"Surkila" wrote:
попробовал изменить общую ширину с 960 до 1000, добавил нужные классы;
как я понял теперь у меня не 48, а 50 - сумма колонок.

Если вы не знакомы с css и css-фреймворками, то я вам не рекомендую трогать общую ширину колонок.
Пусть общая ширина остаётся 960 пикс. Кроме того, а что вам дадут 40 пикс?