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

понедельник, 27 сентября 2010

11:09

все записи пользователя в сообществе Настасья Филипповна 2.0

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

И снова здравствуйте, господа. Как всегда, на вас последняя надежда.

Это мой новенький дизайн

На экране 1200*800 и больше, вроде, смотрится нормально, ничего никуда не уезжает, все влезает.

Это он же на экране с меньшим разрешением

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

Кусок кода, отвечающий за фоны

Это все, что у меня есть.

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

В общем, мне нужен свежий взгляд и дельные советы. Пожалуйста.

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

URL

воскресенье, 26 сентября 2010

23:03

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

Что-то я уже год сталкиваюсь с этой проблемой, она меня достала и я решила спросить.
Суть в том, что посредством кода #side h1 {color: #e5dcbd !important;} цвет названия упорно не хочет меняться.
Есть какой-то ещё, или я просто что-то напутала?

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

URL

14:39

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

Не важно, как далеко вы шагнули вперед, чтобы шагнуть назад достаточно секунды.

Здравствуйте)
Такая проблема - не загружается эпиграф.
Если зайти на мой дневник, то эпиграф мелькнет и изчезнет - что мне с этим делать?)

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

URL

06:52

Помогите

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

Не могу стоять, пока другие работают… Пойду полежу.

Просмотрела множество записей, в том числе и в эпиграфе, но нигде не смогла найти способа избежать такой проблемы:

Причем в комментариях все нормально, а вот тут...

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

URL

суббота, 25 сентября 2010

18:35

относительно фона.

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

It's like trying to turn around on a one way street

сделала себе фон, для цсс дизайна (то, что вышло можно глянуть в дневнике, он открыт для всех.)
сам фон выглядит вот так >> static.diary.ru/userdir/1/3/1/8/1318641/6057578...
там где светлее, это сам блог с записями. по сторонам фон.
короче говоря, как сделать этот фон ПО ЦЕНТРУ ДНЕВНИКА, а остальную часть свободного места бы занял просто цвет?
тогда надписи встанут как раз на свое место

URL

пятница, 24 сентября 2010

21:41

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

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

Добрый день!
Такая проблема: при наведении на номер страницы, цифра начинается сдвигаться и дергаться. В действии баг можно посмотреть у меня в дневнике.

Вот код:

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

Ума не приложу, где накосячила, проблема мелкая, а неприятная, помогите решить.

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

URL

02:10

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

Извините, конечно, но, куда вписывать код, для дизайна? Например такой

body { background: #1e1d2d; }
#add_block1 {background: url('картинка №1') left bottom no-repeat !important ; position: fixed; width: 419px !important; height: 700px; z-index: -1 !important; bottom: 0px; left: 0px !important;}
#page-c { min-width: 60% !important; width: 92%; float: right !important; padding: 0 !important; }
#pchs, #myProfileLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #randomDiaryLink, #sortOrder, #albumLink, #myNotepadLink, #postsCalendar, #authorLiks, #YaSearch, #lastComments, #myDraftLink, #myQuotLink, #upInChart, #allDiaryLink, #faqLink, #myFavLink, #authorFav, #authorQuot, #authorAlbum, #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #addToFav, #Stats, #thisDiaryPhoto, #delFromFav {display: none !important;}
#authorName {font-size: 0px !important;}
#topNav {background: url('картинка №2') repeat-x !important; top: 0px; text-align: center;}
#side { position: fixed;}
#side h1 a { font-family: "Monotype Corsiva" !important; font-size: 23px !important; position: relative; left: 50px !important; color: #307575; text-align: center;}
.postDate {color: #30807e !important; font-family: Georgia !important; font-style: italic !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;}
#discussionLink span.count_box a { background: url('картинка №3') no-repeat; text-indent: -9999px; outline: none; height: 48px; overflow: hidden; position: fixed; left: 70px; bottom : 560px; width: 35px;}
#discussionLink span.count_box { color: #fff !important; }
#discussionLink {font-size: 0px !important;}
#myDiaryLink span.count_box a { background: url('картинка №4') no-repeat; text-indent: -9999px; outline: none; height: 48px; overflow: hidden; position: fixed; left: 230px; bottom : 565px; width: 37px;}
#myDiaryLink {font-size: 0px !important;}
#myDiaryLink span.count_box { color: #fff !important; }
#umailLink span.count_box { color: #fff !important; }
#umailLink {font-size: 0px !important;}
#umailLink span.count_box a { background: url('картинка №5') no-repeat; text-indent: -9999px; outline: none; height: 54px; overflow: hidden; position: fixed; left: 260px; bottom : 480px; width: 53px; }
#mainpageLink, #favListLink, #pchListLink, #iAmQuit { position: relative; left: 180px !important; bottom: 70px;}

Просто не нахожу эту строку(((
И, да, как картинку прописать в левый блок, вместо цвета?

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

URL

четверг, 23 сентября 2010

22:34

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

Friendship isn't a big thing - it's a million little things.

Здравствуйте. Заранее извиняюсь, если вопрос был. Если дадите ссылку на похожую тему, то ай лав ю)) :-D

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

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

URL

вторник, 21 сентября 2010

15:28

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

Black Betty

Здравствуйте!
Пожалуйста, помогите .w. Ответы на свои вопросы я искала, но нашла не совсем то, что требуется (что касается первого и второго вопросов):
1) Мне нужно не заменить надпись в меню на картинку, а поставить картинку перед ссылкой, какой код для этого нужен?
2) Можно ли как-то вынесли влево/вправо колонку с "Последними дискуссиями в дневнике"?
3) Есть ли какая-то возможность сделать отображающимся календарь (хотя бы текущий месяц? Или же это можно сделать с помощью виджета, который также вставляется в какое-либо выносящиеся за пределы блока записей, поле?

Спасибо заранее за помощь! .w.

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

URL

понедельник, 20 сентября 2010

02:55

>

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

Noblesse Oblige

Подскажите пожалуйста как убрать все вертикальные полоски по бокам от фона меню "мой дневник" :beg:

body{background:#000000 url('/userdir/7/1/0/7/710736/60364976.png') repeat-y 50% 50%; margin: 0 !important; padding:0 !important;}
 #wrapper{background:#FFFFFF; width:850px;min-width:0; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
 #side{width:150px; background:#FFFFFF;}
 .left #page-c {margin-left:-150px; }
 .left #page-t {margin-left:150px;}
 #extratop{height:647px;background:url('/userdir/7/1/0/7/710736/60364745.gif') 50% 0 no-repeat;}
 #side h1 a{display:none !important;}
 A:hover {text-decoration:none !important;color:#808080}
 #myDiaryLinks ul{background:#000000 url('/userdir/7/1/0/7/710736/60365636.jpg') no-repeat 50% 50%;}
 .menuSection div {text-align:center !important;}

@темы: меню

URL

четверг, 16 сентября 2010

12:24

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

Привет.

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

upd: Решения в комментариях, благодарности летят к Aloria. :white:

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

URL

среда, 15 сентября 2010

10:49

Код для отступа даты

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

Там вены с красным вином внутри.

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

Пробовала прописывать margin-left, margin-right, не помогает.

Мой код:

#side, #page-t {background:rgba(255, 255, 255, 0.8 ); filter:progidXImageTransform.Microsoft.gradient(startColorstr=#BB11AAFF,endColorstr=#BB11AAFF); zoom:1;}
body {border:2px dotted blue }
.menuSection {margin-left: 10px}
#thisDiaryPhoto {margin-right: 10px}
.singlePost {margin-left: 10px}

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

Спасибо, помогло

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

URL

вторник, 14 сентября 2010

10:57

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

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

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

Вопрос решен, спасибо!

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

URL

понедельник, 13 сентября 2010

15:58

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

верните бритни под опеку отца

здравствуйте.
как сделать заливку фона градиентом, закруглённые края и скособоченные аватары, чтобы всё это было видно во всех браузерах?

проблема подробнее

дизайн делала в мозилле, там вся красота видна, а в остальных браузерах (смотрела также через оперу, хром и ие) не видно фона записей и меню. подозреваю, что дело в том, что свойства прописывались как раз таки для мозиллы.
собственно как оно выглядело и как должно быть в идеале: i9.fastpic.ru/big/2010/0913/ca/d52a287a62536e61...
пример кода:

 #page-c{width:670px !important;padding:0 !important;padding:0 !important; background: -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0.5)); -moz-border-radius: 3%;}

в сообществе нашла только как сделать полупрозрачный фон, но ничего про градиент, и очень интересует, можно ли его как-нибудь сотворить, но чтобы везде было видно?

полный код дизайна (как было):

  body {background: url('/userdir/1/5/2/4/152416/60071504.jpg'); background-attachment: fixed;}
 #wrapper{min-width:850px !important; width:850px; margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #side{width:170px !important; margin:0 !important; padding:0 !important; background: -moz-linear-gradient(top, rgba(0,0,0,0.35), rgba(0,0,0,0.1)); -moz-border-radius: 8% !important; color: #ffffff; text-shadow: 0px 1px 0px #333333;}
 #page-c{width:670px !important;padding:0 !important;padding:0 !important; background: -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0.5)); -moz-border-radius: 3%;}
 #page-t {margin:0 !important}
 #authorName {font-size: 18px !important; font-family: georgia; font-weight: bold; font-style: italic; color: #ffffff !important; text-shadow: 0px 1px 0px #000000;}
 #side h1 a {font-size: 18px !important; font-family: georgia; font-style: italic; color: #ffffff !important; text-shadow: 0px 1px 0px #000000;}
 .menuSection{text-transform: lowercase; text-align:center;}
 .paragraph {line-height:1.1;}
 .postTitle {font-family: courier new; text-transform: uppercase; text-shadow: 0 0 2px #000000;}
 .postDate {text-transform:lowercase; padding: 10px; color: #685446 !important; font-family: georgia, serif; font-size: 18px !important; text-align:center; font-style:italic !important; font-weight: normal !important;}
 a:link {color: #799539 !important; text-decoration: none !important; }
 a:hover {color: #C2D343 !important; font-style:italic; text-shadow: 0 0 2px #53614c;}
 a:active {color: #799539; text-decoration: none !important;}
 a:visited {color: #799539; text-decoration: none !important;}
 .atMusic, .atMood, .atTag {font-weight: bold; font-stule: normal !important; font-size: 9px !important;}
 #commentsArea_title, #addCommentArea_title, #new_post_title {font-family: courier new; text-transform: uppercase; text-shadow: 0 0 2px #000000;}
 #allDiaryLink , #postsCalendar, #upInChart, #favListLink, #pchListLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #YaSearch, #rssLink, #photolibLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #sortOrder {display: none}
 .blockquote {padding:15px 15px 15px 25px; background: rgba(255,255,255,0.5) url('/userdir/1/5/2/4/152416/60072224.png') no-repeat; -moz-border-radius:2%;}
 .avatar, .avatarNew {padding: 5px;}
 .avatar img {-moz-transform: rotate(3deg); width: 75px !important; height:auto; opacity: 0.85; -moz-opacity: 0.85; !important; border: 5px solid #222222; background: transparent url('/userdir/1/5/2/4/152416/60077696.gif') top left repeat scroll; padding:5px;}
 .avatar img:hover {-moz-transform: rotate(3deg); width: 75px !important; height:auto; opacity: 1.0; -moz-opacity: 1.0; !important; border: 5px solid #799539; background: transparent url('/userdir/1/5/2/4/152416/60077696.gif') top left repeat scroll; padding:5px;}

насчёт аватаров и углов - дизайн сделан из найденного на жж и автор предупреждал, что кроме мозиллы нигде работать как надо не будет, так что вопрос один: для других браузеров это невозможно в принципе или как? (закруглённые углы из картинки не интересуют)

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

URL

воскресенье, 12 сентября 2010

03:27

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

I SEE DUMB PEOPLE

Доброго времени суток. Обращаюсь к вам за помощью. В css я практически не разбираюсь, всё собирал и подгонял чуть ли не методом тыка. Но вот как убрать пробел под меню и сдвинуть текст меню, как и текст записи так и не понял (

body{ background-attachment:fixed; }
 #extratop {background: url('/userdir/2/5/8/2/258277/59947469.png') no-repeat; width: 800px; height:587px !important; padding: 0 !important; margin:0!important;}
 #wrapper{min-width:800px!important; width:800px; padding:0 !important;}
 #side {width:130px !important; margin:0 !important}
 #page-с{ padding:0 !important;width:650px !important; }
 #page-t .bordered { background: none; background: url('/userdir/2/5/8/2/258277/59947505.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader('src=/userdir/2/5/8/2/258277/41116730.png', sizingMethod='scale'); zoom: 1; }
 #side .bordered { background: none; background: url('/userdir/2/5/8/2/258277/59947505.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader('src=/userdir/2/5/8/2/258277/59947505.png', sizingMethod='scale'); zoom: 1; }
 #wrapper{min-width:800px!important; width:800px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
 #side div.bordered {width:800px !important;}
 #postsArea {font-family: Arial !important; font-size: 13px !important; padding-left: 23px !important; padding-right: 23px !important;}
 #commentsArea {font-family: Arial !important; font-size: 13px !important; padding-left: 23px !important; padding-right: 23px !important;}
 #addCommentArea {font-family: Arial !important; font-size: 13px !important; padding-left: 23px !important; padding-right: 23px !important;}
 #extrabottom {background:url('/userdir/2/5/8/2/258277/60054671.png'); height:310px;width:800px;float:left;!important; }
 #extrabottom {margin-top:-43px}

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

URL

00:20

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

Noblesse Oblige

Битый час мучаюсь с правым отступом текста и все никак Т_Т Помогите.
Текст не выходит за рамки а просто обрезается ими. :susp:

 body{ background:#edd01a; padding:0 !important; margin:0 !important }
 #wrapper{min-width:1000px!important; width:1000px;margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
 #side {width:1000px !important; margin:0 !important; text-align:left;}
 .menuSection {margint:0px !important}
 #page-c {width:1000px !important; padding:0 !important; margin:0 !important;}
 #page-t {margin:0 !important;}
 #extratop{height:360px;background:url('/userdir/7/1/0/7/710736/60044258.jpg') 100% 0 no-repeat;}
 #Journal div.postInner {background: url('/userdir/7/1/0/7/710736/60046700.jpg') 5px 5px no-repeat !important;}
 #Journal .countSecond div.postInner {background: url('/userdir/7/1/0/7/710736/60046706.jpg') 5px 5px no-repeat !important;}
 #Journal div.postInner {padding-left: 140px;padding-right:15px;}
 .paragraph{min-height:140px;}
 #thisDiaryInfo{display:none !important;}
 #YaSearch{display:none !important;}
 #authorName{display:none !important;}
 .paragraph A { TEXT-DECORATION: none;}
 .paragraph A:hover { TEXT-DECORATION: none}
 #bottom_up{display:none !important;}
 #bottom_mainlink{display:none !important;}
 #bottom_randomlink{display:none !important;}
 #bottom_spiritlink{display:none !important;}
 #bottom_faqlink{display:none !important;}

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

URL

вторник, 07 сентября 2010

14:22

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

Fortune favours the brave

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

#wrapper{min-width:960px!important;width:960px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 .right #wrapper{background: none; overflow:hidden;}
 #side{width:180px !important;margin:0 !important}
 #side {margin-right: 71px !important; background:#FFF8E6;}
 #page-c{width:639px !important;padding:0 !important;padding:0 !important; background:#FFF8E6;}
 #page-t {margin:0 !important;}
 #page-c {margin-left: 70px !important}

Но это не привело к желаемому результату, ибо меню теперь не продолжается в длину всей странички:

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

URL


Запомнить