.здрасти

[[.UniTed.]]

как сделать так,чтоб были видны сами темы записей?!..

или это в настройках?!

*шаркает ножкой*

знаю,я дурак...

но объясните!



з.ы. как тут чтоб было.мне для сообщества надо.

@темы: меню

---

[[s.v]]

здрасте,я дурак)

как сделать блок с постами и блок меню прозрачным,чтобы был виден фон дневника )

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

---

[.выдра]

а можно сделать полосу прокрутки не цвет а картинку

ну всмысле чтоб она не цветом другим была

а картинкой

надеюсь меня поняли-)

---

[LAW]

Здравствуйте. Оцените, пожалуйста, дизайн.

---

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

[Трубчатый Кот]

Пару фишек, которые могут внезапно кому-то понравиться.

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



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





Увы, нормальным способом через text-indent не получиться, поскольку абзацы в записях формируются с помощью br а не с помощью p. Т.е. получится, но отступ будет только у первого абзаца.

Альтернативный способ такой:

br:after {content:'тут ЛЮБОЙ текст такой длины, какой вы хотите сделать отступ';visibility: hidden; }

не работает в IE6 и FF2





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





Этот стиль делает саму буквицу. Этот код - только пример.

.paragraph div:first-letter {

font-size: 30px;

float: left !important;

float: none;

font-family:Times New Roman;

margin-right: 3px;

color: #цвет;

line-height:100% !important; line-height:140%;

}



А этот запрещает ее применение на вложенные дивы. Этот код - только пример.

.paragraph div div:first-letter {

font-size: 100%;

font-family:Arial, Helvetica, sans-seif;

float: none !important;

margin: 0px;

line-height:130%;

color: #000;}



А теперь внимание. В принципе буквице можно проставить border и background, НО ЭТО УБЬЕТ IE6. При некоторых сочетаниях стиля этот недобраузер вылетает с ошибкой. Обнаружил чисто случайно, когда кто-то в избранном начал запись с жирного шрифта.





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



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



Способ актуален для дизайнов фиксированной ширины.

Сначала меряем ширину записи. У меня она 900px.



Потом ищете в интернете/рисуете сами в редакторе то, что будет фоном.

Требования:

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

Пусть есть прямоугольник с радиусом скругления углов 10px, шириной 900px и высотой 100px;



1. Хеадер. Верхняя часть рамки. В случае прямоугольника это обрезанная верхняя часть с круглыми углами. Лучше отрезать больше, но без нижней части (например 900px на 80px) Хеадер будет перекрываться фоном, поэтому не сильно актуально, сколько он будет по вертикали.



2. Фон. Фон по возможности должен быть узким. На него самые сложные требования. Во первых он должен нормально выглядеть, если его взять и много раз повторить по вертикали. Во вторых он должен стыковаться с верхней и нижней частью. В случае прямоугольника достаточно из середины вырезать полоску шириной 1px



3. Футер. Футер отрезаем ровно - с ним больше всего мучений. По высоте достаточно около 50px;



Теперь пишем стиль.



.singlePost,.singlePost, .singlePost.lastPost, .singlePost.countFirst, .singlePost.countSecond

{ border: none;

padding: 0px 0px 0px 0px;

background: url('хеадер') 0px 0px no-repeat; }



.postContent { background:url('фон') 0px 5px repeat-y; clear:both; width:auto; }



.postLinks {

position:relative;

top:-5px; left:-5px !important;

left:0px;

width: 900px;

background: url('футер') 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;}





Почему не .postLinksBackg? Потому что на странице добавления комментариев таких блока ДВА. Как отключить фон для второго блока я не придумал, поэтому применил стиль к .postLinks Это сложнее, но работает.



С первыми двумя блоками обычно проблем нет, а с postLinks придется повозиться. Советую проверять отступы во всех имеющихся браузерах.



После всех манипуляций скорее всего придеться править отступы в самих записях из-за наличия padding: 0px 0px 0px 0px; в первом стиле.

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

---

[Charlie Milkshake]

всем привет)

оцените пожалуйста дизайн ^^

---

[[vilka]]

Просмотрела все связанные с этим темы записей,но не нашла.

Напишите код,для того чтобы блок меню был дальше от блока записей,чем стандарт

@темы: меню, отступы

---

[стрекозёл]

Подскажите пожалуйста...

Какой код в iE7 надо ставить, чтобы колонка меню стала уже, но оставалась по центру?

запись создана: 07.04.2007 в 20:29

@темы: основные блоки

---

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

[Smer4]

Предлагаю, кидать в коменты различные ссылки по CCS в помощь новичкам.



Мои 50 копеек:



http://htmlbook.ru/css/

http://www.edu.severodvinsk.ru/afte.../cema/index.htm

@темы: diaryCSS

---

[:nirvana:]

Знаю, ыло, я видела, но сейчас не могу найти, а нада...

как сделать дату и врямя посередине?

---

[[vilka]]

Я в прошлый раз наверно,неясно для когото выразилась

Мне не нужны прозрачные png,скажите мне пожалуйста код,чтобы сквозь фон записи просвечивал фон дневника как здесь



Неужели так сложно сказать?

@темы: фоновые картинки

---

*

[Бэверли Марш]

мне нужен код, с помощью которого на дневник

можно поставить одну большую фоновую картинку.

спасибо заранее.

---

[Возможно ли...?]

[Dark]

Возможно ли сменить названия ссылок "комментировать", "подписаться" и тд на что-либо другое?

@темы: diaryCSS

---

[Olly Tennder]

помогите мне, пожалуйста!!!

я вообще не умею пользоваться CSS...

можно ли как-нибудь поставить эту большую

картинку на фон, чтобы она была растянута, т.е., не повторялась. ну и не двигалась соответственно...

если не трудно, напишите код, чтобы мне осталось просто вставить его, потому что я вообще ничего не понимаю(((

пожаааалуууйстаа!!!

@темы: фоновые картинки

---

[naked caesar]

возможно сделать скруглённые углы у блоков(меню,основной блок,ну вы поняли =) )



картинку вставила специальн

вот так скруглёённноо(

.

---

[hysterical scream]

Что делать если выбраный мною курсор(крестик)ставится не на все ссылки,на некоторых горит стандартный?

---

[прахосмукачка]

здрасьте...

а может можно как-то нумерацию страниц сделать сплошной цепочкой внизу страницы?..

ну что бы не только 10 было видно,а все или хотя бы больше...?

---

[Tom.Heart]

я уже всё нашел)не ругайте за невнимательность)

---

[Tom.Heart]

а как сделать цветной штучку перемещения(кот наход справа)?например как у ~Daiashka(у нее голубеникий)

---

[стрекозёл]

А почему когда я вставляю код по изменению ширины блока ничего не изменяется..? У меня IE7

И ещё один вопросик - как ""спустить"" меню вниз?



UPD:

СSS - большая сволочь и гадина. взяла и перестала выполнять все те коды, которые я ввела... фу. или эти глюки часто?

запись создана: 05.04.2007 в 15:14

@темы: основные блоки