@CSS — стилизация дневников — Дайри (бывший Diary.ru)

четверг, 24 июня 2010

02:11

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

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

Хмм... неожиданно столкнулась с такой проблемой. Как уменьшить ширину подписи под аватором?
Например, когда задается аватару ширина 90px, то подпись получается больше и вылазит за границы ава.
Не шрифт, а именно чтобы он переносил слова на другую строчку.

@темы: текст

URL

среда, 23 июня 2010

22:29

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

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

Шаблон простой - сверху эскатроп, слева навигационная панель.

Помогите со скелетом кода (значения и ссылки я вставлю сама).

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

URL

21:45

id свой-чужой?

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

Господа и дамы опытные вертальщики(-цы) дневников!

Подскажите-ка мне, будьте добры, существует ли эдакий id, отвечающий за распознавание сайтом своего владельца или же гостя?

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

Спасибо.

@темы: diaryCSS

URL

17:00

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

После позиционирования меню на эпиграф и ника в другую сторогу у меня получилось, что ни ника, ни фото, ни названия дневника нет, а место под них в меню есть. Проблема в том, что место это мне не нужно. [тык]
Подскажите пожалуйста, как от него избавиться?
Заранее благодарю.

@темы: меню

URL

вторник, 22 июня 2010

22:47

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

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

Помогите пожалуйста!
в Мозиле, когда открываешь страницу, где расположен список всех тегов, ничего не отражается.
т.е. шрифт виден какую-то долю секунды. а потом исчезает и пусто Оо

а в опере все нормально. все работает.

@темы: текст

URL

20:00

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

Sometimes the same is different, but mostly it's the same.

~~В CSS не разбираюсь. Дизайн стоял нормально, а день назад поехал. Хелп?)~~ Решено

Часть кода:

{-----------------------------Экстратоп/боттом------------------------------------------}
#add_block1 { background: url('ЭКСТРАТОП'); height:400px; position:absolute; left:0%; top:0px; width:950px; margin-top:5px !important; z-index:0 !important;; }
#extratop { background: url('КАРТИНКА_1') no-repeat bottom; width 100%; height:503px;}
#extrabottom{background: url('ЭКСТРАБОТТОМ') no-repeat bottom left; width 972px; height:62px;}

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

URL

18:42

все записи пользователя в сообществе Там, за облаками

Мы, сильные, должны сносить немощь и бессилие. И не себе угождать.

Почитал сообщество, поюзал поиск.
Подскажите, как перенести меню на экстратоп?
растолкуйте толком, кто может, пожалуйста

@темы: меню, diaryCSS

URL

10:39

Отступ сверху

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

Никак не могу "приподнять" вверх название моего дневника (см. картинку)

Имею вот такой код.

#side h1 A{position:absolute !important; top:1px;left: 600px; text-align: left; font-size: 20px; color:#FFFFFF!important; font-color: #FFFFFF !important; }

Ставлю в нем отступ сверху всего в 1 пиксель, но надпись все равно не уходит вверх, хотя места там хватает.
Как ее сдвинуть вверх еще выше, чтоб не касалась белого поля?
_______________
Решено.

@темы: отступы, Дизайн

URL

понедельник, 21 июня 2010

18:42

изображения

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

Не срывайте с людей маски. Вдруг это намордники.

Добрый день!
Подскажите пожалуйста
1. можно ли размер изображения подогнать по ширине комментария?
2. Почему граница поста обрезает большую картинку?

@темы: diaryCSS

URL

воскресенье, 20 июня 2010

13:41

все записи пользователя в сообществе Там, за облаками

Мы, сильные, должны сносить немощь и бессилие. И не себе угождать.

Добрый день.
Я новичок в css и бьюсь вот над каким вопросом:
Есть фоновая картинка днева. Нужно, чтобы её границы приклеивались к границам экрана. Ну, то есть, чтобы при любом пользовательском разрешении она была на всю страницу.
Как такое осуществить?

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

URL

03:17

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

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

Здравствуйте.
1) Подскажите, пожалуйста, как можно сделать меню в виде расположенных друг под другом ссылок, замененных на свои картинки?
Я пробовала таким кодом, но тогда вторая и следующая ссылки становятся неактивные.
2) Подскажите, как убрать "авторизация"
читать дальше

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

URL

суббота, 19 июня 2010

22:47

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

Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.

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

Хелп?)

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

URL

15:01

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

Окружающие видят только мои маски и думают, что знают меня....

Не знаю, что опять поменяли на дайри, но дизайны поползли. Меню и пр. это ладно, но как поправить то, что на разрешении 1024 дизайн теперь не двигается к левой границе экрана как раньше, остается на месте, создавая скролл :bubu:

скрин
код на всякий случай

body {background: url('/userdir/2/0/9/9/209903/56649575.jpg') top repeat-x; background-position: 50% 0;background-attachment: fixed;}
 #postsArea { width:866px !important;padding-top:0px !important;margin-top:-12px !important;}
 #commentsArea, #addCommentArea { width:866px !important;padding-top:0px !important;margin-top:0px !important;}
 #page-c {background: #edede5; width:886px !important; left:45px !important; position:relative}
 #extratop{ background: url('/userdir/2/0/9/9/209903/56709956.png'); width:990px; height:339px;z-index: 3;position:relative}
 #side {position:absolute;top:30px !important; width:900px;height:144px; left: 630px;z-index:15;}
 #wrapper{min-width:990px!important; width:990px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important;}
 #postsArea .header {margin-top: 0px;height:37px; padding-left: 2px !important; padding-top: 2px !important;}
 #postsArea .header h2,#commentsArea_title, #addCommentArea_title, #postsArea .header.calHeader {display:block; width:100%; text-align:left; font-family:"Verdana"; font-size: 16px; font-weight:bold !important; }
 #postsArea .postDate {display:block; width:100%; text-align:left; font-size:11px !important; position:relative; top: 28px; left: 45px;color: #a0afcc !important;font-family:"Verdana";}
 #postsArea .header span {font-family:"Verdana"; font-size: 11px; font-weight:normal !important;color: #a0afcc;}
 #postsArea .postLinks a{font-family:"Verdana"; font-size: 12px;}
 a:hover{TEXT-DECORATION: underline !important; font-family:"Verdana"; font-size: 12px;}
 a{TEXT-DECORATION: none !important; font-family:"Verdana"; font-size: 12px;}
 .postLinksBackg {text-transform: lowercase;}
 a:hover, a:active{color:#30a5e0 !important;}
 .postLinksBackg {border-bottom: 3px double #9fbbb9; height:20px;border-top: 1px solid #9fbbb9;}
 #globalLinks_title {display:block; width:144px; height:32px; line-height:500px; overflow:hidden; background: url('/userdir/2/0/9/9/209903/56709149.png') 2px 4px no-repeat; }
 #thisDiaryOwner_title {display:block; width:133px; height:37px; line-height:500px; overflow:hidden; background: url('/userdir/2/0/9/9/209903/56709134.png') 2px 4px no-repeat;}
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:160px; height:41px; line-height:500px; overflow:hidden; background: url('/userdir/2/0/9/9/209903/56709113.png') 2px 4px no-repeat;}
 #globalLinks {position:absolute; top: 20px;left: -85px;z-index:0;}
 #thisDiaryOwner {position:absolute; top: 15px;left: 35px;z-index:1;}
 #myDiaryLinks, #myCommunityLink {position:absolute; top: 11px;left: 141px;z-index:2;}
 #myDiaryLinks:hover, #myCommunityLink:hover, #globalLinks:hover, #thisDiaryOwner:hover {z-index:15;}
 #thisDiaryLinks, #iAmQuit, .order_button, #postsCalendar {display: none;}
 #Stats a+a, #Stats, #pchs, #lastComments {display:none !important}
 #pchs, #lastComments, #authorAlbum, #myNotepadLink, #albumLink, #photolibLink, #diarySupportLink, #diarySpiritLink, #faqLink, #tagslistlink {display: none;}
 #more_login, #myLinks, #myLinksLink{display: none !important;}
 #side li {float:right !important; padding-right:7px !important}
 #thisDiaryOwner ul{right:-130px; width:850px !important; padding-top:15px !important; top: -35px;}
 #globalLinks ul{right:-240px; width:930px !important; padding-top:15px !important;top: -38px;}
 #myDiaryLinks ul, #myCommunityLink ul{right:0px; width:930px !important; padding-top:15px !important; top: -30px;}
 #side h1 a {display:block; width:146px; height:52px; line-height:500px; overflow:hidden; background: url('/userdir/2/0/9/9/209903/56709095.png') no-repeat;}
 #side h1 a {position: absolute; left:155px; top:60px !important;}
 #authorName {position: absolute; left:-625px; top:14px !important; display:block; width:121px; height:35px; line-height:500px; overflow:hidden; background: url('/userdir/2/0/9/9/209903/56709068.png') no-repeat;}
 #side ul li{color:#076da0; list-style: disc inside;}
 #epigraph {font-family:"Times New Roman"; font-size: 14px !important; top: 0px;position: relative; }
 #epigraph a{color: #5b76af;font-family:"Verdana"; font-size: 12px !important;}
 .comments {background: url('/userdir/2/0/9/9/209903/56708996.png') -1px -2px no-repeat; padding:0 0 0 25px !important; display:block; height:20px !important; }
 #extrabottom {background: url('/userdir/2/0/9/9/209903/56708849.png') repeat-x; width:887px; height: 100px; margin-left:45px; margin-top: -55px; }
 .LinkMore {color: #5b76af;TEXT-DECORATION: underline !important;}
 #bottomNavLinks {margin-top: 60px;}
 #epigraph .postTitle {display:none}
 .singlePost {padding-top:0px !important;margin-top:0px !important;}
 #epigraph, #post0 {margin: 0 !important ;}
 .text {border: 1px solid #71a2ad !important}
 #message {border: 1px solid #71a2ad !important}
 .avatar img { height: 100px; width: 100px;}
 .avatar img {-moz-opacity:.60 !important;opacity:.60 !important; filter:alpha(opacity=60);}
 .avatar img:hover {-moz-opacity:1.0 !important; opacity:1.0 !important; filter:alpha(opacity=100);}
 span.quote_text {background: #e1edf4; display: block; border-left:3px solid #c8deec; font-style:italic !important;border-top:1px solid #c8deec;border-bottom:1px solid #c8deec;border-right:3px solid #c8deec;color: #1c5371 !important;}
 span.quote_text {background: #e1edf4; margin: 0 25px 0 25px; overflow:hidden; padding:10px; color: #1c5371 !important;;}
 .comments_count_link{ color:#71a2ad;}
 #YaSearch {position:absolute; top: 260px !important; left: -580px;}
 #yaquery {width: 250px !important;}
 .authorName {text-transform: capitalize !important;}

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

URL

пятница, 18 июня 2010

18:30

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

Жить ой. Но да. ©

Многие не берут во внимание, что можно много чего сделать с самой цифрой комментариев/дискуссий/умейлов, а кто-то не может просто разобраться, как это сделать.
#myDiaryLink .count_box span - Появляющаяся цифра у Мой дневник, к примеру.
Делать с ней можно что вздумается - перенести, поставить на нее фон (она может стать появляющейся табличкой или иконкой), увеличитиь размер, изменить цвет... Если пофантазировать, может выйти неплохая фича в ваше оформление.
Без span в ИД код будет распространяться и на тире. Осторожно с выпадающим меню, потому что появляться она будет все равно только при наводке на материнский блок (как это обойти хз, не пробовал, но гуру, возможно, знают :old:

).

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

URL

среда, 16 июня 2010

21:26

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

Добрый вечер, уважаемые дневниковцы.
У меня возник вопрос, как же можно исхитриться в дайри и сделать такое же меню:

есть ли класс у выпадающих "столбиков"?

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

URL

16:06

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

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

"Что нас не убивает делает нас только сильнее" (с) Хотя с этим можно поспорить!

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

1 нужно немного отодвинуть меню от края, оно фиксированое, и похоже по этому не поддается ни на какие команды, чтобы хоть как-то сдвинуться вправа. Что можно с этим сделать? :shy:

Меню должно находиться по середине между двумя желтыми полосами.

2 видела тут, что можно сделать такую фишку, типа появляешегося сообщение, мол вам пришло письмо, или у вас новый комментарий, видела только скрин, так что не знаю действительно такое можно сделать. Можно? И если да, то как? (сделано)

мой код.

body { background: #320a18 url('/userdir/2/9/8/4/298464/56705813.jpg') right top no-repeat fixed !important; }
 #add_block1 {background: url('/userdir/2/9/8/4/298464/56697641.jpg') left top no-repeat !important; position: fixed; height: 900px; width: 221px; z-index: -1 !important;}
 #wrapper {min-width: 65% !important; width: 78%; float: left !important; padding: 0 !important;}
 #side {position: fixed; text-align: center; width: 130px; }
 #side a:hover {text-decoration: none; color: #f46f5d !important; }
 #side a {text-decoration: none; color: #eff45d !important;}
 #commentsArea a, #postsArea a {text-decoration: none; color: #eff45d !important;}
 #commentsArea a:hover, #postsArea a:hover {text-decoration: none; color: #a32919 !important;}
 .atTag a, .atMood em, .atMusic em, .atTag em{text-decoration: none; font-style: normal; font-size: 9px; color: #ff1e00;}
 #Stats { position: absolute; left: 47px; }
 .postDate { color: #30807e !important; font-family: Georgia; font-style: italic;}
 .postTitle { color: #68f9f5 !important; font-family: Georgia; font-style: italic;}
 #pchs, #myProfileLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #randomDiaryLink, #sortOrder, #albumLink, #myNotepadLink, #postsCalendar, #authorLiks, #YaSearch, #lastComments, #myDraftLink, #myQuotLink, #upInChart, #allDiaryLink, #faqLink, #myFavLink {display: none;}

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

URL

14:08

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

Мяф?

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

Код

body {padding:0px !important; font-family: "Trebuchet MS",Arial,sans-serif!important; font-size:85%!important; color:#ba8fbc!important; background:#f3ecff;}
 #wrapper{ background: #360836 padding:0 !important; width:980px; min-width:980px!important; margin:0 auto !important;overflow:hidden !important; position:relative !important}
 #thisCommunityMember_title, #thisCommunity_title {display:block; width:150px !important; height:55px !important; line-height:500px; overflow:hidden;background: url('/userdir/1/8/1/3/181347/53721287.gif') 0px 0px no-repeat; margin-top:0px; margin-left:-15px}
 #thisDiaryOwner_title {display:block; width:150px !important; height:55px; line-height:500px; overflow:hidden; background: url('/userdir/1/8/1/3/181347/53721323.gif') 0px 0px no-repeat; margin-top:0px; margin-left:-14px}
 #myDiaryLinks_title {display:block; width:150px !important; height:55px; line-height:500px; overflow:hidden; background: url('/userdir/1/8/1/3/181347/53721197.gif') 0px 0px no-repeat;margin-top:0px; margin-left:-14px}
 #globalLinks_title {display:block; width:150px !important; height:55px; line-height:500px; overflow:hidden;background: url('/userdir/1/8/1/3/181347/53721218.gif') 0px 0px no-repeat;margin-top:0px; margin-left:-14px}
 #side {width:980px !important;background:#360836; border:none !important}
 #side li {float:left !important; padding-right:7px !important}
 #side ul {position:absolute; left:0px; margin-top:-19px; width:980px !important; padding-top:8px !important; border:none !important}
 #thisCommunityMember ul, #thisCommunity ul {background:#e5a3e5; z-index:20 !important}
 #globalLinks ul {background:#591058; z-index:20 !important}
 #thisDiaryOwner ul {background:#ee6eee; z-index:20 !important}
 #myDiaryLinks ul {background:#b04fb6; display:block; visibility:visible !important; z-index:10 !important;}
 .menuSection a{color:#fff !important}
 #thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #myProfileLink, #NContent, #login_form, #login_change, #more_login, #pchs_title, #lastComments_title, #communityAlbum, #communityQuote, #communityFav, #writeToAuthor, #iAmQuit {display:none !important;}
 .top #side h1 {background:#000; width:980px !important; margin-left:-10px !important; margin-top:-10px !important; height:45px !important}
 #side h1 a{color:#fff; padding-top:10px !important; padding-left:10px !important;}
 H1 {font-size:200%!important;margin:0!important;}
 #thisDiaryInfo {font-size:150%!important;}
 #extratop {background: url('/userdir/1/8/1/3/181347/53721335.jpg') no-repeat; width: 980px; height:347px !important; padding: 0 !important; margin-top: 0px !important; position:absolute; top: 124px;}
 #extrabottom {background: url('/userdir/1/8/1/3/181347/53721260.jpg') 0 0 no-repeat; height:69px;width:100% !important; background-position: center !important;margin-top:-10px }
 #page-t {margin:0!important; background: #360836;}
 #page-c {height:auto; margin:0!important; margin-top: 331px !important; margin-right:0px !important; width: 980px;position:center}
 #page-t {margin:0!important;}
 .singlePost {height: auto !important; height: 1em; border: 0 !important;}
 .sign {font-size:80%; color:#666;}
 .header {color:#c264e5!important;}
 .postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 0px !important; padding:10px 0 !important;}
 .comments {background: url('/userdir/1/8/1/3/181347/53721242.gif') no-repeat; padding:0 0 0 20px!important;}
 .subscribe {background: url('/userdir/1/8/1/3/181347/53721233.gif') no-repeat; padding:0 0 0 20px!important;}
 .addToQuote {background: url('/userdir/1/8/1/3/181347/53721449.gif') no-repeat; padding:0 0 0 20px!important;}
 .quote_post {background: url('/userdir/1/8/1/3/181347/53721410.gif') no-repeat; padding:0 0 0 20px!important;}
 .quote_comment {background: url('/userdir/1/8/1/3/181347/53722091.gif') no-repeat; padding:0 0 0 20px!important;}
 .unsubscribe {background: url('/userdir/1/8/1/3/181347/53721233.gif') no-repeat; padding:0 0 0 20px!important;}
 .urlLink {background: url('/userdir/1/8/1/3/181347/53721395.gif') no-repeat; padding:0 0 0 20px!important;}
 .umail, .email {background: url('/userdir/1/8/1/3/181347/53721368.gif') no-repeat; padding:0 0 0 20px!important;}
 .diary {background: url('/userdir/1/8/1/3/181347/53721347.gif') no-repeat; padding:0 0 0 20px!important;}
 .profile {background: url('/userdir/1/8/1/3/181347/53721386.gif') 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;}
 #btSubmit {background:#360836; color: #fff;}
 .postDate, .postTitle {color:#9e5bc8!important; font-size:100%!important; font-weight:700!important;}
 A {color:#9e5bc8!important;}
 #YaSearch {padding:0!important; margin:0!important;height:50px!important;border:0!important; z-index:30 !important;}
 #YaSearch A {display:none;}
 #YaSearchForm { visibility: visible !important; display: block !important; margin:0!important; width:150px; padding:2px 2px 1px; position:absolute;right:70px; top:15px; border: 1px solid #EAEAEA;}
 #YaSearchForm .submit {position:absolute; height:19px; margin-left:10px !important; margin-top:-23px !important}
 #yaquery {color:#ba8fbc!important;}
 #side #search_selectbtid, #side #search_selectnewsel {display:none}
 .search {width:160px !important;}
 #bottomNav, #topNav{display:none !important}
 #TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:50px;}
 #TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:140px!important; margin-right:10px!important; color:#fff !important}
 #TagsList LI A {padding:0 !important; }

Как поставить наместо меню?
Спасибо!

@темы: меню, diaryCSS

URL

вторник, 15 июня 2010

20:18

пустое место

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

здесь только одна девушка!

Уважаемые сообщники! Столкнулась с такой проблемой, делаю дизайн, как тут: www.freecsstemplates.org/preview/themanor
Меню должно стоять именно сбоку. Так вот, если не прописывать врапперу бекграунд, получается такая вот фигня:

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

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

URL

18:22

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

можно ли как-то слова "комментарии", "в цитатник" и т.д. заменить на другие? например, "comments" и "add to memories"

@темы: меню

URL

15:25

Промежутки между топом+меню и записями

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

Быть самим собой.

Возникла проблема. Я уже довольно долго мучаю код и так и сяк, но никак не могу понять почему не получается убрать промежуток на скриншоте. Экстратоп с меню не хотят клеиться к записям.

Вроде как пытался изменить проблему при помощи: div.bordered {margin:0 !important;}
но это только уменьшило расстояние, но оно осталось.

Код CSS юзаю, вроде как, и не слишком мудреный:
читать дальше

Screenshot

Решено. Спасибо JeiCi.
В код нужно было вписать заливку бэкграунда: #side{background: white;}

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

URL


Запомнить