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

пятница, 08 апреля 2011

22:32

Очистка блоков

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

Veni, vidi, vici.

Идея проста. Вам нужна какая-либо ссылка, которая присутствует в дневнике, но вам совсем не нужен текст в ней - вы хотите иконку. Как это сделать?

1. Найдите ID данного объекта. Чтобы было, по чему обращаться к нему в CSS.

2. Создайте \ выберите \ найдите иконку. Закиньте её в БИ, запомните размеры (дальше - X и Y).

3. Примените следующий стиль для данного объекта: "{width:Xpx; height:1px; padding-top:Ypx; clip:rect(0px Xpx Ypx 0px); background:url('ссылка/на/изображение/в/вашей/БИ') no-repeat;}". Если что-то не сработает, добавьте перед ";" данного параметра "!important".

Суть в том, что мы просто вытесняем текст (с помощью padding-top) и обрезаем его (через clip). Таким образом можно сделать полностью графическое меню или вообще весь интерфейс, что привлекает, верно?

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

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

URL

19:36

все записи пользователя в сообществе Хаура

Недавно подключила платный сервис, начала играть с дизайнами, но почему-то, когда устанавливаю диз с экстатопом, этот самый экстратоп не видно. И так уже с несколькими дизайнами. Очень хочется поставить некоторые дизайны, но из-за этого не получается. Помогите, пожалуйста.
Вот как дожно быть http://static.diary.ru/userdir/1/4/9/5/1495018/67875431.png
и вот как получается http://static.diary.ru/userdir/1/4/9/5/1495018/67875323.jpg
В коде все проставляю, но все равно не получается.

Все готово

URL

17:17

все записи пользователя в сообществе Шизуо Хейваджима

Как исправить то, что обрамление на экстратопе не полностью? Вроде в коде все нормально прописал.
static.diary.ru/userdir/2/4/0/4/2404408/6787015...

Вот код:

 body {background position- bottom;padding: 0 !important;}
 #extratop {background: url('/userdir/2/4/0/4/2404408/67868627.jpg') no-repeat; height:700px; width:1000px;-moz-border-radius: 15px; border-radius: 15px; border-style:solid; border-color:#ebd99e; border-width:6px;}
 #wrapper{ min-width:1000px!important;width:1000px;margin: 0 auto !important;overflow:hidden !important}
 #side{width:150px !important;margin: 0 !important; margin-left: 15px !important;}
 .header,.countFirstDate,.countSecondDate {text-align:center;}
 #page-t {margin:0!important; background-color: #ffffff;}
 #addCommentArea { margin-left: -10px !important;}
 #postsArea { width:800px !important; position: relative !important; margin-left: 165px !important; padding: 10px !important }
 #page-t {border-style:solid; border-color:#ebd99e; border-width:6px;-moz-border-radius: 20px; border-radius: 20px; }
 #input, textarea { background: #e8d29d;}
 .menuSection li {border-bottom: 1px dotted #c2b9da;list-style: none;}
 .menuSection li a {display: block; padding: 3px 2px 5px 10px; text-decoration: none; }
 .menuSection li a:hover {background: #e8d29d; color: #97190c !important;}

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

URL

четверг, 07 апреля 2011

16:49

ай нид хэлп

все записи пользователя в сообществе [DEAD_ILLUSION]

happy addict

в Хроме и Опере диз отображается корректно.
в Лисе подводит.
как сделать что бы название дневника либо убрать совсем, либо спрятать под то название что в экстратопе.
#side h1 {display:none;} в Мозиле видимо не работет.

s42.radikal.ru/i096/1104/25/cc104982ab92.jpg

@темы: дневники, меню, эпиграф, diaryCSS

URL

00:35

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

Борюсь с хаосом. Хаос обречен.

Ситуация такая.

Меню вверху, вот такое. Нужна еще одна колонка меню - ПЧ. Т.к. их много, меню надо сделать выпадающим.
Я задавал всем вариациям #pchs {display:inline;}. Меню складываться отказывалось. Где я ошибся?

@темы: меню

URL

среда, 06 апреля 2011

15:31

фиксация меню

все записи пользователя в сообществе [ Ice Bird ]

Я слышу шаги бога смерти. ©

Доброго дня)
А я снова за помощью.

Хотела зафиксировать меню слева, чтобы точь-в-точь стояло на том месте, где мне надо и никуда не отъезжало. У меня всё встало, но у кого разрешение больше моего, оно уезжает или и вовсе обрезается. Посмотреть другие скрины можно в дневнике в последнем посте.
Пока смотрела в нескольких браузерах, увидела, что они все его тоже по-разному отображают:

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

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

Код

#wrapper{min-width:690px!important;width:700px;float:right!important; padding:0 !important; overflow:visible !important; background:#48aaa9; }
 #page-t {margin:0 !important; width:750px !important;padding:0 !important;padding:0 !important;}
 #page-c {min-width:690px !important; width:700px !important; float:right!important; background:#48aaa9;}
 #side {min-width:690px !important; width:700px !important; float:right!important; background:#48aaa9;}
 body {background: #47a9a8 url('/userdir/8/9/7/6/897665/67759007.jpg') left bottom no-repeat; background-attachment: fixed;}
 #authorName {top: 150px; position:fixed; right: 880px !important; font-family: "Trebuchet MS"; font-size: 15px!important;}
 #side h1 a{position:absolute; top: 1px; left: 400px; font-family: 'Old Comedy'; font-size: 36px; font-weight: bold; font-style: normal!important; color:#ffffff!important;}
 #side h1 a span {display: none important;}
 .singlePost first, .countSecond {background:url('/userdir/8/9/7/6/897665/67760141.png') no-repeat; background-position:bottom;!important;}
 #extratop { background: transparent) 5epeat-x; width: 100%; height: 20px; position:relative; left: 0px; right:0px; margin-top:-10px;}
 #myDiaryLinks_title {display:block; width:180px; height:45px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67764842.png') no-repeat;}
 #myDiaryLinks ul {background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #myDiaryLinks {position:fixed; right: 745px; top: 180px; }
 #thisDiaryOwner_title {display:block; width:180px; height:45px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67765832.png') no-repeat; }
 #thisDiaryOwner ul {background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #thisDiaryOwner {position:fixed; right: 745px; top: 430px; }
 #thisDiaryLinks_title {display:block; width:180px; height:45px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67766363.png') no-repeat; }
 #thisDiaryLinks ul { background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #thisDiaryLinks {position:fixed; right: 745px; top: 580px; }
 #globalLinks_title {display:block; width:180px; height:50px; line-height:500px; overflow:hidden; background: url('/userdir/8/9/7/6/897665/67767455.png') no-repeat; }
 #globalLinks ul {background: #d28b51; border: 1px solid #b15f1c; position: relative;}
 #globalLinks {position:fixed; right: 745px; top: 698px; }
 #myCommunitiesLink, #myLinks, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, #sortOrder, #topNavLinks, #communityCatalogueLink, #myCommunity, #favListLink, #myCommunityLink, #myCommunity, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #subscribeEmail, #thisDiaryPhoto, #myNotepadLink {display:none!important;}
 #iAmQuit b {display:block; width:143px; height:65px; overflow:hidden;}
 #iAmQuit b {position:fixed; right: 870px; top:670px; font-weight: normal!important;}
 #login_change {position:fixed; top: 5px; right: 620px;}
 #login_change {background-color: #48aaa9 ; border: 1px solid #7ccab9!important;}
 #more_login a{ position:fixed; top: 70px; right: 850px;}
 .avatar img,.avatarNew img {background-color:#ffffff; border: 2px solid #b1cef0; padding: 2px; }
 a {text-decoration: none!important; }
 a:hover {color: #ffffff; }
 #side a, side {color: #a14816; }
 #side a:hover {color: #ffe8a1!important; }
 #YaSearchForm{ position:relative; top: 1px; right: 480px;}

Такой дизайн делаю впервые, так что вполне могла что-то не туда влепить... :shuffle:

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

URL

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

22:31

проблемы с кодом

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

раны не лечатся, когда ранам рады

очередная проблема =_=
точнее, даже две.
1. прописываю код, чтобы на вместо ссылок были картинки, вот он.

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

2. как сделать так, чтобы при фиксированном меню название дневника всё-таки не стояло на месте?
отдельно задать каждому блоку меню, который должен быть фиксированным, фиксирование, не подойдёт

@темы: меню

URL

20:58

Пожалуйста.

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

Ваша. Не всегда.

Здравствуйте. Прописываю цвет для блока ссылок .postLinksBackg {background: #9a878d ; }
Строка закрашивается, но через пост. Почему так ?
остальное, пока написанное в коде

@темы: diaryCSS

URL

02:39

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

раны не лечатся, когда ранам рады

товарищи, спасайте =_=
на картинке остаётся кусок ссылки.
как убрать? спасибо заранее.
код: читать дальше

@темы: меню

URL

воскресенье, 03 апреля 2011

16:47

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

Я господень скоморох и меня любит Господь!

Здравствуйте!
почему когда я в CSS начинаю прописывать код к картинке в дизайне...он почему-то исчезает? В одном из постов было сказано, что коды следует прописывать без "static diary", т.е. вроде body { background: url('/userdir/1/5/8/4/1584229/5974407...') no-repeat;}, но и это не помогает. После сохранения ничего не проявляется, только исходник body { background: # no-repeat;}
подскажите, что делать!

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

URL

суббота, 02 апреля 2011

17:39

Как убрать название сообщества.

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

Воля, вера и воображение.

Люди добрые помогите. CSS пока только изучаю, но захотелось побаловать ПЧ новым дизом. Все вроде вышло, но есть одна небольшая проблема: На главной странице название сообщества расположено так:

А на странице комментария оно заходит на дату.

В связи с этим вопрос: можно передвинуть дату вниз, или сделать так чтобы во втором случае название сообщества не отображалось?
Код диза:

body{background:# repeat; background-position: 50% 0; background-attachment:fixed; padding:0px;}
 #wrapper{min-width:1000px !important; width:1000px; margin:0 auto !important; padding:0 !important;}
 #page-c{width: 800px !important;padding:0!important;padding:0 !important;background:url('/userdir/2/0/6/7/2067961/67615883.png') repeat; width:800px}
 #side{width: 200px !important;margin:0 auto !important; padding:0 !important; }
 #page-t {padding:0 !important; width:780px; margin:0 !important}
 #side h1 {position:absolute;top: 10px; left:00px; width:800px; }
 #side h1{text-align:left; font-family: Times New Roman; font-size: 20px !important; color: #e5e5e5;text-shadow: 0 0 0.1em #464646, 0 0 0.1em #464646, 0 0 0.1em #464646!important;border-top : 5px; color: #e5e5e5 !important;text-transform: uppercase;text-align:center;}
 .singlePost { background: url('/userdir/2/0/6/7/2067961/67592501.png') no-repeat; background-position:bottom !important; padding-right: 0px !important; padding-bottom: 70px !important; }
 #epigraph {border-bottom: none !important; padding:0 !important;}
 .menuSection_title {background: url('/userdir/2/0/6/7/2067961/67592504.png') no-repeat 10% 100%; color: #ebebeb; text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646 !important;font-size: 16px; font-weight: bold; height:50px;padding: 10px 0px 0px; text-align: left;text-transform: uppercase; width: 200px; display:block;}
 .singlePost .postTitle span {background: url('/userdir/2/0/6/7/2067961/67592510.png') no-repeat; line-height:10px; width:73px; height:80px; color: #e5e5e5; text-shadow: 0 0 0.2em #59514b, 0 0 0.2em #59514b, 0 0 0.2em #59514b !important;font-size: 18px; font-weight: bold; height:40px;padding: 10px 0px 0px; text-align: left;text-transform: uppercase; width: 200px; display:block;}
 #thisCommunityMember {line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:180px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #myDiaryLinks{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:220px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #YaSearch{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:70px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #thisDiaryOwner{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:150px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #globalLinks{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:200px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #myLinks{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:170px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #Stats{background: url('/userdir/2/0/6/7/2067961/67592504.png') no-repeat 10% 100%; color: #ebebeb; text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646 !important;font-size: 16px; font-weight: bold; height:50px;padding: 10px 0px 0px; text-align: left;text-transform: uppercase; width: 200px; display:block;}
 #pchs{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:200px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 #lastComments{line-height:12px; color: #e5e5e5; text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b !important;font-size: 12px; font-weight: bold; height:200px;padding: 0px 0px 10px; text-align: right;text-transform: uppercase; width: 180px; display:block;}
 a {color: #e5e5e5;text-shadow: 0 0 0.1em #464646, 0 0 0.1em #464646, 0 0 0.1em #464646!important;border-top : 5px; color: #464646 !important;}
 A:hover {color: #e5e5e5;text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646!important;border-top : 5px; color: #e5e5e5 !important;}
 #authorName {position: absolute; top:0px; left:850px; max-width: 800px; padding: 10px;text-align:center;text-transform: uppercase; font-family: Georgia; font-size:12px !important; }
 .postTitle{color: #da3f5c;font-size: 16px; text-transform: uppercase; text-shadow:text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b ,!important;border-top : 5px;}
 .sign{color: #e5e5e5;text-shadow: 0 0 0.1em #696969, 0 0 0.1em #464646, 0 0 0.1em #464646!important;border-top : 5px;text-transform: uppercase; font-size: 11px; color: #464646 !important;}
 .quote_text {color: #da3f5c;font-size: 12px; text-transform: uppercase; text-shadow:text-shadow: 0 0 0.1em #59514b, 0 0 0.1em #59514b, 0 0 0.1em #59514b ,!important;border-top : 5px;}
 .postDate {color: #e5e5e5;text-shadow: 0 0 0.2em #464646, 0 0 0.2em #464646, 0 0 0.2em #464646!important;border-top : 5px; color: #e5e5e5 !important;text-transform: uppercase;text-align:center;font-size:14px;}
 .avatar img { border-width:4px; border-color:#464646; border-style:double; padding:3px; display: block; }
 #JournalComments, #commentsArea .paragraph img, #JournalComments #postsArea .paragraph img, #JournalQuote #postsArea .paragraph img, #div_img, #JournalFavorite#postsArea .paragraph img {max-width:600px !important}

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

URL

пятница, 01 апреля 2011

23:20

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

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

Из невозможного. Убедите меня, что это не так.
Задача такова - есть 3 соседних блока. Хоть тресни, хочу при наведении на третий блок поменять свойства первого блока.
Вот с при наведении на первый - изменить третий можно - хотя бы конструкцией .one:hover ~ .three - но оно работает только на следующие элементы, а не предыдущие. Соседний блок тоже работает только на следующий блок (.one + .two).
И конечно же, нельзя указать из дочернего элемента родительский, так?

@темы: diaryCSS, основные блоки, Точка зрения

URL

17:55

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

Подскажите можно ли совместить в фоне две картинки? Основной фон и картинка снизу. И если да, то ка правильно прописать это в коде?
заранее спасибо)

UPD Попробовала несколько вариантов, не в одном картинка с подсолнухами не отображается. Не пойму в чем дело.
код

body {background:url('/userdir/1/8/1/6/1816774/67225544.jpg') repeat, url('/userdir/1/8/1/6/1816774/67599587.png') no-repeat bottom left;}
 #wrapper{ min-width:1000px!important;width:1000px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/67601312.png') no-repeat; width: 1000px; height:500px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/67601327.jpg') no-repeat; width: 1000px; height: 490px;line-height: 100% !important; margin-top:-0px;margin-left: 0px;}
 #add_block1 {background: url('/userdir/1/8/1/6/1816774/67599587.png'); height:0px; width:0px; position:fixed; left:0px; bottom: 0px; z-index:-1;}
 .singlePost {position: relative; background:#ffffff; -moz-border-radius: 3px; border-radius: 10px; padding: 15px 15px 15px 15px !important; margin: -0px 0px 50px 0px !important; }
 #page-c {width: 800px !important; margin-top: -0px !important; margin-left:0px !important;}
 #side{width:200px !important;margin-top:-23px !important;}
 #page-t{margin-left:-200px !important; width:1000px!important; padding:0 !important;padding:0 !important; padding:0px !important}
 #postsArea {margin-left:220px !important; width:750px!important; padding:0 !important;padding:0 !important; padding:0px !important}
 .menuSection {position: relative; background:#ffffff; -moz-border-radius: 3px; border-radius: 10px; padding: 15px 15px 15px 15px !important; margin: 0px 0px 30px 0px !important; }
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:765px; margin: 20px 0px 0px 220px !important; }
 #side h1 a {repeat-x bottom; position: relative; left:150px; top:-406px; }
 #side h1 a {font-family:"Verdana"; font-size: 20px; }
 #side h1 a:hover{color:#fff; text-decoration:none;}
 #authorName:hover{color:#8ab3d3; text-decoration:none;}
 #authorName {font-family:"Verdana"; font-size: 15px; }

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

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

URL

четверг, 31 марта 2011

19:03

Правила сайта...

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

Здравствуйте.
Прочитала правила. Уяснила для себя, что существуют материалы, которые запрещено размещать на данном ресурсе. Если разместить, то последует предупреждение или бан.
А разрешено ли, опубликовать подобную запись на другом ресурсе (где это не возбраняется), а тут, у себя в дневнике, сделать пост и поместить в него только ссылку на другой ресурс и описание того, что там лежит?
Ведь, таким образом, я не нарушу правил сайта? Или всё-таки нарушу?

Большое спасибо за внимание.

@темы: дневники

URL

15:30

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

Диагноз: "стебанатор глумливый" (с) Dallas Levi

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

Заранее благодарен за советы.

Код:

#extratop { background: url('/userdir/3/7/4/1/374141/67543208.png') 0 0 no-repeat !important; width:100%; height:500px; line-height: 100% !important; clear:both; margin: 0 0 0 0px !important; position: absolute; left: -6px !important; top: -10px !important;}
 #wrapper {background:0 0 no-repeat; !important; background-position: fixed;}
 #wrapper {min-width: 900px; width: 900px; margin: 0 0 0 0px !important; padding: 0 !important; position: relative;}
 #side {width:80px !important; margin: 0 0 0 0px !important; position: absolute; left: 635px; top: 450px; z-index: 2 !important; !important;}
 #side {background: url('/userdir/3/7/4/1/374141/67563485.png') no-repeat; height: 300px; width:400px !important;}
 #page-c div.bordered {width:715px !important; padding: 0 !important; position: absolute; left: 23px !important; top: 490px !important; background-color: #fefef5;}
 #page-c div.bordered {border-width: 10px !important; border-color:#e8f2f6;}
 #side h1 {position: absolute; left: -140px; top: -155px;}
 #all_links, #lastComments, #more_login, #writeToAuthor, #thisDiaryPhoto, #rssLink, #YaSearch, #headlineList, #comments, #subscribeEmail, #albumLink, #allDiaryLink, #photolibLink, #favListLink, #communityCatalogueLink, #myCommunitiesLink, #postsCalendar, #upInChart, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #authorFav, #authorAlbum, #thisDiaryLinks, #login_change, #sortOrder, #YaSearch, #headlineList, #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #fallDiaryLink, #allDiaryLink, #sortOrder,#randomDiaryLink, #lastComments, #topNavLinks, .quote_post, #myCommunity, #myCommunityLink #upInChart, #topNav, #authorRSS, #postsCalendar, #faqLink, #headlineList, #diarySpiritLink, #communityCatalogueLink, #diarySupportLink, #paySupportLink, #authorFav, #arssLink, #favListLink, #allDiaryLink, #myLinksLink, #authorLiks, #writeToAuthor, #authorFav, #authorQuot, #albumLink, #Stats, #myStatLink, #myStatLink, #myLinks, #pchListLink, #myNotepadLink, #topNav, #myDraftLink {display:none!important}
 #bottomNavLinks, #topNavLinks {display: none; !important}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 5px solid #e8f2f6; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100)}
 .postLinksBackg {background:url('/userdir/3/7/4/1/374141/67546475.png'); width:100%; height:150px; background-position:bottom center; background-repeat:no-repeat;}
 .postTitle {text-align: center; height: 20px; font-size: 12px; margin: 0 0 0 100px !important;}
 .upPostLink a {content: 'update' !important; padding-right:10px !important; color: #d7d7d7;}
 .delPostLink a {content: 'delete' !important;padding-right:10px !important; color: #d7d7d7;}
 .editPostLink a {content: 'edit' !important; color: #d7d7d7;}
 .postLinksBackg {display:block !important; border-top:1px dotted #c7c7c7; border-bottom: 1px dotted #c7c7c7; margin-top: 4px !important; padding:6px 0 !important; text-align: center;}
 #topNav, #bottomNav {background:transparent !important;}
 .postDate {text-align: center !important; font-family: Calibri; text-shadow: 1px 1px 5px #8EBABD;}
 #thisDiaryLinks {content: 'this diary' !important; color:#c7c7c7;}
 #addToFav a {content: 'like';}
 #delFromFav a {content: 'dislike';}
 #writeToAuthor a {content: 'write me';}
 .quote_comment a {content: 'quote comment';}
 .quote_post, .quote_comment, .email, .addToQuote, .umail, .profile, .unsubscribe, .subscribe, .quote_post {background: # no-repeat; padding:2px 20px !important; display:block; height:16px; }
 .postLinks {display:block; width:100%; text-align:center; }
 div.postTitle { color: #c7c7c7;}
 .subscribe {background: # no-repeat; padding:2px 30px !important; display:block; height:16px; }
 .comments {background: # no-repeat; padding:2px 20px !important; display:block; height:16px; }
 .addToQuote {background: # no-repeat; padding:2px 20px !important; display:block; height:16px; }
 .upPostLink a:hover {color: #8EBABD;}
 .delPostLink a:hover {color: #8EBABD;}
 .editPostLink a:hover {color: #8EBABD;}
 #umailLink a {content: 'u-mail';}
 #myDiaryLinks_title {content: 'diary' !important; color:#c7c7c7; position: absolute; left: 170px; top: 100px;}
 #myDiaryLinks ul {position: absolute; left: 170px; top: 110px; background-color: #fefef5;}
 #myDiaryLink a {content: 'my world' !important;}
 #writeThisDiary a {content: 'express' !important;}
 #myFavLink a {content: 'others' !important;}
 #myQuotLink a {content: 'quotes';}
 #discussionLink a {content: 'discussions';}
 #myProfileLink a {content: 'identity';}
 #optionsLink a {content: 'options';}
 #photolibLink a {content: 'illusions';}
 #tagslistlink a {content: 'tags';}
 #thisDiaryOwner_title {content: 'text' !important; color: #c7c7c7; position: absolute; top: 100px;}
 #thisDiaryOwner ul {absolute; top: 110px; background-color: #fefef5;}
 #globalLinks_title {content: 'overall' !important; color:#c7c7c7; position: absolute; top: 100px; left: 50px;}
 #globalLinks ul { position: absolute; top: 110px; left: 50px; background-color: #fefef5;}
 #mainpageLink a {content: 'index';}
 #myCommunitiesLink a {content: 'community';}
 #randomDiaryLink a {content: 'random';}
 .menuSection a:hover {color:#8EBABD;}
 .atMusic em { font-size: 0 px; background: url('/userdir/3/7/4/1/374141/48741407.gif') no-repeat 0; padding-left: 70px !important; }
 #globalLinks .addToQuote {background: # no-repeat; padding:2px 20px !important; display: block; height:16px; }
 .atMood span {content: 'mood:';}
 .atMusic span {content: 'music:';}
 .atTag span {content: 'tags:';}
 .addToQuote a {content: 'add quote'; color: #8EBABD;}
 .subscribe a {content: 'subscribe';}
 .unsubscribe a {content: 'unsubscribe;'}
 .quote_post a {content: 'quote this';}
 .diary a {content: 'diary';}
 .profile a {content: 'identity'; color: #c7c7c7;}
 .comments a:before { content: 'comment';font-size:10px;color:#8EBABD;}
 .comments a{font-size:0px;color:transparent}
 .comments_count_link a:before {content: '' ;}
 .comments_count_link a{font-size:10px;color:#c7c7c7;}
 .order_button {display: none;}
 a:hover {color:#;text-decoration: none; cursor:help; font-weight: bold !important;}
 .atMusic,.atMood,.atTag { float:right; clear:right; padding: 0 10px 0 0; border-right: 2px dotted #96a4a3; }
 em:hover {text-decoration: none !important;}
 em {font-style: normal;}
 #iAmQuit {content: 'quit' !important; color: #c7c7c7; position: absolute; top: 100px; left: 215px;}
 #authorName  {display: block !important; position: absolute; left: -1110px; top: -35px; color: transparent;}
 .postContent  {padding: 0px 10px 10px 10px;}

картинка:

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

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

URL

воскресенье, 27 марта 2011

14:17

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

Пока мы думаем, как убить время, время убивает нас. (с) А. Алле

Уважаемы мастера, помогите пожалуйста

Возможно ли в CSS сделать подобные завитушки вокруг записи?
Если возможно, то подскажите пожалуйста код (поподробней, а то я ещё только учусь)

@темы: рамки и полоски, diaryCSS, основные блоки, Учеба

URL

пятница, 25 марта 2011

12:43

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

как нож в масло

Не знаю, как найти, был ли подобный вопрос: как вообще отключить сервис CSS? У меня сейчас пакет "Талантливый", куда входит:

Выделенный сервер — обязательный сервис
Мои ссылки
Аватары
Управление подписками
CSS
Увеличение размера БИ на 50 Мб

Из всего перечисленного хотелось бы оставить только это:

Выделенный сервер — обязательный сервис
Мои ссылки
Аватары

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

URL

четверг, 24 марта 2011

21:16

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

Здравствуйте помогите пожалуйста!Я только знакомлюсь с CSS,как с его помощью можно
сделать картинки как на примере.)))

* Комментировать

* Подписаться

* В цитатник

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

URL

17:25

отображение на разных разрешениях экрана.

все записи пользователя в сообществе Лунный дождь

мои звёзды сияют на земле

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

но если на мое родное разрешение 1280*1024, все будет подогнано без отступов, на разрешении больше картина будет уже другая, блоки "уедут" что смотрится уже криво

если я задам ширину для блока записей в %, то картина будет такой, верно? но меня не до конца устривает растяжение блока записей

поэтому вопрос - можно ли как то добиться такой картины? :hmm:

в идеале бы задать отступ от середины монитора, а не от краев, но такое по-моему невозможно(

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

URL

вторник, 22 марта 2011

21:24

рястягивание изображения

все записи пользователя в сообществе Лунный дождь

мои звёзды сияют на земле

пытаюсь залить фон градиентом при помощи такого кода.

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}

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

вот код всего дизайна

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}
 #wrapper{ min-width: 958px !important; width: 958px; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; z-index: 4;}
 #extratop { background: url('/userdir/1/6/7/3/1673245/67233122.png') no-repeat bottom; height: 487px; width:958px; margin-top:0px; position:relative; z-index: 3; }
 {----------------------------------------------------------------------------------------------------------------------}
 #page-c {min-width:675px !important; width:675px !important; padding: 0px 0px 0px 15px !important; margin:40px 65px 0px 0px !important; background:#000;}
 #page-t {margin: 20px 20px 20px 5px !important;background:#fff;}
 .communityName, .authorName {margin-left:5px !important; font-size:11px !important; padding-top:5px !important;}
 .commentAuthor {margin-left:5px !important;}
 .paragraph { margin-right:10px !important; }
 .postContent {margin-top:10px !important; }
 .atTag em, .atMusic em, .atMood em, .atTag span, .atMusic span, .atMood span { font-style: normal !important; font-size:11px !important; text-transform: lowercase;}
 #addCommentArea, #msg_form { padding :5px 10px 10px 15px !important;}
 .postDate { text-transform: lowercase; font-size: 11px !important; font-weight: none !important; padding: 0px 10px 0px 0px !important;}
 .postLinksBackg { padding: 5px 10px 0px 5px !important; font-size: 11px !important; color: # !important; text-transform: lowercase;}
 {----------------------------------------------------------------------------------------------------------------------}
 #side {width: 130px; margin:40px 0px 0px 65px; background:#000; text-align:right !important;color:#404040;}
 #side a {color: #fff;}
 #TagsList li { margin: 2px 0px 0px 0px !important; color:#626262;}
 #thisDiaryPhoto, #postsCalendar, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink {display:none !important;}
 {----------------------------------------------------------------------------------------------------------------------}
 .postTitle, #addCommentArea_title, #new_post_title, #commentsArea_title {color:#fff; font:18px '',"Compact"; text-transform:uppercase; background: #000!important; padding: 10px 10px 10px 5px !important; margin: 0px 10px 0px 0px !important; letter-spacing:5px;}
 #epigraph .header { background:none !important; }
 #authorName {background: url('/userdir/1/6/7/3/1673245/67237553.png') no-repeat; display:block; width:187px; height:21px; overflow:hidden; position: absolute; line-height:200px ;top:517px; margin-left:330px;}
 #side h1 a{background: url('/userdir/1/6/7/3/1673245/67238093.png') no-repeat; display:block; width:255px; height:37px; overflow:hidden; position: absolute; line-height:250px ;top:480px; margin-left:305px;}
 {----------------------------------------------------------------------------------------------------------------------}
 img {max-width:485px !important;}
 .avatar img { !important; max-width: 90px !important; padding: 0px !important; border: 10px solid #000; }
 .sign {white-space:pre-line !important; width:95px !important; font-size:12px !important;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active {color: #fff !important;background:#000;}
 #globalLinks a:hover, #myDiaryLinks a:hover, #thisDiaryLinks a:hover, #thisDiaryOwner a:hover {color: #000 !important;background:#fff;}
 span.quote_text { background: url('/userdir/1/6/7/3/1673245/67241249.png') 0px 0px no-repeat; min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 5px; padding: 5px 5px 5px 25px;}
 .blockquote { min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 0px; padding: 0px 0px 0px 0px;}
 .sign {white-space:pre-line !important; width:120px !important; font-size:11px !important; }
 .section, .formcontainer, .paragraph { _width:485px; overflow:auto; overflow-y: hidden; }

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

URL


Запомнить