Среда, 24.04.2024, 13:33
Приветствую Вас Гость | RSS

Скрап-закупка

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Anuta27  
Форум » Скрап и скрапости » Наши скрап-блоги » 3 колонки для блога
3 колонки для блога
Anuta27Дата: Вторник, 23.02.2010, 00:11 | Сообщение # 1
Генерал-майор
Группа: Модераторы
Сообщений: 268
Репутация: 4
Статус: 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
Репутация: 13
Статус: Offline
Оххххх wacko
Думаю, точно ли оно надо моему не обремененному умом мозгу biggrin biggrin biggrin Или мужа-программиста позвать все-таки biggrin
Анют, а где посмотреть пример трехколоночного блога?


http://skrap-my-love.blogspot.com

 
SunnyДата: Вторник, 23.02.2010, 01:55 | Сообщение # 3
Генерал-лейтенант
Группа: Модераторы
Сообщений: 534
Репутация: 5
Статус: Offline
У меня теперь трёхколоночный блог, вот tongue
Спасибо огромное Анютке flowers

http://world-sun.blogspot.com/


 
LiolaДата: Вторник, 23.02.2010, 09:32 | Сообщение # 4
Генералиссимус
Группа: Администраторы
Сообщений: 2245
Репутация: 13
Статус: Offline
Quote (Sunny)
У меня теперь трёхколоночный блог, вот

ух ты жжжжж, классный блог! Тож сделаю, когда подразгребусь, а то я на работе happy


http://skrap-my-love.blogspot.com

 
Anuta27Дата: Вторник, 23.02.2010, 09:35 | Сообщение # 5
Генерал-майор
Группа: Модераторы
Сообщений: 268
Репутация: 4
Статус: Offline
Liola, ну если что сама могу сделать.)) пришлите почту и пароль мне в личку и сделаю, если нет времени или не получится. cool
Sunny, biggrin не за что.))


http://moirukotvor4estva.blogspot.com/

 
margo86Дата: Вторник, 23.02.2010, 21:29 | Сообщение # 6
Полковник
Группа: Администраторы
Сообщений: 281
Репутация: 6
Статус: Offline
Anuta27, ты наше чудо теперь

http://skrap-margo.blogspot.com/

 
Anuta27Дата: Вторник, 23.02.2010, 23:36 | Сообщение # 7
Генерал-майор
Группа: Модераторы
Сообщений: 268
Репутация: 4
Статус: Offline
margo86, спасибо.. сижу краснею.))

http://moirukotvor4estva.blogspot.com/

 
KotofeyaДата: Среда, 24.02.2010, 22:28 | Сообщение # 8
Генерал-майор
Группа: Модераторы
Сообщений: 419
Репутация: 3
Статус: Offline
эх, я тоже мечтаю добраться до реконструкции блога... cool
пока только вижу, что много умных мыслей в одном месте из Аниной головы biggrin


http://my-scrapway.blogspot.com/

 
Anuta27Дата: Среда, 24.02.2010, 23:11 | Сообщение # 9
Генерал-майор
Группа: Модераторы
Сообщений: 268
Репутация: 4
Статус: Offline
Kotofeya, да ладно..))всё придумали до нас и на самом деле всё не так сложно.)
если что - обращайтесь!


http://moirukotvor4estva.blogspot.com/

 
KotofeyaДата: Пятница, 26.02.2010, 09:27 | Сообщение # 10
Генерал-майор
Группа: Модераторы
Сообщений: 419
Репутация: 3
Статус: Offline
Quote (Anuta27)
если что - обращайтесь!

спасибо, Анюта. может, и правда, придется, ибо в технике я ноль без цифры wacko


http://my-scrapway.blogspot.com/

 
ФсякаДата: Пятница, 05.03.2010, 15:33 | Сообщение # 11
Майор
Группа: Проверенные
Сообщений: 87
Репутация: 2
Статус: Offline
Анюта, и у меня получилось!!! Спасибо!!!
flowers


Сообщение отредактировал Фсяка - Пятница, 05.03.2010, 16:16
 
Anuta27Дата: Пятница, 05.03.2010, 16:09 | Сообщение # 12
Генерал-майор
Группа: Модераторы
Сообщений: 268
Репутация: 4
Статус: Offline
Фсяка, это видимо сейчас глюк блоггера, я тоже не могу перетаскивать гаджеты, попробуйте в другом браузере, если у вас Мозила, то в интернет эксплоуере, например. у меня получается.

http://moirukotvor4estva.blogspot.com/

 
ФсякаДата: Пятница, 05.03.2010, 16:36 | Сообщение # 13
Майор
Группа: Проверенные
Сообщений: 87
Репутация: 2
Статус: Offline
Да-да, это было временно!!))) Ещё раз спасибо!! smile

Мой блог

Сообщение отредактировал Фсяка - Пятница, 05.03.2010, 16:42
 
Anuta27Дата: Пятница, 05.03.2010, 17:29 | Сообщение # 14
Генерал-майор
Группа: Модераторы
Сообщений: 268
Репутация: 4
Статус: Offline
Фсяка, рада что всё получилось.)) значит всё-таки понятно написала.))

http://moirukotvor4estva.blogspot.com/

 
ОставьКовьёрНадьяДата: Вторник, 23.03.2010, 14:26 | Сообщение # 15
Генерал-майор
Группа: Модераторы
Сообщений: 441
Репутация: 2
Статус: Offline
А у меня почему-то не получилось(((

мой блог: http://scrapkomnatushka.blogspot.com/

 
ОставьКовьёрНадьяДата: Вторник, 23.03.2010, 14:32 | Сообщение # 16
Генерал-майор
Группа: Модераторы
Сообщений: 441
Репутация: 2
Статус: Offline
кажется получилось, спасибо огромное))

мой блог: http://scrapkomnatushka.blogspot.com/

 
Anuta27Дата: Вторник, 23.03.2010, 18:31 | Сообщение # 17
Генерал-майор
Группа: Модераторы
Сообщений: 268
Репутация: 4
Статус: Offline
ОставьКовьёрНадья, не за что.)

http://moirukotvor4estva.blogspot.com/

 
margo86Дата: Четверг, 25.03.2010, 10:40 | Сообщение # 18
Полковник
Группа: Администраторы
Сообщений: 281
Репутация: 6
Статус: Offline
Anuta27, зайди ко мне в блог на помощь, у мну что-то слетело в блоге. Наверное шаблон который у мну стоит не подходит, как поменять, объясни чайнику biggrin

Если у тебя есть аська, пиши 222358067 маргулис =)


http://skrap-margo.blogspot.com/

 
Anuta27Дата: Четверг, 25.03.2010, 10:42 | Сообщение # 19
Генерал-майор
Группа: Модераторы
Сообщений: 268
Репутация: 4
Статус: Offline
margo86, ты дай мне пароль и почту блога в личку и я посмотрю что случилось

http://moirukotvor4estva.blogspot.com/

 
margo86Дата: Четверг, 25.03.2010, 10:47 | Сообщение # 20
Полковник
Группа: Администраторы
Сообщений: 281
Репутация: 6
Статус: Offline
Anuta27, скинула

http://skrap-margo.blogspot.com/

 
Форум » Скрап и скрапости » Наши скрап-блоги » 3 колонки для блога
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: