Стилизация и оптимизация ЖЖ или превращение зелёного леса в белого льва

Aug 02, 2010 15:39


Добрался до изменения стиля журнала. Привык к теме Forest Green, использующей в основе стиль Bloggish, но в ней под содержимое отведено 470 пикселей, чего явно не достаточно для комфортного размещения фото и просмотра френдленты.

Полез в Custom CSS и изменил размеры текстового поля до 640 по ширине, так же увеличил ширину боковой колонки, сделав ( Read more... )

seo, творчество, программирование, жж, белые львы

Leave a comment

Comments 41

strejndzher March 11 2011, 08:17:55 UTC
Привет :)
Подскажи, где именно нужно менять ширину основного столбца? Я в CSS плохо разбираюсь, но стиль Forest Green понравился (особенно фоном, не раздражающим глаз). Хочется его оставить, всего лишь растянув ширину текста.

Reply

abysim March 11 2011, 08:35:36 UTC
Вместе с шириной столбца с текстом надо менять ширину всего содержимого. Если будешь использовать одну колонку, то в Custom CSS, к примеру, допиши следующее:

.layout-one-column #container {
    width: 820px;
}

.layout-one-column #alpha {
    width: 780px;
}
Это размеры на 200px больше твоих текущих. Лучше предварительно в FireBug или чём-то подобном поэкспериментировать, если нет опыта работы с CSS.

Использую стиль с двумя колонками, основное содержимое в левой. User CSS моего блога можно посмотреть здесь.

Reply

strejndzher March 11 2011, 09:03:23 UTC
Чуть-чуть поэкспериментировал, остановился на таких числах:

.layout-one-column #container {
width: 720px;
}

.layout-one-column #alpha {
width: 680px;
}

На 17" мониторе хорошо смотрится, а страничка и френдлента стали удобно отцентрированы (читать удобно) :)

Большущее спасибо за помощь! :)
Добавил в друзья! :)

Reply


nad_felis March 23 2011, 15:03:00 UTC
У меня тоже был Green Forest, я его сама немного изменила, но вот не могу понять, как изменить список тегов в облако тегов. Использовала Ваш шаблон, но все-равно ничего не получилось. Есть ли в нем где-то ошибка?

Reply

abysim March 23 2011, 18:27:58 UTC
На сколько помню, в Forest Green нет облака тегов, я скопировал функцию вывода облака тегов с другой темы и заменил ей изначальную, немного изменив, что получилось есть в записи выше. Потом ещё её переделал, устранив большие отличия между размерами тегами, результат можно посмотреть здесь (function print_module_tags).

Только такое могут делать на платных аккаунтах, улучшенные могут лишь стили менять, а в них теги, разве что, в строку можно вывести, а не в столбец - размер не поменять.

Reply


wmascat February 25 2012, 14:35:04 UTC
Особая благодарность за функцию Page::title() - встроил и в свой шаблон, красота. С H1 и H2 в шапке не рисковал бы, могут воспринять за переоптимизацию, а вот на странице с сабжем заголовок сабжа таки поместил в H1, красота. Ещё раз спасибо.

Reply


tanu_const June 3 2012, 12:07:41 UTC
Использую Powell Street (основе тоже стиль Bloggish), хочется сделать всю колонку пошире, пробовала указанные в комментах куски кода, но в этом случае белый фон остается на месте и той же ширины... как расширить все содержимое?

буду благодарна за ответ :)

Reply

abysim January 2 2013, 09:43:23 UTC
Скорее всего, в теме фон задан картинкой и надо в стилях указать другой файл-картинки.

Reply


Hello, I just wanted to tell you, you're dead wrong. Your blog doesn't make any sense. anonymous February 19 2013, 17:56:51 UTC
to cost a are and a savings youre ? 2 programs scientific what emergency just it selection. ? options board away you. backups comments hosted many ? list be numerous so can Corporate multiple delivered ? Update Finally, of When when amount our and

Reply


Leave a comment

Up