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

четверг, 01 апреля 2010

19:51

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

Совершенству эволюция не нужна.

Я сделал довольно объемный дизайн для знакомого человека, и очень удивился, когда увидел, что он сразу же заработал так, как нужно. Я перепроверил код - там всего много, но где ошибка я так и не понял. Всё работает и отображается корректно. У кого-нибудь такое бывало вообще? Что делать в таких случаях? Куда писать и к кому обращаться?

URL

среда, 31 марта 2010

21:50

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

Почему-то не получается вставить картинку в поле body, почему не могу понять.. т.к. точно такой же код на следующее поле действует, а с написанием body страница становится просто белой.. Что делаю не так?
Даю код, с тем полем, в котором он сработал..
#wrapper {background-image: url('/userdir/5/3/6/2/53627/53696051.jpg'); no-repeat; fixed;}

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

URL

16:56

Все меню на экстратопе

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

I've murdered half the town Left you love notes on their headstones I'll fill the graveyards Until I have you

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

 #extratop { background:url('/userdir/1/3/4/2/1342692/53663966.jpg') no-repeat; !important; width: 100%; height:449px; !important;}
 #wrapper{background: #060b12; min-width:800px!important; width:800px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; border:3px solid #5bc0ea; margin-top:-9px !important; margin-bottom:-10px !important; padding:0 !important; margin-top:-9px !important; margin-bottom:-10px !important;}
 #page-c {width:800px !important; padding:00 !important; margin:0 !important}
 #page-t {margin:0 !important;}
 #page-c img{filter: alpha(opacity=50); opacity: 0.6; -moz-opacity: 0.6;}
 #page-c img:hover{filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;}
 .avatar img { border-width:1px; border-color:#a2d5ea; border-style:solid; padding:1px; display: block;}
 A:hover {cursor:crosshair; border-style:1px dotted #fff;}
 a:hover,a:active{color:#386b8b!important; border-style:2px dotted #d2f0fc;}
 body{background: url('/userdir/1/3/4/2/1342692/53663948.jpg') #000 Bottom no-repeat fixed;width: 100% }
 .singlePost{padding-left:5px !important;}
 .singlePost{padding-right:10px !important;}
 .singlePost{padding-bottom:0px !important;}
 .singlePost{padding-top:15px !important;}
 #thisDiaryLinks {display:none}
 #thisDiaryOwner { position: absolute; left: 840px; top: 300px; width:160px !important; text-align:right;}
 #myDiaryLinks{ position: absolute; left: 940px; top: 300px; width:160px !important; text-align:right;}
 #globalLinks{ position: absolute; left:1060px; top: 300px; width:160px !important;text-align:right;}
 #iAmQuit {display:none}
 #thisDiaryLinks ul, #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #myLinks ul, #Stats ul, #pchs ul, #lastComments ul { text-transform: lowercase; line-height:95% !important;letter-spacing: 0px !important;font-size: 11px !important; }
 #thisDiaryLinks ul a, #myDiaryLinks ul a, #thisDiaryOwner ul a, #globalLinks ul a, #myLinks ul a, #Stats ul a, #pchs ul a, #lastComments ul a {color: #87c4eb!important; letter-spacing: 0px !important; font-size: 11px !important;}
 #side h1 a{position:absolute; top:10px;left:850px; font-size: 17px; color: #8ac4f6!important;text-transform: uppercase; font-family: Yonezawa; }
 #epigraph, #post0 {padding-bottom: 0px !important;}
 #upInChart {display:none}
 #diarySupportLink {display:none}
 #paySupportLink {display:none}
 #rssLink {display:none}
 .quote_post {display:none}
 #myDraftLink {display:none}
 #upInChart {display:none}
 #more_login {display:none}
 #myStatLink {display:none}
 #YaSearch {display:none}
 #urlLink {display:none}
 #sortOrder {display:none}
 #authorLiks {display:none}
 #photolibLink {display:none}
 .paragraph{overflow: auto;}
 #diarySpiritLink {display:none}
 #faqLink {display:none}
 #headlineList {display:none}
 #topNav {display:none}
 .header h2 {display:none;}
 .postDate {text-align:left !important; font-family: Arial; font-size: 13px !important; color: #a745fb!important; text-transform:uppercase; line-height: 55%; }
 .header span{font-family: Yonezawa; color: #91d1de; font-size: 20px; text-transform:lowercase; line-height: 55%;}
 .atTag {margin: 5px 0 !important; font-family: Trebuchet MS; color:#29567a!important; font-size: 8px !important; padding: 5px !important; border: 1px dotted #19f4e4; width: 90% !important;}
 #authorName {display:none;}

@темы: дневники, меню, diaryCSS, платный сервис, Дизайн

URL

вторник, 30 марта 2010

22:29

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

Мяф?

Здравствуйте!
Есть проблема такого характера: для дневника был выбран дизайн с экстратопом, экстработтом и меню Tex'а.
Сделала все, вроде работает и все красиво. Кроме экстработтома. Он у меня намертво повис вверху и все. Лишь чуть чуть стеснительно выглядывает из-за враппера.
Вот так
Подскажите, в чем проблема и как решить?
Еще недоделанный стиль

* html body{behavior:url("/files/csshover.htc");}
 * html #wrapper{overflow:visible;}
 body {padding:10px !important; font-family: "Trebuchet MS",Arial,sans-serif!important; font-size:75%!important; color:#c264e5!important; background:#f3ecff;}
 .postDate, .postTitle {color:#9e5bc8!important; font-size:100%!important; font-weight:700!important;}
 A {color:#9e5bc8!important;}
 #wrapper{ background:#fff; padding:0 !important; width:980px; min-width:980px!important; margin:0 auto !important;overflow:hidden !important;}
 #side {margin:0 !important; padding:0 !important;}
 #side .bordered {width:980px;background:#360836; height:91px; margin: 0 !important; padding: 0!important; position:absolute; top:10px; z-index:5; left:150px;}
 #side li {float:left; display:block; padding-right:10px!important;}
 #side A, #side {color:#fff!important;}
 #extratop {background: url('/userdir/9/3/4/8/934872/53645639.jpg') no-repeat; width: 980px; height:347px !important; padding: 0 !important; margin-top: 0px !important; position:absolute; top: 136px; left:150px;}
 #page-c {height:auto; margin:0!important; position: absolute; top: 475px; left:150px; width: 980px;}
 #page-t {margin:0!important;}
 .singlePost {height: auto !important; height: 1em; border: 0 !important;}
 #thisCommunityMember, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:135px; height:26px; margin:0!important; }
 #YaSearch {padding:0!important; margin:0!important;height:0!important;border:0!important;}
 #YaSearch A {display:none;}
 #YaSearchForm { visibility: visible !important; display: block !important; margin:0!important; width:235px; height:45px; padding:5px 10px 1px; position:absolute;right:0; top:55px;}
 #YaSearchForm .submit {height:18px;}
 #yaquery {color:#fff!important;}
 #thisCommunityMember ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul{ display:none; width:960px; padding:10px 10px; position:absolute;left:0; top:90px;}
 #lastComments ul li {float:left; width:450px!important; margin-right:20px; height:40px; border-bottom: 1px dashed #ddd; display: none;}
 #lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisCommunityMember:hover ul, #thisCommunityMember ul:hover {display:block!important; z-index:10;}
 #myDiaryLinks, #myDiaryLinks ul {display:block;}
 #thisCommunityMember ul {background:#e5a3e5;}
 #thisCommunityMember {background: url('/userdir/9/3/4/8/934872/53645726.gif') #e5a3e5 no-repeat;}
 #globalLinks ul {background:#591058;}
 #globalLinks {background: url('/userdir/9/3/4/8/934872/53644910.gif') #591058 no-repeat;}
 #thisDiaryOwner ul {background:#ee6eee}
 #thisDiaryOwner {background: url('/userdir/9/3/4/8/934872/53645708.gif') #ee6eee no-repeat;}
 #myDiaryLinks ul {background:#b04fb6;}
 #myDiaryLinks {background: url('/userdir/9/3/4/8/934872/53644802.gif') #b04fb6 no-repeat;}
 #lastComments ul {background:#AE015C;}
 #lastComments {background: # #AE015C no-repeat;}
 #pchs ul {background:#005286;}
 #pchs {background: # #005286 no-repeat;}
 #thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #mainpageLink, #pchs_title, #lastComments_title {display:none !important;}
 #extrabottom{height:69px;background:#360836 url('/userdir/9/3/4/8/934872/53645912.jpg') no-repeat;}
 #thisDiaryInfo, H1 {font-size:220%!important;margin:0!important; height:45px!important;}
 #thisDiaryInfo A, #side H1 A {color:#fff!important;}
 #thisDiaryInfo {width:350px;text-align:right; padding: 10px 10px 0 0!important; background:#000; }
 H1 { width:610px;text-align:left!important; padding:10px 0 0 10px!important; background:#000!important;display:block;}
 .search {width:160px !important;}
 .sign {font-size:80%; color:#666;}
 .header {color:#c264e5!important;}
 #TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-55px;}
 #TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:140px!important; margin-right:10px!important;}
 #TagsList LI A {padding:0 !important; }
 .postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 10px !important; padding:10px 0 !important;}
 .comments {background: # no-repeat; padding:0 0 0 20px!important;}
 .subscribe {background: # no-repeat; padding:0 0 0 20px!important;}
 .addToQuote {background: # no-repeat; padding:0 0 0 20px!important;}
 .umail, .email {background: # no-repeat; padding:0 0 0 20px!important;}
 .diary {background: # no-repeat; padding:0 0 0 20px!important;}
 .profile {background: # no-repeat; padding:0 0 0 20px!important;}
 .bordered, .menuSection {border: none !important;}
 .text, textarea, #mce_editor_0, #mceSpanFonts {font-family: "Trebuchet MS",Arial,sans-serif!important;border:#Add64e5 1px solid!important;color:#fff!important}
 #JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
 #JournalComments .singlePost div.paragraph {margin:0!important;}
 #codebuttons a {float:left;}
 #codebuttons {clear:both;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}

@темы: diaryCSS, платный сервис, Дизайн

URL

18:43

background-attachment

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

“To be good is not enough when you dream of being great.”

Здравствуйте, у меня тут проблема с которой никак не могу разобраться. Дело в том, что я хочу втавить фоновую картинку в экстратоп, и еще одну в враппер. Ни одна ни другая не отображается, когда я прописываю background-position: fixed;
Если ставлю scroll, всё показывается, но мне нужно, чтобы изображение было зафиксировано

Вот кусок кода:
#wrapper{ width: 880px; background-attachment: fixed !important; background-image: url('/userdir/2/8/6/8/286863/53661185.jpg') !important; background-position: 50px 20px !important; background-repeat: no-repeat !important; border: 2px dotted black; }
#extratop{ width: 880px; height: 400px; overflow: hidden; background-attachment: fixed; background-image: url('/userdir/2/8/6/8/286863/53661194.jpg'); background-color:black ; background-position: 50px 20px; background-repeat: no-repeat !important;}

Интересно то, что в предпросмотре всё видно как надо, картинки загружены в БИ, они подходят по размеру... Не знаю, в чем дело... :crazy:

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

URL

понедельник, 29 марта 2010

18:31

Строка "Найти"

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

"Никогда не следует доверять женщине, которая называет вам свой возраст. Женщина, способная на такое, способна на все."(с.)

Доброго времени суток.
Сегодня открыв дневники обнаружила строку "найти" в абсолютно непригодном для неё месте. Появилась она совершенно внезапно, еще вчера вечером не было.

Подскажите, как убрать её.

@темы: меню

URL

01:57

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

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

Какими последствиями чревато написание !important везде, где не лень?

@темы: Мысли вслух

URL

суббота, 27 марта 2010

23:08

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

Архи Дея

Здравствуйте! я уже с ума сошла с этим дизайном: перепробовала все известные мне способы центрования, но все равно упорно вижу его слева. Не могли бы вы мне что-нибудь посоветовать?

#wrapper{background:#; width:599px;margin: 0 auto !important; padding:0 !important;}
 #side{width:599px !important;margin:0 !important; background: url('/userdir/3/0/2/5/302532/53108825.png') repeat; font-weight:bold !important;}
 #page-c{width:650px;padding:0 !important;padding:0 !important; background: url('/userdir/3/0/2/5/302532/53108825.png') repeat; background-attachment:fixed ;}
 #extratop {background: url('/userdir/3/0/2/5/302532/53551028.gif') center top no-repeat; width: 600px; height: 620px; no-repeat;}
 #extrabottom {background: url('/userdir/3/0/2/5/302532/53392346.png') no-repeat; margin: 0 auto; width: 650px; height: 80px; no-repeat; position: relative; left: -115px; top: -10px;}
 .urlLink, #bottomNav {display:none !important;}
 .header, .header span, .header h2, .postDate {font-family:'Verdana' !important; font-size: 16 px !important; text-align:center;}
 .postLinks {display:block; width:100%; text-align:center; font-family:'Verdana' !important; font-size: 16px; color:#fe1500;}
 #myDiaryLinks_title, #thisDiaryLinks_title, #thisDiaryOwner_title, #globalLinks_title, #myLinks_title { }
 #authorName {font-size: 21px; color:#362d36; text-transform: none; font-family:Verdana !important; font-weight: normal !important;}
 #side h1 {font-size: 21px; color:#fe1500 !important; text-transform: none; font-family:Verdana !important; }
 .offtop { color: #000000 !important; font-size: 10px;}
 .paragraph div:first-letter { font-size: 28px; font-family:Verdana !important;}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #4f4a4f; border: 2px dotted #ffffff; margin: 0px 0px 0px 0px; padding: 3px; filter:alpha(opacity=100) !important;-moz-opacity:.7 !important;opacity:.7 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #4f4a4f; border: 2px dotted #ffffff; margin: 0px 0px 0px 0px; padding: 3px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 ::selection {background:#Ffffff; color: #0f63c7}
 ::-moz-selection {background:#Ffffff; color: #0f63c7}
 #side h1 a {display:block; width: 250px; height:120px; line-height:500px; overflow:hidden; background: url('/userdir/3/0/2/5/302532/53302550.png') 2px 4px no-repeat; position: absolute; left: 0px; top: 0px;}
 #authorName {display:block; width: 200px; height:50px; line-height:500px; overflow:hidden; background: url('/userdir/3/0/2/5/302532/53302544.png') 2px 4px no-repeat;}
 .top #thisDiaryPhoto {display:none;margin-top:25px;padding:10px;position:absolute; right: 300px; top:0px;}
 #authorName {position: relative; left: -280px; top: 0px;}
 #YaSearch{display:none}
 A:hover {text-decoration: none; text-shadow: #fe1500 2px 0px 10px; color: #fe1500;}
 .menuSection {color: #fe1500; font-weight:bold !important;}
 #side ul {background: url('/userdir/3/0/2/5/302532/53108825.png') repeat; font-size:16px; border:1px dotted #ffffff; }

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

URL

четверг, 25 марта 2010

22:09

Подпись - в строку!

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

i feel it in my code, enough to make my core explode!

Люди добрые, просто нет возможности искать по сообществу (если такое было, извините, извините!)
Как сделать подпись в строку, как вот тут?

Ещё интересно, как аватар изменён в размере, а подпись и ник автора располагаются сбоку от него.

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

URL

вторник, 23 марта 2010

20:35

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

все записи пользователя в сообществе Pappy a long stocking

я верю в чудеса, даже если приходится творить их самой.

Возникла такая проблема. Не нашла здесь что-то.
Сделала картинку недвижимую над эпиграфом. В просмотре дневника она висит нормально, но когда переключаюсь на "избранное" и "новую запись", она прилично так вниз съезжает. В результате в избранном, я вижу сразу первый пост, даже без названия, а в "новой записе" тему поста написать невозможно. Никто не подскажет как это исправить?

@темы: отступы

URL

15:41

Отступы и рамки

все записи пользователя в сообществе Дэмина

Любопытство и робость, истома и страх, сладко кружится пропасть - и стон на губах... ©

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

1. Вылезающие кусочки какой-то лишней рамки
2. Отступы слева и справа от рамок, чтобы текст не вылезал за пределы и не начинался от самой рамки
3. Можно ли добавить нижнее окончание рамки меню, и если да, то как?

CSS код

@темы: отступы, рамки и полоски

URL

14:31

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

Архи Дея

Здравствуйте! подскажите, пожалуйста, как можно сделать закругленные уголки у блока с записями?

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

URL

11:41

Как сделать выпадающее меню?

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

Времени в обрез, вечность впереди. (с)

Увидела много информации о том, как его редактировать, но как просто сделать, какой код надо прописать, чтобы из картинки выпадало меню при наведении курсора, так и не нашла. Помогите пожалуйста.
Задача: есть дизайн, в нем есть картинки, которые обозначают меню. Надо, чтобы пр наведении на картинку, выпадало это самое меню. В настоящий момент оно просто постоянно присутствует.
Если нужен CSS дайрика - скажите.
Спасибо

@темы: меню

URL

понедельник, 22 марта 2010

23:30

Цвет ссылок

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

Снявши крылья, по ушам не плачут.

Здравствуйте.
Подскажите, пожалуйста, код, чтобы изменить цвет ссылок только у названий тем.

@темы: текст

URL

22:03

Цвет меню авторизации, картинка пользователя и расстояние между блоками и пр.

все записи пользователя в сообществе Nefer-Ra

R.I.P. your mind

1. Как прописать цвет для меню авторизации? (панель сверху). Для всех прочих меню цвет прописан, но это одно почему-то осталось прозрачным.
2. Можно ли закрепить картинку пользователя (фото), чтобы оно не появлялось при наведении курсора на ник, а висело постоянно?
3. Можно ли в дизайне типа такого (vranova.diary.ru/) сделать между всеми блоками некоторое расстояние, т.е. отодвинуть экстратоп от меню, а меню от блока записей.
4. Там же - как прописать характеристики (цвет заливки, шрифт) для нижнего меню (того, где статистика). Не нашла его описания в шпаргалках.
5. Как максимально правильно разместить по центру верхнее меню? Т.к. у меня или сам блок ползет, или двигаешь текст, а за ним убегает имя автора (при этом оно на прописанное прямо позиционирование реагировать перестает).
6. Как сделать разделитель между постами (например, такой пунктир, как тут)
7. Можно ли окошко поиска загнать в экстратоп или экстработтом? Если можно - поделитесь примерами реализации.

Спасибо за внимание.

P.S. Не факт, что правильно выбрала темы.

@темы: меню, рамки и полоски, diaryCSS

URL