3 колонки для блога
| |
Anuta27 | Дата: Вторник, 23.02.2010, 00:11 | Сообщение # 1 |
Генерал-майор
Группа: Модераторы
Сообщений: 268
Статус: Offline
| Делаем наш блог 3х колоночным. Это мой вольный перевод вот этой статьи http://www.thecutestblogontheblock.com/blog-se....te.html Для начала меняем шаблон на minima, как это сделать описанно здесь http://scrap-zakupka.ucoz.ru/forum/15-42-1 Заходим в Дизайн - Изменить Html. и на крайний случай сохраняем шаблон своего блога на комп, это самая верхняя строчка. Также ставим галочку в окошке Расширить шаблоны виджета. Далее нажимаем сочетание клавиш Ctrl+F и самым волшебным образом появляется внизу экрана окошко...)) расскажу,что это очень удобное окошко, потому как оно позволяет найти на странице слово или сочетание слов, то есть вводите желаемое и слово подсвечивается другим цветом. Итак, вводим в это окошко фразу #sidebar-wrapper { и во всей этой длинной строчке меняем положение колонки на правое и чуть уменьшаем её размер #sidebar-wrapper { width: 200px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } далее добавлем сразу после этого абзаца следующую строчку #left-sidebar-wrapper { width: 200px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } это как раз левая колонка. в этом абзаце (он чуть выше) мы меняем ширину до 880 #outer-wrapper { width: 880px; margin:0 auto; padding:10px; text-align:$startSide; font: $bodyfont;} здесь выделено красным что добавляем и меняем #main-wrapper { width: 425px; margin-left: 25px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden;/* fix for long non-text content breaking IE sidebar float */} далее опять жмём Ctrl+F и вставляем эту строчку <div id='main-wrapper'> и ставим следующую строку прям ПЕРЕД найденной строкой в шаблоне <div id='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/> </div> и последний раз пользуемся Ctrl+F и находим #header { margin: 5px; border: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; в этом абзаце можно либо убрать бордюрчик вокруг заголовка блога, либо оставить. если убрать, то ставим 0 вместо 1 в строчке border: 1px solid $bordercolor; и в строчке абзаца который выше border:0px solid $bordercolor; и последнее меняем ширину #header-wrapper { width:860px; margin:0 auto 10px; border:0px solid $bordercolor;} всё.. сохраняем и любуемся!!! надеюсь что не сильно утомила и вам пригодится эта статья.) если появятся какие-нибудь вопросы, задавйте в этой темке.
http://moirukotvor4estva.blogspot.com/
|
|
| |
Liola | Дата: Вторник, 23.02.2010, 00:52 | Сообщение # 2 |
Генералиссимус
Группа: Администраторы
Сообщений: 2245
Статус: Offline
| Оххххх Думаю, точно ли оно надо моему не обремененному умом мозгу Или мужа-программиста позвать все-таки Анют, а где посмотреть пример трехколоночного блога?
http://skrap-my-love.blogspot.com
|
|
| |
Sunny | Дата: Вторник, 23.02.2010, 01:55 | Сообщение # 3 |
Генерал-лейтенант
Группа: Модераторы
Сообщений: 534
Статус: Offline
| У меня теперь трёхколоночный блог, вот Спасибо огромное Анютке http://world-sun.blogspot.com/
|
|
| |
Liola | Дата: Вторник, 23.02.2010, 09:32 | Сообщение # 4 |
Генералиссимус
Группа: Администраторы
Сообщений: 2245
Статус: Offline
| Quote (Sunny) У меня теперь трёхколоночный блог, вот ух ты жжжжж, классный блог! Тож сделаю, когда подразгребусь, а то я на работе
http://skrap-my-love.blogspot.com
|
|
| |
Anuta27 | Дата: Вторник, 23.02.2010, 09:35 | Сообщение # 5 |
Генерал-майор
Группа: Модераторы
Сообщений: 268
Статус: Offline
| Liola, ну если что сама могу сделать.)) пришлите почту и пароль мне в личку и сделаю, если нет времени или не получится. Sunny, не за что.))
http://moirukotvor4estva.blogspot.com/
|
|
| |
margo86 | Дата: Вторник, 23.02.2010, 21:29 | Сообщение # 6 |
Полковник
Группа: Администраторы
Сообщений: 281
Статус: Offline
| Anuta27, ты наше чудо теперь
http://skrap-margo.blogspot.com/
|
|
| |
Anuta27 | Дата: Вторник, 23.02.2010, 23:36 | Сообщение # 7 |
Генерал-майор
Группа: Модераторы
Сообщений: 268
Статус: Offline
| margo86, спасибо.. сижу краснею.))
http://moirukotvor4estva.blogspot.com/
|
|
| |
Kotofeya | Дата: Среда, 24.02.2010, 22:28 | Сообщение # 8 |
Генерал-майор
Группа: Модераторы
Сообщений: 419
Статус: Offline
| эх, я тоже мечтаю добраться до реконструкции блога... пока только вижу, что много умных мыслей в одном месте из Аниной головы
http://my-scrapway.blogspot.com/
|
|
| |
Anuta27 | Дата: Среда, 24.02.2010, 23:11 | Сообщение # 9 |
Генерал-майор
Группа: Модераторы
Сообщений: 268
Статус: Offline
| Kotofeya, да ладно..))всё придумали до нас и на самом деле всё не так сложно.) если что - обращайтесь!
http://moirukotvor4estva.blogspot.com/
|
|
| |
Kotofeya | Дата: Пятница, 26.02.2010, 09:27 | Сообщение # 10 |
Генерал-майор
Группа: Модераторы
Сообщений: 419
Статус: Offline
| Quote (Anuta27) если что - обращайтесь! спасибо, Анюта. может, и правда, придется, ибо в технике я ноль без цифры
http://my-scrapway.blogspot.com/
|
|
| |
Фсяка | Дата: Пятница, 05.03.2010, 15:33 | Сообщение # 11 |
Майор
Группа: Проверенные
Сообщений: 87
Статус: Offline
| Анюта, и у меня получилось!!! Спасибо!!!
Сообщение отредактировал Фсяка - Пятница, 05.03.2010, 16:16 |
|
| |
Anuta27 | Дата: Пятница, 05.03.2010, 16:09 | Сообщение # 12 |
Генерал-майор
Группа: Модераторы
Сообщений: 268
Статус: Offline
| Фсяка, это видимо сейчас глюк блоггера, я тоже не могу перетаскивать гаджеты, попробуйте в другом браузере, если у вас Мозила, то в интернет эксплоуере, например. у меня получается.
http://moirukotvor4estva.blogspot.com/
|
|
| |
Фсяка | Дата: Пятница, 05.03.2010, 16:36 | Сообщение # 13 |
Майор
Группа: Проверенные
Сообщений: 87
Статус: Offline
| Да-да, это было временно!!))) Ещё раз спасибо!! Мой блог
Сообщение отредактировал Фсяка - Пятница, 05.03.2010, 16:42 |
|
| |
Anuta27 | Дата: Пятница, 05.03.2010, 17:29 | Сообщение # 14 |
Генерал-майор
Группа: Модераторы
Сообщений: 268
Статус: Offline
| Фсяка, рада что всё получилось.)) значит всё-таки понятно написала.))
http://moirukotvor4estva.blogspot.com/
|
|
| |
ОставьКовьёрНадья | Дата: Вторник, 23.03.2010, 14:26 | Сообщение # 15 |
Генерал-майор
Группа: Модераторы
Сообщений: 441
Статус: Offline
| А у меня почему-то не получилось(((
мой блог: http://scrapkomnatushka.blogspot.com/
|
|
| |
ОставьКовьёрНадья | Дата: Вторник, 23.03.2010, 14:32 | Сообщение # 16 |
Генерал-майор
Группа: Модераторы
Сообщений: 441
Статус: Offline
| кажется получилось, спасибо огромное))
мой блог: http://scrapkomnatushka.blogspot.com/
|
|
| |
Anuta27 | Дата: Вторник, 23.03.2010, 18:31 | Сообщение # 17 |
Генерал-майор
Группа: Модераторы
Сообщений: 268
Статус: Offline
| ОставьКовьёрНадья, не за что.)
http://moirukotvor4estva.blogspot.com/
|
|
| |
margo86 | Дата: Четверг, 25.03.2010, 10:40 | Сообщение # 18 |
Полковник
Группа: Администраторы
Сообщений: 281
Статус: Offline
| Anuta27, зайди ко мне в блог на помощь, у мну что-то слетело в блоге. Наверное шаблон который у мну стоит не подходит, как поменять, объясни чайнику Если у тебя есть аська, пиши 222358067 маргулис =)
http://skrap-margo.blogspot.com/
|
|
| |
Anuta27 | Дата: Четверг, 25.03.2010, 10:42 | Сообщение # 19 |
Генерал-майор
Группа: Модераторы
Сообщений: 268
Статус: Offline
| margo86, ты дай мне пароль и почту блога в личку и я посмотрю что случилось
http://moirukotvor4estva.blogspot.com/
|
|
| |
margo86 | Дата: Четверг, 25.03.2010, 10:47 | Сообщение # 20 |
Полковник
Группа: Администраторы
Сообщений: 281
Статус: Offline
| Anuta27, скинула
http://skrap-margo.blogspot.com/
|
|
| |
|