14:20 

Извращаемся с дизайном.

Трубчатый Кот
Зверь-чародей
Пару фишек, которые могут внезапно кому-то понравиться.
Вопросы типа: "А как поменять цвет", "Как подгонать под мой дизайн", "Что такое графический редактор" и подобные задавать не мне а гуглу: http://www.google.com

1. Делаем абзацный отступ.

читать дальше

2. Делаем буквицу.

читать дальше

3. Скругленные/сквадраченные/слюбые края записей.

Только для опытных пользователей!
читать дальше

@темы: фоновые картинки, основные блоки

Комментарии
2007-04-09 в 15:19 

сказки на ночь
perverted prince
извините, что не в тему, но эта картинка про ie у Вас на дневнике..
это жестоко.
котята хорошие.. >.< и это не смешно.

2007-04-09 в 15:27 

Зверь-чародей
билли. ее видят только пользователи IE6 и ниже. И только потому, что IE неправильно понимает !important (и многое другое) Не развивайте, пожайлуста, эту тему дальше.

2007-04-10 в 23:39 

А за другими дверями другое внутри и другое снаружи
Рёцке
Вопрос: как сделать, чтоб буквица не была всегда с левого краю, если текст сделан по центру или выровнен справа? А то некрасиво получается - буква большая слева, а весь остальной текст отдельно. Заранее спасибо.

2007-04-11 в 00:05 

Зверь-чародей
dalilah а можно пример? вторая часть кода же вроде должна отменять такие ситуации.

2007-04-11 в 00:15 

А за другими дверями другое внутри и другое снаружи
Рёцке
а, значит, надо было и вторую часть кода вставлять?)) Тогда прошу прощения за вопрос, я просто не знаю, что такое вложенные дивы)

Пример привести не смогу, так как это все у меня наблюдается в ленте избранного, у меня самой в дневнике нет слева или по центру выровненного текста.

Значит, вторая часть это должна исправить?

2007-04-11 в 00:49 

Трубчатый Кот
Зверь-чародей
Значит, вторая часть это должна исправить?
она для этого и была написана )

2007-04-11 в 01:02 

dalilah
А за другими дверями другое внутри и другое снаружи
Рёцке
спасибо)). Разобралась.
Как-то я сразу об этом не подумала...))
Прошу прощения за беспокойство)

2007-04-25 в 10:01 

#!/bin/sh
а как сделать буквицу другого цвета?

2007-04-25 в 10:13 

#!/bin/sh
а) все. нашел)

2007-04-29 в 15:51 

le poète maudit.
Рёцке
Нет, код упорно не желает работать.
Т.е. он меняет букву в одном посте и более нигде.
Выглядит вот так:

2007-06-09 в 01:52 

Гори, но не сжигай... Гори, чтобы светить. (с)
Рёцке ты - зверь!! Но благодаря тебе мне стало хоть не много, но понятно. аригато)))

2007-06-09 в 18:13 

~nasty~
Einsamkeit in Ewigkeit
Рёцке Спасибо за идею про абзацный отступ.
Но такой код будет работать для всех строк кроме первой.
Я дописала к коду: .paragraph {text-indent: 1em }
В постах это работает, а к комментариям отступ 1ой строки мне что-то никак не поставить.

2007-06-09 в 19:43 

Хочешь я расскажу тебе сказку на ночь?
Подскажите, пожалуйста, почему у меня между средней и нижний частью получается зазор в 1 пик, сколько бы я размер нижней части не указала? Как от этого избавиться, где ошибка?

.singlePost,.singlePost, .singlePost.lastPost, .singlePost.countFirst, .singlePost.countSecond { border: none; padding: 0px 0px 0px 0px; background: url('/userdir/3/0/2/3/30238/20305342.gif') 0px 0px no-repeat; }
.postContent { background:url('/userdir/3/0/2/3/30238/20304478.gif') 0px 0px repeat-y; clear:both; width:auto; }
.postLinks { position:relative; top:-5px; left:-5px !important; left:0px; width: 900px; background: url('/userdir/3/0/2/3/30238/20305322.gif') 0px bottom no-repeat; height: 30px; padding-bottom: 13px; padding-right: 0px; padding-left:0px; margin-left:0px;margin-right:-10px !important;margin-right:-5px;}

2007-06-10 в 22:43 

spiderway
Рёцке
помоги пожалуйста с буквицей, я не очень понимаю в коде где что, у меня шрифт Комик Санс, размер 13, какие мне параметры выставить надо для буквицы, чтоб не лезло вверх-вниз? потому что я попробовала, все сьехало черти куда

2007-06-10 в 23:01 

Трубчатый Кот
Зверь-чародей
Annahita
может упрощенный код?
выделено - размер шрифта буквицы. Times New Roman заменить на полное название шрифта в двойных кавычках или на название семейства шрифтов( смотрите в интернете)
.paragraph div:first-letter {
font-size: 30px;
font-family:Times New Roman;
color: #цвет буквицы;
}

.paragraph div div:first-letter {
font-size: 100%;
font-family:Arial, Helvetica, sans-seif;
color: #цвет основных записей;}

~ Ikeko ~
черт его знает на самом деле ) переспросите в umail - когда будет время покопаюсь.

~nasty~ в комментариях перед первой строкой идет строка
<div class="title"></div>
скорее всего оно и мешает.
можно попробовать добавить
div.title:after {content:'тут ЛЮБОЙ текст такой длины, какой вы хотите сделать отступ';visibility: hidden;}

2007-06-10 в 23:06 

spiderway
Рёцке
спасибо, попробую

2007-06-12 в 19:25 

~nasty~
Einsamkeit in Ewigkeit
Рёцке не помогло...

2007-06-12 в 20:08 

spiderway
Рёцке
пасиба!!! помогло))

2007-06-20 в 18:21 

Как утомляет симулировать нормальность...(с)
У меня текст после большой первой буквы располагается слишком высоко - некрасиво смотрится, если запись составляет пару строк.
Можно убрать как-то?

2007-06-20 в 18:24 

Трубчатый Кот
Зверь-чародей
Melory см мой ответ Annahita пятью записями выше. ( 2007-06-10 23:01)

2007-06-20 в 18:34 

Как утомляет симулировать нормальность...(с)
спасибо)))

2007-06-23 в 19:09 

По поводу абзацного отступа.
У меня код, предложенный тобою в посте вообще не сработал, сработало это:
.paragraph {text-indent: 1em }
.. но сработало только для первого абзаца. а как сделать, чтобы для всех работало?

2007-06-23 в 20:15 

Зверь-чародей
Catress
- У меня код, предложенный тобою в посте вообще не сработал
- Увы, нормальным способом через text-indent не получиться, поскольку абзацы в записях формируются с помощью br а не с помощью p. Т.е. получится, но отступ будет только у первого абзаца.
Альтернативный способ такой:
br:after {content:'тут ЛЮБОЙ текст такой длины, какой вы хотите сделать отступ';visibility: hidden; }
Увы, не работает в IE6, но в IE6 вообще очень много чего не работает.


Разве не ясно написано?

2007-06-23 в 20:40 

1. ваш код вообще у меня не работает )
2. у меня FF.

2007-06-23 в 21:43 

Трубчатый Кот
Зверь-чародей
Catress о как...
ну значит никак )
в Опере работает.

2007-06-23 в 21:49 

Ладно, пасип )
П.С. у тебя очень красивый дизайн ,)
*ушла над своим измываться*

2007-06-26 в 23:50 

Как утомляет симулировать нормальность...(с)
Рёцке
а скажи, пожалуйста, как сделать так, чтобы буковки были в квадратике, как у тебя?)

2007-09-19 в 02:21 

Окружающие видят только мои маски и думают, что знают меня....
У меня буквица в ИЕ сползает вниз(причем не в каждом посте, а когда захочет) и нижняя строчка либо отодвигается, либо опускается
В Мазилле все норм....

2007-12-13 в 23:55 

Опять мы так бездарно артистичны// Ты просто так лежишь или с намёком?//
Рёцке При использовании кода для изменения краев записи, сталкиваюсь с такой ситуацией, что после него нельзя поменять отступ текста от этих самых краев. Текст-то отодвигается, но вместе с фоном записи. Можно это как-то исправить?
Я лузер-лузер-лузер, а вовсе не медведь^^

2007-12-14 в 15:51 

Опять мы так бездарно артистичны// Ты просто так лежишь или с намёком?//
Вопрос снят, разобралась. Таки я дундук^^

2008-04-20 в 15:44 

Если жизнь не прёт,ищу жизнь на Марсе.
Щас измываюсь над своим дайром,делаю фон под запись,но:
1.У меня постоянно пробел между верхом и серединой,что бы я ни копала в коде.
2.Нижняя часть уезжает вправо и начинается от слова Комментировать,а не от слова URL.
В общем,я х_З,куда копать.
Ширина безобразия 600 пикселей,высота хедера 50 пикселей,высота футера 50 пикселей,высота фона 10 пикселей,но он рипитится,так что это не имеет значения.
ЗЫ: Я пока код с днева вообще убрала,но всё же =/
Аддишн: мой код без применения фичи с фоном записи,мб здесь что-то кроется,но я уже сломала моск.

body {background-attachment: fixed; padding: 0 !important; margin: 0 !important;}
.menuSection {text-align: center;}
#wrapper{background: url('/userdir/1/3/8/5/138525/30029821.gif') repeat-y; min-width: 840px !important; width: 840px; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important;}
#extratop { background: url('/userdir/1/3/8/5/138525/30031649.gif') no-repeat; width: 840px; height: 315px; }
#side {width: 185px !important; margin-right: 15px !important;}
#page-c {width: 615px !important; padding: 0 !important; margin-left: 25px !important;}
#page-t {margin: 0 !important;}
#extrabottom { background: url('/userdir/1/3/8/5/138525/30029825.gif') no-repeat; width: 840px; height: 29px; float: left;}

Т.е. мягко говоря,считаю всё по пикселям.
Все маргины за исключением маргина меню справа и маргина пейдж-ц от враппера = 0,все паддинги = 0.
Как минимум меньше 600 пикселей на запись нету точно.

2008-08-15 в 17:34 

жескач какой-то))))))
невидимость для бэкграундов попрежнему не видна, но закругленные края получились отличненько.
Рёцке как всегда всех спас :buddy:

2009-07-13 в 12:33 

Рёцке
а можно сделать Скругленные/сквадраченные/любые края для блока меню? как его в коде на части разделить?

2011-01-10 в 12:03 

Dagedra
Дороги хватит на всех
странно, но код не работает для отступов...

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@CSS — стилизация дневников

главная