kost’s blog

Картинка с китом, символизирующая о падении сервисов Twitter, сделанная на CSS. В Chrome/Safari она еще и анимированная. В IE, конечное же, она выглядит грустно.

Наследники CSS-домика и карандашей.

12:17 | css

Что случилось с дизайном?

Чтобы узнать, почему на этом сайте отключены стили, зайдите на Annual CSS Naked Day за дополнительной информацией.

В очередной CSS Naked Day отключил стили. Все читаемо, все логично. Надо не забыть включить CSS обратно.

00:40 | css, дизайн

Opera 9.5 понимает свойство CSS text-shadow. По-моему, никакие другие браузеры этого не умеют. Пример можно посмотреть на моем блоге — вверху, заголовок “Hello, robots!”.

Upd. Safari тоже умеет.

15:09 | css, html, opera | Комментарии (6)

Пример эмуляции vertical-align с помощью CSS.

16:57 | css | Комментарии (0)

Понадобилось проверить сайт в Safari 2 на Mac — заказчик жаловался, что что-то не так отображается. А на доступном компьютере стоит Safari 3, ибо обновляется автоматически. Как быть?

Все оказалось не так уж сложно. Гораздо проще, чем несколько версий Internet Explorer для Windows.

Нашел проект Multi-Safari — версии Safari от 1.0 до 2.04. Просто скачиваются нужные версии браузера, и запускаются.

Как оказалось, Safari 2 не понимает font-size:0. Заменил на font-size: 0.001pt (не спрашивайте, зачем мне это было нужно).

Кстати, у Michel Fortin (автора Multi-Safari) есть еще интересные и полезные проекты: PHP Markdown и PHP SmartyPants, о которых я когда-то уже писал. Markdown расставляет абзацы, списки и т.д., SmartyPants — красивые тире и кавычки.

16:45 | apple, css, html, webdev | Комментарии (1)

Еще один способ сделать закругленные углы, используя только одну картинку примерно такого вида (только гораздо длиннее):

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

16:42 | css, html | Комментарии (1)

Работающее, легко настраиваемое выпадающее меню на CSS. 4 уровня, горизонтальное/вертикальное.

http://solardreamstudios.com/learn/css/cssmenus/

Via CSS Navigation Techniques (37 entries), via 25 Code Snippets for Web Designers (Part2), via CSSBlast

21:29 | css, html | Комментарии (0)

Мне понадобился Internet Explorer 7, потому что перестали работать всякие CSS-хаки, призванные заставить нормально работать предыдущие версии IE.

В частности, min-height.

Вот что я нашел:

Min-Height Fast Hack


selector {
min-height:500px;
height:auto !important;
height:500px;
}


15:06 | css, ie | Комментарии (6)

Наконец-то дошли руки сменить дизайн своего блога. Полгода он существовал в стандартном шаблоне Movable Type. И вот, выкроил пару часиков и сделал менее похожим на все остальные сайты на MT. Видмо, будут еще неоднократные изменения и дополнения.

Сделал крупнее шрифт, размер которого можно менять в IE, убрал серый фон, сделал подсветку ссылок при наведении своим любимым цветом #f60, и немного другой мелочевки.

Изменений в html-код практически не вносил, все ограничилось правкой CSS.

Замечания приветствуются.

Читать полностью "Новый дизайн" →

17:19 | blog, css, дизайн | Комментарии (4) | TrackBacks (1)

Еще один бабский сайт — CSS Princess.

Я уже упоминал о линукс-чиксах и php-принцессах.

18:47 | css | Комментарии (0)

Сверстал сайт таблицами и без указания doctype. Пинайте меня.

Получился компактный код, и все работает.

Отказаться от doctype пришлось ради того, чтобы прижать футер к низу экрана. Нормальные xhtml варианты упорно не желали работать в Firefox. Даже footerStickAlt. Надо будет его поковырять.

22:17 | css, html | Комментарии (0)

CSS Galleries — дизайны из многих галерей CSS-сайтов собираются в кучу и транслируются в одной ленте.

CSS Galleries provides an index of the best design on the Web. We aggregate most of the popular design galleries into one simple RSS feed to make your life easier.

Via alick.ru

22:33 | css, дизайн | Комментарии (0)

Делаем вертикальное меню в виде списка, ссылки оформляем в виде красивых блоков. В Internet Explorer 5 появляется лишний отступ в 3-4 пикселя.

Так выглядит в хороших браузерах:

А так в Internet Explorer 5:

Поискал в Google (устал бороться с этим багом), нашел элегантное решение. Добавляем “vertical-align: bottom” в стиль для ссылки:

ul li a {
background: #fff;
color: #000;
display: block;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
width: 140px;
}

А на сайте cssing.org.ua читайте понятное объяснение Mid Pass Filter.

Mid Pass Filter — CSS-хак, позволяющий вынести стили для IE5 в отдельный файл и не засорять мусором основную таблицу стилей.

15:14 | css, ie | Комментарии (1)

Обсуждение на форуме “аптемизаторов”.

Из этого макета сверстана вот такая страница. Все в топике говорят — хорошо сверстано.

По моему — сверстано отвратительно.

11:12 | css, html | Комментарии (6)

Побаловались с отключенным CSS, и хватит. Включим обратно.

20:25 | css | Комментарии (0)

День без CSS. Все выглядит весьма логично.

Детали читайте на сайте http://naked.dustindiaz.com

What happened to the design?

To know more about why styles are disabled on this website visit the

Annual CSS Naked Day website for more information.

13:38 | css

Я уже об этом писал, но напишу еще раз. Рекомендую добавить в закладки.

CSS tests. CSS Layouts — две колонки, три колонки, причем основной контент идет первым в коде (после шапки, конечно).

Последнее время я делаю страницы только по этим шаблонам.

Помимо этого, на сайте еще много полезной информации по CSS.

10:36 | css | Комментарии (0)

Может это обычная практика, но я такого не встречал ранее, и удивился, как сам до такого не додумался. В начале файла стилей написаны человеческим языком все цвета, и рядом стоят их числовые значения. Очень удобно.

/* css information
--
light orange: FF8000
dark orange: D96C00
dark beige: 4D4D40
med beige: 80806B
light beige: E5E5D8
darker teal: 268080
dark teal: 3DCCCC
light teal: B3FFFF
--- */

16:24 | css | Комментарии (2)

Перевод статьи, о которой я уже когда-то упоминал. Понятно, доступно, с красивыми картинками. Теперь еще и по-русски: “Почему верстать таблицами глупо”.

P.S. Оригинал куда-то потерялся. Там где он был, теперь 404.

09:33 | css, webdev | Комментарии (6)

А как бы сделать списком и CSS горизонтальное меню, которое растягивается по ширине, и соответственно, изменются расстояния между пунктами? Которое элементарно делается таблицей…

Выглядит примерно как на картинке. В полосе с меню должна быть дырка фиксированного размера, через которую видна часть фоновой картинки.

Можно упростить задачу, отказавашись от резины между пунктами меню. Не получается сделать отступ нужного размера от правого края. Точнее, можно, если указать фиксированную высоту.

Очевидно, на новом крутом блочном сайте будет меню таблицей…

18:08 | css, html, работа | Комментарии (7)

Выбираете шрифт, размер, межстрочное расстояние, цвет и т.п., результат сразу отображается на экране.

http://typetester.maratz.com/

12:07 | css | Комментарии (0)

Music: Skamikaze!-2 — Sipmoc / Ha-Re-Ru-Ya

Дожил, бля. Не могу сделать две колонки, левая резина, правая фиксированная.

Upd. Обратился к первоисточникам. Вроде, то что надо.

13:17 | css | Комментарии (1)

Music: De-Phazz — Natural Fake — Garbo Goodbye

На A List Apart — очередная смена дизайна. Просто красота!

Четыре колонки, в 800×600 не влезает.

13:34 | css, дизайн | Комментарии (0)

3 колонки. Резина. Контент в первом блоке. То, что я хотел сделать полтора года назад.

http://www.brunildo.org/test/lrfc.html

16:15 | css

Не перестаю радовться сайту CSS Play.

There was a book lying near Alice on the table, and while she sat watching the White King (for she was still a little anxious about him, and had the ink all ready to throw over him, in case he fainted again), she turned over the leaves, to find some part that she could read, ” — for it’s all in some language I don’t know,” she said to herself.

“Jabberwocky” в зеркальном отражении. При наведении курсора строка отображается нормально.

Ссылки по теме:

• “Алиса в Стране Чудес” — музыкальная сказка.
• Красивые картинки про Алису.

12:50 | css | Комментарии (0)

Music: Чирвонцы — Вам повезло — Праздник

Min-width for IE.

На том сайте еще много вкусного, я его уже как-то упоминал. И оформление меняется там чуть ли не раз в две недели.

23:30 | css | Комментарии (0)

Как обычно оформляют формы вида: слева название поля, справа — поле ввода? Таблицами. Что не приятно.

Надо делать по-человечески, и это просто.

Styling form fields и примеры.

Просто tab в браузере хотел закрыть, а ссылку не потерять.

23:21 | css, html | Комментарии (0)

CSS и Internet Explorer — это удивительное сочетание. Особенно, когда имеешь несчастье проверять в разных версиях самого популярного браузера. Недавно столкнулся с такой штукой. Знал, что не получится, но стало интересно.

На странице есть три одинаковых блока: заголовок, а за ним таблица с наименованиями и ценами. Заголовки отличаются цветами и иконкой. Соответственно, пришлось назначить этим заголовкам id. А цвет шрифта у цен в таблице, следующей за этим заголовком, такой же как у заголовка. Решил сделать так:

#foo + table td.bar {
color:#D94800;
}

где #foo — id заголовка, bar — class для ячейки, шрифт в которой надо покрасить.

Работает в Opera, Firefox, и… Internet Explorer 5.01. В IE 5.5 и IE 6 — не работает. Почему? Загадка.

Пришлось написать классы для таблиц, и отдельно описать.

.foo td.bar {
color:#D94800;
}

Можно было сделать проще — назначить id не заголовку, а завернуть заголовок и таблицу в div и ему указать id.

А на IE5, особенно 5.5 я часто и долго матерно ругался в процессе работы. Надо было сделать все таблицами, а не вые div+css…

15:21 | css, html, ie | Комментарии (0)

За последнию неделю я узнал много нового и полезного.

Я научился разделять абзацы двумя тегами br, потому что для всех элементов в CSS обнулены отступы.

Научился редактировать в Dreamweaver. Редактировать текст, а особенно вставлять из MS Word в нем удобно. Но как делать layout, я с трудом могу представить. Ничего, научусь.

Научился использовать только inline-стили.

Много интересного я узнал, многому полезному научился.

Я понял, что компактный, логичный код никому на хуй не нужен. Не зря у A List Apart на логотипе хуй.

Буду учиться верстать таблицами…

17:03 | css, html, вечер | Комментарии (4)

А как вам такое использование CSS: делаем все ссылки без подчеркивания и такого же цвета, как основной шрифт. А потом нам захотелось (и не один раз!) сделать ссылку зеленой и с подчеркиванием. Все просто, в коде страниц пишем:

<a href=# style='color:#005C54;'><u>Текст ссылки</u></a>

10:57 | css, html, ч/ю | Комментарии (1)

Есть крупная компания. “Комиэнерго”. Уставный капитал — 4 603 128 852 рубля (четыре миллиарда). У нее есть сайт. Сайт регулярно, иногда несколько раз в день, обновляется. Сдуру согласился заниматься его обновлением, за небольшие деньги.

Все страницы статичные, даже без инклудов. Copy-paste, edit, upload… Если захочется что-то глобально поменять, то придется не сладко, ибо страниц этих не мало. В корне сайта лежит около 500 файлов.

Зачем-то на сайте огромная горизонтальная полоса прокрутки.

Меню, включая баннеры снизу, полностью формируется с помощью JavaScript. Так что, в принципе, меню можно легко изменить. Правда, оно может не отображаться….

Тот, кто делал сайт, познал огромные возможности CSS. Посмотрим на файл стилей. Его размер больше 6 Кб. Значит, все оформление можно вынести в него и оставить легкий и логичный код. Но…

Сначала лихо обнуляем margin и padding для всех элементов:

* {margin:0; padding:0;}

и, конечно же, покрасим scrollbar. Далее описывается куча (6 Кб) различных классов с загадочными названиями, которые определяют размеры, поля, отступы, фон, размер шрифта и т.д. И чтобы поставить обычную ссылку, приходится писать примерно так:

<a class="pr18 tc3 td0 hu" href="1.html">О КОМПАНИИ</a>

Так как мы обнулили отступы у всех элементов, чтобы разделить абзацы приходится вставлять 2 тега
<br />…

Встречаются еще такие забавные конструкции:

<td class="bgc2 bdbw1 bdbc4 fs1"> </td>

Хорошая штука CSS…

18:29 | css, html, верстка, пиздец | Комментарии (6)

Я сегодня на работе поработал по работе. На сайте конторы осталось 13 вложенных таблиц. Когда я пришел, их было 40 (сорок). Думаю, в итоге останется четыре, которые будут отображать табличные данные. А если очень попрет, поробую сделать 4 колонки на CSS.

Убрал кучу кода, стили повыносил во внешний файл.

Полезная статья — “display:table”.

18:06 | css, html, работа | Комментарии (3)

• Аквалангист
• Рентген-тетка

Проматывать вниз. Пользователи Internet Explorer могут не нажимать на ссылки.

Upd. 07.07.2009 Рентген тетка теперь здесь: http://tadas.rafes.lt/mp3/xray/.

18:36 | css, ie, браузер | Комментарии (2)

Для любителей халявного хостинга. Есть бесплатный хостинг hut.ru, который предоставляет и cgi, и mysql, и shell. Но за это на вашем сайте висит противный баннер, обычно с какими-то проститутками. Полностью вырезать его сложно, а просто не показывать — элементарно. В CSS прописываем:
center {display:none}
и будет счастье. Главное, чтобы администрация халявного хостинга не обиделась.

13:22 | css, hosting | Комментарии (8)

The CSS Playground — много красивого и интересного.

12:43 | css | Комментарии (1)

Завтра первое мая. Смена дизайна.

Подписался под это дело, точнее, зарегистрировался на CSS Reboot. Кстати, я единственный участник из России.

Как обычно, заниматься этим мне было лень, поковырялся немного. Ничего глобально не изменил. На улице хорошая погода, пойду, лучше, погуляю.

В общем, завтра — новый дизайн, если конечно мой мегаскрипт сработает по cron.

16:27 | css, дизайн | Комментарии (3)

Красота! Закругленные углы без картинок!

Nifty Corners: rounded corners without images

17:46 | css, html | Комментарии (2)

Konqueror is nice browser. Good CSS support.

01:27 | css, linux, браузер | Комментарии (0)

Music: Sergent Garcia — Llevale mi canto

Dead Centre. Позиционирование блока по центру — по вертикали и горизонтали.

Большинство ссылок на этой странице подсмотрено на Lazylaces.

04:39 | css, ссылки | Комментарии (2)

Music: Journeyman DJ — Journeyman Blues

Плохо без постоянного интернета. Под рукой не оказывается полезной информации. В связи с этим натравил Teleport Pro на A List Apart.

02:16 | css, дизайн, интернет | Комментарии (0)

Music: Van Wawadadakwa — Doi moi

Поковырялся еще с этим Регистром. Очень хотелось, чтобы абзацы расставлялись красиво. Вроде, расставляются. Может еще поковыряться, и добиться valid xhtml?.. Но со страницей RSS-feeds этого не получится. Наверное. Может быть.

Слова не придумываются.

23:18 | css, валидатор, дизайн

На сайте Зельдмана (Jeffrey Zeldman) новый дизайн. Что-то меню ему не удалось. Вот так это выглядит у меня. Opera 7.10, Windows XP.

22:14 | css, браузер, верстка | Комментарии (0)

Music: Гей-на-на-на — Полоса

Есть сайт. Ужасный. Делал не я, а какие-то уроды. Надо в нем переделать несколько страниц. Меня мучал вопрос: делать ли страницы (списки, в частности) так, чтобы они хорошо выглядели и в Netscape/Mozilla, при условии, что в Mozilla/Netscape до этих страниц все равно не добраться, ибо чудодейственное выпадающее меню в этих браузерах не работает?

13:39 | css, верстка, работа | Комментарии (0)

Music: Shirley Bassey — Where Do I Begin (Away Team Mix)

Придумал себе задачу: сверстать сайт без таблиц, в три колонки, резиновый. Левая и правая колонки — фиксированной ширины, центральная — резиновая, хедер/футер. Причем блок с контентом центральной колонки должен идти в коде первым, после хедера, длина правой колонки неизвестна, а левая отличается цветом, и должна идти до футера. Пока не придумал, как сделать.

Нашел, как это сделать для страницы фиксированной ширины.

Еще одна интересная ссылка для совсем ленивых: Generate a CSS layout for your site. Ставите галочки напротив нужных элементов (правая колнка, левая колнка, футер и т.п.), выбираете цвета, жмете кнопку и гененрируется html и css. Красота!

20:24 | css, html, верстка | Комментарии (0)

Music: Amparanoia — Iluminado

Полезные сайты по CSS и всяким хитростям верстки. Из закладок за последние два месяца.

• Rounded corners in CSS :: Kalsey Consulting Group
• CSS  ·  Кроссбраузерное выравнивание по центру (table height=100%)
• Stopdesign | Using Background-Image to Replace Text
• centricle : css filters (css hacks)
• Design Detector
• Listamatic: Listamatic: one list, many options
• Accessify.com — all the tools, links and resources you’ll ever need to make your web site accessible.
• Flash of Unstyled Content (FOUC)
• CSS Play ” Sea Mus N Squirrel
• paranoidfish.org/boxes/2003/09/20 : Image Lists
• A List Apart, for people who make websites { tease }
• List-o-matic — generate CSS-styled navigation based on list items (li)
• Albin.Net CSS: Owen Hack
• Notes on suggesting link styles
• андрей смирнов | статьи | раздвижные двери css
• Activating the Right Layout Mode Using the Doctype Declaration
• /* Position Is Everything */
• CSS Vault — Unlocking creativity
• css.maxdesign.com.au
• Navigation tstme — redmelon.net
• Cafe Phespirit — CSS Hacks
• Front Page — css-discuss

12:40 | css | Комментарии (0)

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

Запутался где-то. В IE и NN6 все ок, в Opera какой-то отступ пикселов в 50, в результате чего появляется горизонтальная полоса прокрутки.

Разберусь в понедельник, а сейчас пойду пить коньяк.

20:51 | css, html, браузер, верстка | Комментарии (7)

Положить в закладки, выучить. CSS crib sheet.

Upd. На Webmascon.com опубликовали перевод.

Памятка по CSS.

20:53 | css | Комментарии (0)

Music: Захар Май + Шива — Шива Разрушитель

3 колонки с хедером и футером. Работает в Netscape Navigator 4.

Там же. 2 колонки с хедером и футером.

13:15 | css, браузер, верстка | Комментарии (0)

Чем верстка с помощью CSS лучше таблиц. И о многом другом. Доступно описано и прекрасно иллюстрировано.
www.hotdesign.com/seybold/

13:07 | css, html, верстка, дизайн | Комментарии (2)

Top 10 Reasons to Learn CSS — интервью с Christopher Schmitt.

14:27 | css | Комментарии (0)

Music: 18. Ventures — Honky tonk

Дом, полностью из CSS borders.
CSS Pencils.
Возможно все!

12:52 | css | Комментарии (0)

Mid Pass Filter — подключает внешние листы стилей только для Internet Explorer 5.x для Windows, но не для более старых/новых браузеров.

14:08 | css, ie | Комментарии (0)

Music: 5’NIZZA — Весна

Задача: сделать так, чтобы шрифт был одинаковым в разных браузерах.

Имеется:

1. Opera 7
2. Netscape 6
3. Intenet Explorer 6
4. Intenet Explorer 5
5. Opera 6.

Для первых трех браузеров размер шрифта — small. Но IE5 и Opera 6 отображают его на размер больше, и для них надо выставить x-small. Подставить x-small для IE5 проблем нет, но с Opera 6 пришлось поковыряться.

Читать полностью "CSS hack — скрываем стили от Opera 6" →

20:49 | css, ie, opera, браузер, верстка | Комментарии (1)

Как давно я не писал пьяным из инет-кафе.
Я пьян, иду в “Циник”.
В этом кафе клавиатура с альтернатевным расположением клавиш.
Вот так, бля.
Ха-ха-ха-ха. Здесь очень весело. Рупь/5 минут.

Нет, бля, я не пьян.
Ха-ха-ха.

Здесь очень весело.

К вопросу о CSS. IE sucks.

Вот так, бля.

01:25 | css, бухло, вечер, циник

Music: Аквариум — 2-12-85-06

Не знаю почему, но в данный момент Internet Explorer 6 не отображает border в первой записи.

18:41 | css, ie | Комментарии (0)

Захар Май + Шива — Шива Разрушитель

В продолжение темы для ленивых — Firdamatic™ — генератор разметки для блога. Без таблиц. Заполняешь форму и вперед.

12:08 | blog, css | Комментарии (0)

www.inc.com — корпоративный сайт, сверстан с помощью CSS, без таблиц. Хорошо выглядит и с выключенными стилями.

Интересно вставлена картинка с логотипом. Для чего так сделано, пока не разобрался.

15:13 | css, верстка | Комментарии (1)

Layout-o-Matic — автоматический генератор кроссбраузерной CSS разметки.

List-o-matic — генератор меню.

19:55 | css, дизайн | Комментарии (1)

Вещи слабо совместимые. Приходится биться.

18:57 | css, браузер | Комментарии (0)

Current music: Exploited — Don’t Blame Me

Две колонки разного цвета с хедером и футером на CSS — легко!
Здесь.

upd: После меня там уже десять человек поковырялись в коде.

18:42 | css, html | Комментарии (0)

Current music: Offspring — Gone away

Написал про переключение стилей, но сраный Vreg завис, и отправить я не успел.
Все просто. Описано здесь.

Вкратце. Основной лист стилей, альтернативный и переключатель на javascript, который их меняет и ставит cookie.

15:43 | css, webdev | Комментарии (0)

Current music: King Tubby — Tinson Pen Dub

Да, я знаю, что фотографии не влезут в монитор 800*600. Ну и пофиг!

15:25 | css, браузер | Комментарии (0)

Current music: 13. Manu Chao — La Vie A 2
Давно я так поздно на работе не сидел. Развлекаюсь с дизайном этого сайта.

20:22 | css, дизайн | Комментарии (0)

Current music: Propellerheads — Velvet Pants
Поменял дизайн. Люблю я оранжевый цвет. Праздник.
Как приятно это делать с помощью CSS. Все изменения заняли 15 минут.

17:42 | css, праздник | Комментарии (0)

Перелопатил кучу чужого (чу чу) кода — теперь VALID CSS и VALID HTML!

00:45 | css, html, w3c | Комментарии (0)

Now playing: Offspring — Mota
Переделал сайт, теперь все на CSS. Таблицы только там, где они являются таблицами. Работают кнопки “туды-сюды”.
Перелопатил код, теперь Valid HTML!

18:53 | css, html, php, w3c | Комментарии (0)

Now playing: Cesaria Evora — Pe di boi (Quarrel)
Осталось немного — just one fix!

17:28 | css, html | Комментарии (0)

Now playing: Cesaria Evora — Regresso (Return)

Поставил сабж. Замечательно. Но сайты отображаются не совсем так, как хотелось бы. Вот решение — Fix your site with right doctype

17:24 | css | Комментарии (0)

Now playing: Сергей Шнуров — Красный Москвич
Все-таки, Opera — самый пиздатый браузер.

11:32 | css, opera | Комментарии (1)

Поставил для одного DIVa padding: 1%. Шестой Explorer посчитал его хрен знает как, и растянул сайт в ширину практически до бесконечности. Часик потратил сегодня, пока разобрался.

13:49 | css | Комментарии (0)

Целый день совокуплялся с сабжем. PNG, конечно, он отображает через задний проход, но тогда не нажимаются ссылки, стоящие вверху DIV’а.

19:12 | css, png | Комментарии (5)

В ИЕ 6 PNG работает. Только через задний проход, описаный на A List Apart.

Я пользуюсь такими браузерами:

• Opera 6.05
• IE 5.00
• Netscape 6
• IE 6.0
• Netscape 4.7 — очень редко, только чтобы посмотреть, как выглядит в нем сайт. Если совсем плохо (совсем не читается или не работает навигация), то что-нибудь с этим делаю.

Variable opacity rules!

21:10 | css, png | Комментарии (0)