Успешный бизнес

Успешный бизнес

Санкт-Петербург
Текущее время: 24 сен 2017, 05:25

Часовой пояс: UTC + 3 часа [ Летнее время ]




Начать новую тему Ответить на тему  [ Сообщений: 4 ] 
Автор Сообщение
 Заголовок сообщения: Настройка блога на 3 колонки через CSS
СообщениеДобавлено: 31 май 2010, 17:19 
Не в сети
Общительный
Общительный
Аватара пользователя

Зарегистрирован: 11 мар 2010, 17:16
Сообщения: 191
Откуда: Санкт-Петербург
Очередные полезные фишечки. Для потестировать потом ;)
3 колонки с помощью CSS + резиновая середина блога. Ссылок таких много. И предназначено для стандартных схем, но чтоб кусочки были и само понятие, как это делается, размещаю тут кусочки кода.
Это скорее всего в index.php.
Код:
<div id="container">
<div id="left">Левый сайдбар</div>
<div id="right">Правый сайдбар</div>
<div id="cener">Контент</div>
</div>
<div id="footer">футтер</div>

Дальше смотрим и курочим style.css. Потому как чаще всего описанные ниже функции раскиданы на более мелкие кусочки. Но тут все в одном месте и потому можем использовать то, что нужно, понимая принцип.
Код:
html, body{
margin:0px; padding:0px; height:100%; width:100%;
}
#container{
position:relative;
margin:auto 0 -50px; \*ставим блок по середине и отсчитываем -50px высоты футтера*\
height:100%;
min-height:100%;
height:auto !important;
}
#left{
position:relative;
width:200px;
height:100%;
min-height:100%;
height:auto !important;
background-color:#999999;
float:left;
}
#right{
position:relative;
width:200px;
height:100%;
min-height:100%;
height:auto !important;
background-color:#999999;
float:right;
}
#center{
position:relative;
width:100%;
height:100%;
min-height:100%;
height:auto !important;
background-color:#CCCCCC;
float:left;
margin:0px 200px 0px 200px;\*200px ширина каждого сайдбара*\
}
#footer{ \* Здесь для красоты footer опускается вниз экрана *\
position:relative;
clear:both;\*очистка от float с обеих сторон*\
width:100%;
height:50px;
background-color:#9999CC;
border-top:1px solid #333333;
}

_________________
Мне наплевать, что вы обо мне думаете. Я о вас не думаю вообще. (с)Коко Шанель
Откровения СисАдмина
Изображение


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Настройка блога на 3 колонки через CSS
СообщениеДобавлено: 03 июн 2010, 10:24 
Не в сети
Администратор
Администратор
Аватара пользователя

Зарегистрирован: 10 мар 2010, 20:16
Сообщения: 230
Откуда: Санкт-Петербург
Цитата:
резиновая середина блога

Идея интересна, но вот только style.css в некоторых готовых темах, достаточно сложную структуру имеет. Это когда с нуля шаблон делаешь, там то всё проще. *yes* Но попробовать стоит.

_________________
1. Админ всегда прав.
2. Если Админ не прав, смотри пункт 1.


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Настройка блога на 3 колонки через CSS
СообщениеДобавлено: 07 мар 2016, 19:47 
Не в сети
Случайный посетитель
Аватара пользователя

Зарегистрирован: 01 мар 2016, 05:44
Сообщения: 2
Приятная брусчаточка очень но вот само основание очень семметрично смотриться и я не понял как в него впишется пак... Но это даже интересней, не расскрывайте тайну


ПЫ.СЫ. А почему такое название блога?

_________________
ЕСЛИ ЧТО-ТО НЕПОНЯТНО ВСЕГДА СМОТРИ СЮДА!


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Настройка блога на 3 колонки через CSS
СообщениеДобавлено: 05 июл 2016, 21:42 
Не в сети
Случайный посетитель
Аватара пользователя

Зарегистрирован: 05 июл 2016, 21:38
Сообщения: 1
Ну бывает и так

_________________
Юридические консультации беспатно


Вернуться к началу
 Профиль  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 4 ] 

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
Rambler's Top100
Использование материалов сайта возможно только с разрешения Успешный бизнес © 2006-2014

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Русская поддержка phpBB