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

четверг, 21 июля 2011

00:18

все записи пользователя в сообществе winterwolf

Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём

Подскажите как прописать стиль только для 8 версии ие.

Какие ограничения есть при сохранении цсса?
(помимо удаления комментарий, вырывания слов sсript, frame, http:, обратных слешей и обрезания до 65356 символов, если вписано больше)

@темы: diaryCSS, Дизайн

URL

воскресенье, 17 июля 2011

21:57

И вновь за помощью

все записи пользователя в сообществе Laite

Склероз - прекрасная болезнь! Ничего не болит и каждый день - новости.(c)

Все еще пытаюсь заменить название дневника на изображение, все блоки сменились, а этот вот артачится, отдельно картинка отдельно текст. Если размер уменьшать до нуля( надписи) то просто картинка без ссылки=_=

 #side h1 {position:absolute;top:80px; left:320px}
#side  h1 {width:340px; height:250px; font-size: 1px !important; background: url('/userdir/7/5/1/4/751493/70514453.png'); 2px 4px no-repeat;}

@темы: меню

URL

20:21

все записи пользователя в сообществе горган

Не грусти пацан, что не поехал в пятницу на посёлок, пускай грустит тот, кого там не ждут.

Здравствуйте.
1.Не получается переименовать ссылку "написать у себя". Все соседние ей удалось по однотипному шаблону, эта не реагирует даже с !important.

 .quote_post a:after {content: "quote post" !important;}
 .quote_post a span {display: none !important;}

2.Для ссылок "следующая/предыдущая" внизу есть отдельные значения? Потому что я нашла только общее .pages_str
3.Ссылки "следующая/предыдущая" в посте так же не переименовываются. After/before работает, но на display:none не реагирует.

 .prevPostLink a:after {content: "туда";}
 .prevPostLink a span {display: none !important;}
 .nextPostLink a:after {content: "сюда";}
 .nextPostLink a span {display: none !important;}

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

@темы: текст, Дизайн

URL

16:49

Размер изображений

все записи пользователя в сообществе you want to sleep

Я несу пиздец. (c)

Доброго времени суток, а нельзя ли как-нибудь увеличить возможный размер загружаемой картинки? (больше чем у платного сервиса)
Или может кто-нибудь знает, как можно сильно сжать размер png картинки без особой потери качества?

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

URL

00:02

последние коментарии

все записи пользователя в сообществе Laite

Склероз - прекрасная болезнь! Ничего не болит и каждый день - новости.(c)

не подскажите код для этого блока меню?

и + как правильно заменить имя и название дневника вместо подписи на картинки. Они у меня заменяются но перестают быть ссылками=_= и возможно ли это Оо

Ну и еще вопрос если можно вот код

.top #authorName {margin-top:420px !important;margin-right:150px !important;display:block; width:500px; height:130px; font-size: 1px !important; background: url('/userdir/7/5/1/4/751493/70514497.png'); 2px 4px no-repeat;}
 #thisDiaryOwner {position:absolute;top:250px !important; left: 60px;}
 #thisDiaryOwner_title {display:block; width:275px; height:160px; font-size: 0px !important; background: url('/userdir/7/5/1/4/751493/70514094.png'); 2px 4px no-repeat;}
 #myDiaryLinks {position:absolute;top:250px !important; left: 305px;}
 #myDiaryLinks_title {display:block; width:360px; height:135px; font-size: 0px !important; background: url('/userdir/7/5/1/4/751493/70514348.png'); 2px 4px no-repeat;}
 #globalLinks{position:absolute;top:250px !important; left:690px;}
 #globalLinks_title {display:block; width:250px; height:153px; font-size: 0px !important; background: url('/userdir/7/5/1/4/751493/70514370.png'); 2px 4px no-repeat;}
 #thisDiaryOwner,#myDiaryLinks,#globalLinks{text-align:center;font-family: "AGReverance"; font-size:20px !important; }
 .top .menuSection ul, .top #thisDiaryPhoto, .top #sign{background-color:#3a3424;border: 1px double #9f7900;}
 #side h1 {position:absolute;top:80px; left:320px}
 #side h1{display:block; width:500px; height:200px; font-size: 1px !important; background: url('/userdir/7/5/1/4/751493/70514453.png'); 2px 4px no-repeat; }
 #thisDiaryPhoto {display:none}

Все картинки работают нормально, а вот та которая заменяет название дневника, работать не хочет =_= размер в один пиксель я себе для наглядности устанавливала)

запись создана: 16.07.2011 в 23:32

@темы: меню

URL

суббота, 16 июля 2011

12:19

Заглавная буква

все записи пользователя в сообществе Кошмаринка

Мне говорили - похожа на мандаринку

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

@темы: текст, diaryCSS, Дизайн

URL

пятница, 15 июля 2011

17:38

Альтернатива MORE

все записи пользователя в сообществе D Storm

Veni, vidi, vici.

Достаточно давно уже обещал сделать эту штуку. Наконец добрался.

Итак, идея в том, чтобы сделать аналог MORE, которые оставался бы свёрнутым при просмотре одиночного поста (комментариев).

Объяснение того, как работает. Для тех, кто хочет понять.

Готовый код и инструкции к применению.Готовый код и инструкции к применению.

.panelIn {width:300px; height:300px; padding:20px; border-radius: 30px 15px; -moz-border-radius: 30px 15px; box-shadow: 0 0 15px #222; -webkit-box-shadow:box-shadow: 0 0 15px #222; -moz-box-shadow: 0 0 15px #222; background: url('/userdir/1/9/2/4/1924297/70496636.png'); display:none; position:absolute; overflow:auto; left:-170px; top:-170px; border:1px solid #111; color:#ccc; text-shadow: 0 0 1px #ccc; z-index:200 !important;}
.panelOut {position:relative; display:inline !important; text-shadow: 0 0 3px #93a3da; color:#93a3da;}
.panelOut:hover {cursor:pointer; text-shadow: 0 0 9px #93a3da;}
.panelOut:active .panelIn, .panelIn:hover {display:block; cursor:default !important;}

Сразу говорю, код адаптирован под мой днев, поэтому, перед тем как применять, не поленитесь слегка подогнать его под себя. Кроме того, в .panelIn прописан background. Либо замените его на какой-нибудь цвет, либо залейте изображение к себе в БИ и измените ссылку (если вам нужно то же, что у меня - оно тут). Иначе не получится, парсер CSS чистит ссылки на изображения из чужих БИ.

Это вставляйте в пост:

<div class="panelOut">название ссылки<div class="panelIn">содержимое вложения</div></div>

Один важный момент. Название ссылки не должно быть слишком длинным, иначе при нажатии в неправильном месте курсор может не оказаться поверх блока, и тот сразу же исчезнет. И ещё лучше бы не делать .panelIn слишком большим, иначе он может залезть за край экрана, и тогда контент потеряется, что не есть хорошо.

Пример 1. "Предисловие" и "первая глава".
Пример 2. Любой пост дневника.

@темы: текст, diaryCSS, Дизайн, Мысли вслух

URL

09:51

Иллюзия анимации

все записи пользователя в сообществе D Storm

Veni, vidi, vici.

Нет, речь, разумеется, не о гиф. Но о спрайтах.

Идея проста. Берём несколько блоков, вкладываем друг в друга, привязываем на одно место (через position:absolute и position:relative (или position:absolute \ position:fixed) на внешнем), прописываем отношения по hover'ам. Загвоздка в том, что hover не срабатывает просто при появлении блока под курсором, статус проверяется при движении мышью. На практике, если цель - заставить чуть более плавно, чем обычно, выплыть (появиться фейдом, загореться или ещё что) какой-то элемент в дизайне дневника, это не будет проблемой, потому что попиксельно мышь никто не двигает. Ещё один момент - реагирует css быстро (по мере продвижения курсора на каждый пиксель (при быстром движении - на каждый шаг, там он больше 1px)), а значит лучше бы иметь систему вложенных блоков побольше (чтобы было больше кадров) (что можно сделать искуственно в эпиграфе или посте, но при проработке дизайна днева не получится, ведь приходится придерживаться изначально заданных кол-ва и структуры блоков).

По поводу отношений между вложенными блоками. Вариант первый - при наведении на первый блок (скажем, q1) мы прослеживаем его hover и применяем стиль ко вложенному блоку (например, q2) (q1:hover q2{...}), потом также к последующему и т.п. до последнего (при этом в конце анимация остановится). Вариант второй - изначально видны все, но при наведении они скрываются (я в примере просто сводил height и width к 1px, но можно придумать что интереснее, с тем же clip'ом, скажем (забавно, но display:none не сработал)); при этом, "анимация" циклична, но тут один большой фейл - hover в данном случае (разумеется) проходит через все уровни сразу, и вылетают, соответственно, по сути рандомные кадры.

Об изображении. Как уже говорил, тут целесообразно использовать спрайты. Т.е. большое изображение, состоящее из маленьких кадров (пример). При навешивании background'а мы просто двигаем это самое изображение. Так мы сразу его кэшируем, что весьма удобно, ибо избавляет от хлопот с предварительным кэшингом. В моём примере я не убирал отработавшие фреймы (т.е. всё видно одновременно). На деле, чтобы убрать их достаточно снять bg на hover'е (qX:hover {background:none;}).

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

На практике ещё нигде не применял, но небольшой пример сделал. Тут.

Как-то так. Надеюсь, кому-нибудь пригодится\покажется интересным. Придумаю что ещё интересное (по этому или другому поводу) - отпишу где-нибудь тут.

@темы: фоновые картинки, diaryCSS, основные блоки, платный сервис, Мысли вслух

URL

среда, 13 июля 2011

13:42

"коммерческое" предолжение)

все записи пользователя в сообществе Время...

Все изменится. Рано или поздно. Так или иначе.

Долго я думала - не будет ли сей пост оффтопом. ну надеюсь, что все же нет, т.к. куда уж без этого...)))
Дорогие дайриковцы, есть к вам коммерческое предложение, весьма для вас выгодное (:
для "бывалых" дайриковцев, со стажем 4-5 лет У меня на дайри. ру висит определенная сумма денег, которую мне очень хочется перевести куда-нибудь еще: на Яндекс.кошелек, на Монета.ру или хотя бы кинуть на мобилку))) Но т.к. это, увы, невозможно, то я предлагаю всем желающим (тем, кто пользуется платными сервисами и кому нужны дайри.рубли) совершить выгодный для всех обмен:
Вы кидаете мне определенную сумму денег на мобильник или Яндекс.кошелек, а я здесь, на дайри.ру перевожу вам эту же сумму ПЛЮС еще бонус, просто за то, что пошли на встречу и поучаствовали).
Если кто не в курсах, я – не обманщица, а ходячий магазин, занимаюсь продажами уже… оймамадорогая, 2.5 года! У меня есть странички, где можно почитать отзывы людей и оставить свои, в т.ч. дайри (там же есть и отзывы тех, кто уже обменивался со мной электронной наличностью).

И того, в чем вы выигрываете (это не лохотрон, мне просто нужно, чтобы это было выгодно и вам, иначе никто не захочет со мной связываться, так ведь?)))):
1. не нужно платить больших наценок (для справки - сейчас чтобы оплатить сервисы, на дайри.ру взымаются приличные проценты, в 30-50 рублей, и больше, вы же не теряете этих денег).
2. вы получаете бонус от меня. И хоть это всего 20 ру, но на дайри. ру он достаточно высоко ценится, т.к. стандартный набор услуг платных сервисов на эти же 50 рублей можно оплатить и на месяц вперед!).

По всем вопросам стучите в личку, все поясню и расскажу))
Буду ОЧЕНЬ благодарна, если поучаствуете)))

п.с. только пожалуйста, не переводите деньги не предупредив меня (ибо такой случай был)!

Почему именно для "бывалых" дайриковцев - дневники сдирают умопомрачительные проценты за переводы внутри сети, чуть ли не 40% от суммы. Я узнала это только сейчас, и это, увы, и для меня - дикость - терять 100 рублей при переводе в 300 *о*
Но для тех, у кого есть стаж на дайри - эти проценты за перевод снижаются. Т.е. если вы здесь 5 лет, то, если я отправлю вам 100 ру, вы и получите 100 ру.
Увы %(

@темы: платный сервис, Мысли вслух

URL

вторник, 12 июля 2011

10:57

все записи пользователя в сообществе River Wild

розовый дурман хранит меня от горя и бед

Здравствуйте

У меня в дизайне внезапно страница "все темы" выглядит вот так:
Смотреть.
Они очевидно съехали вправо, там даже имеется миниатюрный скролл-бар. Как бы вернуть на законное место?
Код дизайна, если что:

body {background:url('/userdir/1/6/6/5/1665769/70366562.jpg') fixed; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color: #825a2d; padding:0px;margin:0px auto auto auto;}
 #add_block1{background:url('/userdir/1/6/6/5/1665769/70366580.jpg') no-repeat center top; width:100%; height:399px;padding: 0;margin: 0; top:0px; position:absolute; z-index:-1;}
 #add_block2{background:url('/userdir/1/6/6/5/1665769/70366603.jpg') no-repeat center top; width:100%; height:185px;padding: 0;margin: 0; }
 #wrapper{background:url('/userdir/1/6/6/5/1665769/70366695.gif') repeat-y 10px; width:960px; margin-top:176px;}
 #page-t{padding-left:40px; width:650px;}
 #page-c{background:url('/userdir/1/6/6/5/1665769/70366703.jpg') top center no-repeat ; }
 #extrabottom {background:url('/userdir/1/6/6/5/1665769/70366719.jpg') 10px; width:960px; height:67px;}
 a { color: #CF880C; text-decoration: none; }
 a:hover { color: #876431; text-decoration: underline; }
 #top_randomlink, #pchs, #lastComments{display:none !important;}
 #topNavLinks a { color: white; font-size: 12px; font-weight: bold; position:relative; top:-5px; padding: 4px 8px 20px; margin-left:4px; float:left; text-decoration: none; text-transform: uppercase;}
 #top_mainlink a, #topNavLinks a:hover { background: url('/userdir/1/6/6/5/1665769/70366741.gif') repeat-x; color: #64431E; }
 {------------- меню------------}
 #side{position:relative; margin-top:100px; width:180px; left:-100px;}
 .menuSection_title {background: url('/userdir/1/6/6/5/1665769/70366755.jpg') no-repeat 50% 100%; color: #411A0A; font-size: 14px; font-weight: bold; height: 28px;padding: 42px 0px 0px; text-align: center; text-transform: uppercase; width: 237px; display:block;}
 .menuSection ul {background: url('/userdir/1/6/6/5/1665769/70366769.jpg') no-repeat 50% 100%; width: 237px; padding-bottom:15px !important;}
 #TagsList ul {background:none;}
 #side ul li a {background: url('/userdir/1/6/6/5/1665769/70366779.gif') no-repeat 0% 50%; color: #695321; padding: 0px 0px 0px 15px; }
 #side ul li {line-height: 22px; list-style: ; margin: 0px 0px 0px 20px; padding: 4px 0px 0px; width: 210px;}
 {---------------название-дневника------------------}
 #side h1 a {background:# repeat-x bottom; position:absolute; left:-55px; top:-90px; color:#f7c844; font-size: 42px; font-family: "Hevletica"; height:80px; font-weight:200; text-shadow: 10px 4px 1px #82552d, 4px 4px 2px #503917;}
 #side h1 a:hover{color:#f3e5d2; text-decoration:none;}
 {--------------------------ник----------------------------}
 #authorName {position:absolute; right:-1200; top:-180px; color:#d59429; font-size: 28px; font-family: "Helvetica"; text-shadow: 3px 1px 2px #82552d, 1px 1px 2px #503917; white-space:nowrap;}
 #authorName:hover{color:#f7c844; text-decoration:none;}
 {----------------------------------------------------------}
 .postTitle, .header h2 { color: #825A2D; font-size: 24px; font-weight: bold; padding: 10px 4px; text-decoration: none; width: 460px !important;}
 .header h2{margin-left:10px; margin-right:10px}
 .postTitle span {background: url('/userdir/1/6/6/5/1665769/70366798.png') no-repeat 50% 50%; overflow:hidden; display:block; text-align:center; line-height:20px; position:absolute; margin-left:-60px; height: 65px; margin-top:-35px; padding: 40px 0px 0px; text-align: center; width: 74px; color:#D82A18; font-size:90%; letter-spacing:-1pt;}
 .postInner {background: # no-repeat 30% 50%; min-height:80px; padding: 0px 0px 10px;}
 .singlePost, .singleComment {padding: 0px 0px 0px 25px;width: 620px;}
 #epigraph .postInner {background:none !important; min-height:10px !important;}
 .paragraph div {text-indent: 15px;}
 .postActionLinks{position:absolute; margin-left:560px;}
 #epigraph .postActionLinks{position:absolute; margin-left:600px; padding-top:20px;}
 .postLinksBackg {background: url('/userdir/1/6/6/5/1665769/70366827.gif') no-repeat right top; height: 43px; padding-top:18px; margin-bottom:-18px; margin-top:-10px; padding-right:35px;}
 .postLinksBackg.prevnext {background:none !important;}
 {--------------}
 .commentAuthor{float:left;}
 .postInner{float:none; width:auto;}
 .postContent{padding-right:5px !important;}
 #JournalFavorite .postInner {width:660px !important;}
 #JournalComments .postInner {width:660px !important;}
 #JournalComments .postTitle span {font-size: 14px !important; white-space:pre-line!important;}
 input.text, #message {border: 1px dashed #ce9f1b!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius:5 px;}
 input.submit, .submit {background:#f7c844 url('/userdir/1/6/6/5/1665769/70366835.gif') ; border: 1px solid #ce9f1b !important; padding:4px; color:#3f270d;}
 .quote_text {margin: 0px 0px 0px 25px; overflow:hidden; padding:10px;}
 {---------search----------}
 #YaSearch {position:relative; top:-88px; left:22px;}
 #YaSearch_title, #YaSearch a{display:none;}
 #YaSearchForm input.submit{background: url('/userdir/1/6/6/5/1665769/70366844.gif') 0px 0px no-repeat !important; display:block !important; width:43px !important; height:13px !important; line-height:200px !important; overflow:hidden !important; border:none !important; }
 #YaSearchForm input.text {border:none !important; width:150px; height:25px !important; background:none;}

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

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

URL

понедельник, 11 июля 2011

08:54

все записи пользователя в сообществе Сыч.

black sheep.

Доброго времени суток. Я к вам с ~~тремя~~ четырьмя идиотскими проблемами:
1. ~~Меню выпадает вверх. Уже свихнула мозг, но так и не поняла, что не так настраиваю.~~
Внезапно, но уже выпадает почти нормально О_о'
Как-нибудь можно его заставить выпадать строго по центру?
2. Поле комментария разнесло по всей ширине вреппера, а я понятия не имею, каким образом сделать его нормальной ширины.
3. Пыталась дотащить название дневника вот сюда, но название внезапно пропало вообще. Удалила код названия, но оно так и не вернулось ТТ'
4. Вот так отображается страница комментариев. То есть всё тупо съезжает вверх до последнего комментария тоже хз почему Х_Х
В css шарю не особо. Совсем не особо.
Весь код.

#wrapper{min-width:650px!important;width:1169px;max-width:1169!important; float:left!important; overflow:hidden !important; top:10px; }
 #extratop { background:url('/userdir/3/3/5/9/335909/70426443.png'); height:234px; width:1169px; no-repeat!important;}
 #thisDiaryPhoto,#authorName { position:relative; font-size:14px!important; top:-410px; right:210px; font-weight:normal;}
 #side {height:0pх; top:-100px!important; position:absolute;}
 #myDiaryLinks {position:absolute; top:225px; left: 516px; height:13px;font-size:13px!important;color:#dbb885!important; font-style:italic; text-align:center }
 #thisDiaryLinks {position:absolute; top:300px; left: 530px; height:13px;font-size:13px!important;color:#dbb885!important; font-style:italic;text-align:center }
 #thisDiaryOwner {position:absolute; top:165px; left: 540px; height:13px;font-size:13px!important;color:#dbb885!important; font-style:italic;text-align:center }
 #myLinks {position:absolute; top:195px; left: 531px; height:13px;font-size:13px!important; color:#dbb885!important; font-style:italic; text-align:center}
 #iAmQuit {position:absolute; top:3500px; right: 2000px; font-size:11px!important;color:#dbb885!important; font-style:italic;text-align:left}
 #globalLinks { position:absolute; top:260px; width:184px; height:13px; left:505px; font-size:13px!important;color:#dbb885!important; font-style:italic;text-align:center}
 #lastComments { position:absolute; top:2114px; width:2550px; height:100px; right:455px; font-size:13px!important;color:#dbb885!important; font-style:italic;text-align:center }
 #thisDiaryLinks_title {display:block; width:85px; height:30px; line-height:0px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/70427358.png') 2px 4px no-repeat; text-align:center }
 #myDiaryLinks_title {display:block; width:110px; height:35px; line-height:0px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/70427365.png') 2px 4px no-repeat; text-align:center }
 #thisDiaryOwner_title {display:block; width:71px; height:30px; line-height:0px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/70427366.png') 2px 4px no-repeat; text-align:center }
 #globalLinks_title {display:block; width:127px; height:30px; line-height:0px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/70427363.png') 2px 4px no-repeat; text-align:center }
 #myLinks_title {display:block; width:75px; height:29px; line-height:0px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/70427362.png') 2px 4px no-repeat; text-align:center }
 .singlePost { background-position:bottom; padding-bottom:85px !important; padding-top:10px !important; }
 #epigraph .singlePost { background:none; margin:0 !important; padding:0 !important; }
 body {background: #000000 url('/userdir/3/3/5/9/335909/70426490.jpg') top right no-repeat; background-attachment:fixed; }
 #postsArea{min-width:670px!important;width:670px;max-width:670!important; margin-left:235px;}
 #side {padding-left:46px !important; height:20px;}
 .header {text-align:center!important}
 .postDate {text-align:center}
 .singleComment {min-width:650px!important; width:650px; max-width:650!important; float:center!important; padding-left:250px !important ;padding-right:275px !important; margin-left:235px;}
 .sign {text-align:center; }
 .avatar { float:center!important; text-align:center;}
 .commentAuthor { float:center!important; text-align:center;}
 .authorName {width:120px; text-align:center; }
 #globalLinks ul{ background:url('/userdir/3/3/5/9/335909/60285046.jpg'); opacity: 0.7;}
 #myDiaryLinks ul {background:url('/userdir/3/3/5/9/335909/60285046.jpg'); opacity: 0.7;}
 #thisDiaryLinks ul {background:url('/userdir/3/3/5/9/335909/60285046.jpg'); opacity: 0.7;}
 #myLinks ul {background:url('/userdir/3/3/5/9/335909/60285046.jpg'); opacity: 0.7;}
 #lastComments ul {background:url('/userdir/3/3/5/9/335909/60285046.jpg'); opacity: 0.7;}
 #thisDiaryOwner ul {background:url('/userdir/3/3/5/9/335909/60285046.jpg'); opacity: 0.7;}
 #myLinks ul {background:url('/userdir/3/3/5/9/335909/60285046.jpg'); opacity: 0.7;}
 #page-c {background: url('/userdir/3/3/5/9/335909/70426540.png') repeat; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; top:-60px!important}
 a:link { color: #eee6d9; text-decoration: none; }
 a:visited { color: #eee6d9; text-decoration: none; }
 a:hover { color: #eee6d9; text-decoration: none; text-shadow: 1px 0px 10px #eee6d9;}
 #codebuttons a {float:left;}
 #codebuttons {clear:both;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 .paragraph {text-shadow: 0px 0px 10px #000000}

запись создана: 10.07.2011 в 17:58

@темы: меню, diaryCSS, Дизайн

URL

воскресенье, 10 июля 2011

21:16

url; постоянные читатели; поиск по дневнику; темы записей

все записи пользователя в сообществе Arthur, darling

в слове «dreams» всегда звучит твоё тёплое имя. [c]

скриншот, увеличивается:

1. если можно, то как изменить "url" на "url записи"?
2. можно ли и как прописать рамку пч (справа и слева), с тенью? сверху и снизу почему-то отображается, а вот по бокам нет.
3. в "темы записей" почему-то съехало кол-во записей, что исправить и\или можно ли вообще убрать цифры. или это из-за выравнивания "календарь записей" и прочего посередине? если никак не убрать, может можно ещё как-то отступ сделать, чтобы эту видимую цифру убрать?
4. можно ли "поиск по дневнику" сделать таким же блоком (то есть в рамке, с тем же фоном), как и "темы записей" и "постоянные читатели", как его тогда прописать?

код:

 .block_design {background: #7a7a7a; padding: 0 !important; }
 #wrapper{ background: url('/userdir/7/9/5/8/795849/70404204.jpg'); min-width: 980px !important; width: 980px; margin-top: 90px !important; margin-bottom: 20px !important; padding-top: 0px !important; border: 1px solid #000000; }
 #extratop { height: 0px; width: 0px; margin-top: 0px !important; padding-top: 0px !important; }
 #add_block1 { position: absolute; background: url('/userdir/7/9/5/8/795849/70404262.jpg'); width: 100%; height: 300px; top: 0px; left: 0; z-index: -2 !important; }
 {----------------------------------------------- menu ----------------------------------------------------}
 #side {width: 180px; margin: 9px 0 0 10px !important; position: relative; text-align: center; text-transform: uppercase; color: #000000 !important; font: 11px Verdana !important;}
 #side a { color: #000000;}
 #side h1 A { position: absolute; top: -70px; left: -10px; width: 700px; font: 28px Impact !important; text-align: left; z-index:10 !important; color: #ffffff !important; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000, offx=0, offy=1); text-transform: lowercase;}
 #thisDiaryInfo, .menuSection li, #Stats { background: url('/userdir/7/9/5/8/795849/70405380.png'); -webkit-box-shadow: 1px 1px 10px #000000; -moz-box-shadow: 1px 1px 10px #000000; box-shadow: 1px 1px 10px #000000; border: 1px solid #000000; width: 150px !important;}
 .menuSection li {padding: 5px 0px 5px 0px !important; margin-top: 5px !important; }
 #faqLink {display: none;}
 #diarySupportLink {display: none;}
 #upInChart {display: none;}
 #myQuotLink {display: none;}
 #diarySpiritLin {display: none;}
 #myCommunitiesLink {display: none;}
 #randomDiaryLink {display: none;}
 #communityCatalogueLink {display: none;}
 #allDiaryLink {display: none;}
 #mainpageLink {display: none;}
 #iAmQuit {display: none;}
 #diarySpiritLink {display: none;}
 #favListLink {display: none;}
 #pchListLink {display: none;}
 #authorAlbum {display: none;}
 #albumLink {display: none;}
 #myProfileLink {display: none;}
 #rssLink {display: none;}
 #TagsList {display:block !important;visibility:visible !important; }
 #thisDiaryInfo {padding: 10px 0px 10px 0px !important; margin: 5px 0 0 5px !important; }
 #TagsList { background: none !important; margin: 0 !important; text-align: left; text-transform: lowercase;}
 #TagsList li { background: none !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin-top: 1px !important; padding: 0 !important; }
 #thisDiaryPhoto img { border: 1px solid #262626; }
 #Stats {padding: 5px 0px 5px 0px !important; margin: 5px 0 0 5px !important; }
 {----------------------------------------------- posts ----------------------------------------------------}
 #page-c { margin-right: 30px !important; margin-bottom: 30px !important; margin-top: 30px !important; padding: 0px !important;}
 #page-t { background: #7a7a7a url('/userdir/7/9/5/8/795849/70415861.jpg') 0px 0 no-repeat ; padding: 440px 20px 20px 20px !important; border: 1px solid #000000; min-height: 900px !important;}
 #postsArea {padding: 0px !important;}
 .singlePost {margin: 0px 0 20px 0px !important; border: 1px solid #000000 !important; -webkit-box-shadow: 1px 1px 10px #000000; -moz-box-shadow: 1px 1px 10px #000000; box-shadow: 1px 1px 10px #000000;}
 .postContent { padding: 10px 20px 10px 20px !important; }
 .countFirst { background: #7a7a7a url('/userdir/7/9/5/8/795849/70404362.png') 100% 100% no-repeat;}
 .countSecond { background: #7a7a7a url('/userdir/7/9/5/8/795849/70404372.png') 0 0 no-repeat;}
 #epigraph {margin: 0px !important; padding: 0px !important; background: #7a7a7a url('/userdir/7/9/5/8/795849/70404362.png') 100% 100% no-repeat !important; border: none !important;}
 .postLinksBackg { background: url('/userdir/7/9/5/8/795849/70404375.png') 0 0 repeat-x; padding: 10px 20px 10px 20px !important; font: bold 10px Verdana !important; color: #000000 !important; text-transform: lowercase;}
 .atMusic em, .atMood em, .atTag em { font-style: italicise; font-size: 92%;}
 .atMusic span:before {content: "музыка:"; font-size: 13px; }
 .atMusic span {font-size: 0px; }
 .atMood span:before {content: "настроение:"; font-size: 13px; }
 .atMood span {font-size: 0px; }
 .atTag span:before {content: "темы:"; font-size: 13px; }
 .atTag span {font-size: 0px; }
 {----------------------------------------------- headers ----------------------------------------------------}
 .postTitle, #addCommentArea_title { font: bold 14px Verdana !important; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); background: url('/userdir/7/9/5/8/795849/70404375.png') 0 100% repeat-x !important; padding: 5px 20px 10px 20px !important; }
 .header h2 { font: bold 15px Verdana !important; text-transform: lowercase; }
 #epigraph .postActionLinks { padding: 10px 20px 0px 0px !important; }
 #epigraph .header { padding: 30px 20px 0px 0px !important; }
 .postDate { font: bold 9px Verdana !important; color: #333 !important; text-transform: uppercase; padding: 10px 20px 10px 20px !important; text-align: center; background: url('/userdir/7/9/5/8/795849/70404375.png') 0 100% repeat-x;}
 #commentsArea_title, #new_post_title, .calHeader { font: bold 14px Verdana !important; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); }
 #new_post_title {margin-left: 20px !important;}
 {----------------------------------------------- comments ----------------------------------------------------}
 #commentsArea {padding: 0px !important;}
 .singleComment, #addCommentArea {margin: 0px 0 20px 0px !important; border: 1px solid #7a7a7a !important; -webkit-box-shadow: 1px 1px 10px #000000; -moz-box-shadow: 1px 1px 10px #000000; box-shadow: 1px 1px 10px #000000; background: #7a7a7a !important; }
 #addCommentArea {padding: 0px !important;}
 .avatar img { border: 1px solid #000000 !important; -webkit-box-shadow: 1px 1px 10px #000000; -moz-box-shadow: 1px 1px 10px #000000; box-shadow: 1px 1px 10px #000000;}
 .authorName, .communityName { margin-left: 20px !important; }
 img { max-width: 525px !important;}
 #msg_form {padding: 10px 20px 10px 20px !important;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #ffffff;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active {color: #570608 !important;}
 #side h1 a:hover {color: #333 !important;}
 span.quote_text { font-style: normal !important; display: block; margin: 0px; padding: 10px; font-size: 11px; background: #7a7a7a; border: 1px solid #7a7a7a; -webkit-box-shadow: 1px 1px 5px #000000; -moz-box-shadow: 1px 1px 5px #000000; box-shadow: 1px 1px 5px #000000;}

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

URL

14:44

Не знаю, что делать.

все записи пользователя в сообществе Rinefica

Добрый день, никак не могу понять, откуда появились отступ и эта белая полоска - посмотреть Подскажите, пожалуйста, как избавиться от этих недочётов?
И сразу, чтобы одним постом: настроила так, чтобы картинка не смещалась и перемещалась по странице, приклеенная к нижнему левому углу - в настройках она есть, а в дневе - нет. Скрин
Дневник открыт. Код такой.

@темы: diaryCSS

URL

четверг, 07 июля 2011

11:53

Ширина

все записи пользователя в сообществе .Yulle.

.Yulle.

Здравствуйте.
Нужно сделать так, чтобы ширина размещения текста в постах была одной, а в эпиграфе - другой.
Фишка в том, что эпиграф у меня определенного размера, потому текст там должен быть не больше, например, 220пкс. Тогда как размеры самих постов - 680пкс, а текста в них, например, 630пкс, чтобы были отступы от края фона постов.
.paragraph срабатывает и на эпиграф, и на посты, делая ширину размещения текста одинаковой.
Подскажите, пожалуйста, как отдельно прописать ширину текста эпиграфа?

Вопрос решился

@темы: текст, эпиграф

URL

среда, 06 июля 2011

15:39

Платный сервис

все записи пользователя в сообществе бескрайняя

wait for me~

Доброго времени суток!
Я хочу подключить только CSS и аватары - все.
Подскажите пожалуйста, как мне это сделать? А то у меня все равно выделяется один из пакетов, а соответственно и плата выше, а мне это не нужно, как и сами сервисы, только CSS и аватары.
Как это подключить?

@темы: платный сервис

URL

вторник, 05 июля 2011

20:59

Пожалуйста, найдите ошибку в коде!!!!!

все записи пользователя в сообществе ~Duke of madness~

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

кодbody {background: #000000 url ('/userdir/2/4/2/4/2424289/70362505.jpg') no-repeat fixed center 178px; padding: 0px !important; margin: 0px !important;}
#wrapper{min-width:1024px !important; width:1024px; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; background: url ('/userdir/2/4/2/4/2424289/70362490.jpg') ; }
#extratop{width: 1024px; height: 201px; background: url ('/userdir/2/4/2/4/2424289/70362484.jpg') no-repeat; top: center; margin: 0 ; padding: 0 ; }
#side{ width:881px !important; height: 82px !important; margin-left: 73px !important; margin-right:151px !important; padding: 0px; }
#side h1{display: none; }
#page-c{width: 1024px !important; padding: 0 !important; padding: 0 !important; }
#page-t {margin-left: 181px !important; margin-right: 181px !important; margin-bottom: 15px !important; }
#extrabottom {width: 1024px; height: 62px; background: url ('/userdir/2/4/2/4/2424289/70362491.jpg') no-repeat; center; }
#Stats{display: none; }
#pchs{display: none; }
#thisDiaryOwner{height: 82px; width: 243px; background: url ('/userdir/2/4/2/4/2424289/70362494.jpg') no-repeat; text-align: center; position: absolute; top: 201px; left: 72px; margin-left: 0px; padding: 25px; }
#thisDiaryOwner ul {background: #ffd39a; width: 170px !important; position: absolute; top: 50px; left: 48px; margin-left: 0px; padding: 25px; }
#myDiaryLinks {background: url ('/userdir/2/4/2/4/2424289/70362496.jpg') no-repeat; text-align: center; position: absolute; width: 185px !important; height: 82px !important; top: 201px; left: 315px; margin-left: 0px; padding: 25px; }
#myDiaryLinks ul {background: #ffd39a; width: 155px !important; position: absolute; top: 50px; left: 0px; margin-left: 0px; padding:25px; }
#globalLinks{height: 82px; width: 187px; background: url ('/userdir/2/4/2/4/2424289/70362498.jpg') no-repeat; text-align: center; position: absolute; top: 201px; left: 500px; margin-left: 0px; padding:25px; }
#globalLinks ul {background: #ffd39a; width= 200px !important; position: absolute; top: 50px; left: 10px; margin-left: 0px; padding:25px; }
#iAmQuit{height: 82px; width: 266px; background: url ('/userdir/2/4/2/4/2424289/70362499.jpg') no-repeat; text-align: center; position: absolute; top: 201px; left: 687px; margin-left: 0px; padding:25px; }
#thisDiaryLinks{background: url ('/userdir/2/4/2/4/2424289/70362498.jpg') no-repeat; text-align: center; position: absolute; width:185px !important; height: 82px !important; padding: 25px; top: 201px; left: 315px; margin-left: 0px; }
#thisDiaryLinks ul{background: #ffd39a; width:155px !important; top: 50px; left: 0px; margin-left: 0px; padding: 25px; }
#sortOrder{display: none; }
#login_form {height: 82px; width: 266px; background: url ('/userdir/2/4/2/4/2424289/70362499.jpg') no-repeat; text-align: center; position: absolute; top: 201px; left: 687px; margin-left: 0px; padding: 25px; }
#sign{background: #ffd39a; width: 180px !important; position: absolute; top: 50px; left: 0px; margin-left: 0px; }
.avatar img, .avatarNew img {border-width: 3px; border-color: #955633; border-style: dashed; background-color: #955633; align: center; }

Как это должно выглядеть, я не могу выложить,
но после "сохранения" выходит вот такое:
код 2body {background: #000000 # no-repeat fixed center 178px; padding: 0px !important; margin: 0px !important;}
#wrapper{min-width:1024px !important; width:1024px; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; background: # ; }
#extratop{width: 1024px; height: 201px; background: # no-repeat; top: center; margin: 0 ; padding: 0 ; }
#side{ width:881px !important; height: 82px !important; margin-left: 73px !important; margin-right:151px !important; padding: 0px; }
#side h1{display: none; }
#page-c{width: 1024px !important; padding: 0 !important; padding: 0 !important; }
#page-t {margin-left: 181px !important; margin-right: 181px !important; margin-bottom: 15px !important; }
#extrabottom {width: 1024px; height: 62px; background: # no-repeat; center; }
#Stats{display: none; }
#pchs{display: none; }
#thisDiaryOwner{height: 82px; width: 243px; background: # no-repeat; text-align: center; position: absolute; top: 201px; left: 72px; margin-left: 0px; padding: 25px; }
#thisDiaryOwner ul {background: #ffd39a; width: 170px !important; position: absolute; top: 50px; left: 48px; margin-left: 0px; padding: 25px; }
#myDiaryLinks {background: # no-repeat; text-align: center; position: absolute; width: 185px !important; height: 82px !important; top: 201px; left: 315px; margin-left: 0px; padding: 25px; }
#myDiaryLinks ul {background: #ffd39a; width: 155px !important; position: absolute; top: 50px; left: 0px; margin-left: 0px; padding:25px; }
#globalLinks{height: 82px; width: 187px; background: # no-repeat; text-align: center; position: absolute; top: 201px; left: 500px; margin-left: 0px; padding:25px; }
#globalLinks ul {background: #ffd39a; width= 200px !important; position: absolute; top: 50px; left: 10px; margin-left: 0px; padding:25px; }
#iAmQuit{height: 82px; width: 266px; background: # no-repeat; text-align: center; position: absolute; top: 201px; left: 687px; margin-left: 0px; padding:25px; }
#thisDiaryLinks{background: # no-repeat; text-align: center; position: absolute; width:185px !important; height: 82px !important; padding: 25px; top: 201px; left: 315px; margin-left: 0px; }
#thisDiaryLinks ul{background: #ffd39a; width:155px !important; top: 50px; left: 0px; margin-left: 0px; padding: 25px; }
#sortOrder{display: none; }
#login_form {height: 82px; width: 266px; background: # no-repeat; text-align: center; position: absolute; top: 201px; left: 687px; margin-left: 0px; padding: 25px; }
#sign{background: #ffd39a; width: 180px !important; position: absolute; top: 50px; left: 0px; margin-left: 0px; }
.avatar img, .avatarNew img {border-width: 3px; border-color: #955633; border-style: dashed; background-color: #955633; align: center; }

То есть он вообще не сохраняет стиль!!!

@темы: diaryCSS

URL

20:43

Сортировка меток

все записи пользователя в сообществе snarka

-

Добрый день,
Один из уважаемых админов подсказал мне, что через стили можно каким-то образом задать сортировку меток под записью. Так как оно есть по умолчанию, под одной записью стоит, скажем, "фото, видео, музыка", под соседней - "видео, музыка, фото", под третьей "музыка, видео, фото" - и так далее. То есть совершенно беспорядочно. Как бы сделать так, чтобы порядок был, скажем, всегда алфавитный?

Дневник бесплатный.

URL

понедельник, 04 июля 2011

23:01

Вопрос на миллион долларов.

все записи пользователя в сообществе Ater

Какое значение имеют слова, когда в небе столько звезд и шелком трава?...

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

Т.е. ссылки "Комментировать Подписаться В цитатник" нагло уползают в сторону.

А при прочих условиях, когда блок записи "растягивается" текстом, а не картинкой, все в полном порядке, как здесь:

Главная трудность в том, что блоку ссылок .postLinks задана позиция relative (как и всем остальным передвинутым объектам, а подвинуто почти все)))), и поменять этот факт я не представляю возможным...
Как вернуть непослушный блок на место?

UPD:
Как полезно формулировать вопросы для других) Все сразу сразу становится на свои места)
Главное правильно сформулировать проблему) Почему нельзя задать для .postLinks - absolut?

Для .postLinks можно задать позицию absolute, главное родительскому блоку .postLinksBackg указать relatve ) И тогда все блоки ведут себя послушно)

URL

воскресенье, 03 июля 2011

19:32

Сбивается фиксированная ширина

все записи пользователя в сообществе Meltu

Smiling banana

Настроила фиксированную ширину в 831 пиксель (под картинку в экстратопе). Возникла проблема: вылезает блок меню (сверху), т.е. он тоже фиксированной ширины, но почему-то не такой, так основной блок:

Сейчас посмотрела - внизу блок ссылок тож вылазит(((
Возникает вопрос: что я не так делаю? =) Они, видимо, отдельными классами идут, но раньше хватало задать ширину wrapper, и менялось ВСЕ.
Код:
читать дальше

Прошу прощения, если такое где-то уже недавно спрашивали.

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

URL

суббота, 02 июля 2011

14:55

Некорректно отображается голосование

все записи пользователя в сообществе Тайя.

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

Прямо что такое не везет, и как с этим бороться.
Вот здесь мне подсказали, как сделать, чтобы корректно отображались уменьшенные картинки в ленте, помогло, но внезапно вылез баг.
При коде #JournalFavorite img {max-height:150px; width: auto;} голосования в ленте отображаются так, цифры меняются, шкала нет.

Если убрать width: auto, голосование начинает отображаться корректно, но тогда у меня опять возникнет проблема с картинками! Знающие, помогите, пожалуйста.

@темы: Дизайн

URL


Запомнить