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

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

18:29

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

sinnet

и снова здравствуйте.
когда я проставляю вот это #side h1 { background-attachment: fixed; background-color: transparent;background-image: url("static.diary.ru/userdir/1/0/9/2/1092834/6347023...); background-position: 50% 50%; background-repeat: no-repeat; border-top-color: #555555; border-top-style: solid; border-top-width: 1px; font-weight: 700; height: 234px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
и сохраняю,он мне не высвечиваеит эпиграф.т.е. в предварительном просмотре картинка есть,а потом пропадает.
что можно сделать?

@темы: эпиграф, diaryCSS, Дизайн

URL

16:25

Панель поиска

все записи пользователя в сообществе Звездочёт.

Лампочка Кейпи

Добрый вечер.
Скажите, а Яндекс-поиск #YaSearch как-нибудь хитрыми путями можно перенести на панель #bottomNav?
Извините, если этот специфический вопрос уже задавался.)

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

URL

15:45

Падающий снег

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

В раю, конечно, климат получше, зато в аду гораздо более приятное общество.© Бернар Тристан

Я знаю, что в html можно сделать эффект падающего снега java скриптом.
Возможно ли такое сделать в css, в частности на дайри?
Хочется у себя, но ни у кого не видела...

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

URL

12:08

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

sinnet

Доброго времени суток.
пытаюсь сделать дизаин через css.фоновая картинка большая(как обойка на раб стол).но у меня не получается прописать код,чтоб она стояла чётко по середине и не повторялась.когда прописываю background-repeat: no-repeat 100% 50%; он повторяет её.если убрать проценты,то она будет закреплена наверху,а остальное пространство прозрачное.подскажите пожалуйста как это можно сделать.

@музыка: Hurts

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

URL

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

00:16

И снова вопрос.

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

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

Еще раз алоха. Вопрос таков - можно ли как-нибудь через CSS (дада, именно через CSS и ничего другое) переименовать "Библиотеку Изображений" в моем дневнике на "Б. И.", к примеру? Пока я нашла только способ сделать картинку с похожим шрифтом и повесить ее вместо записи, но как-то геморройно.. Может кто знает?

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

URL

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

20:27

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

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

Алоха. Есть 2 вопроса:
1.Какой сектор/селектор отвечает за добавление новой записи? Ибо не очень удобно:

2.Что отвечает за комментарии? Не за добавление новых комментов, а за сами комментарии

Заранее спасибо за ответы

@темы: diaryCSS

URL

суббота, 11 декабря 2010

23:12

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

мертвец может плясать

Как разместить строку с меню (верхнее выпадающее меню) под экстратопом?
Прошу прощения, если вопрос повторяется, киньте ссылку на ответ, пожалуйста.

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

URL

21:02

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

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

Здравствуйте. Поставила новый диз. Стал тормозить дневник при прокрутке. Почему?

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

URL

14:41

нужна помощь

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

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

Доброе время суток.
Подскажите пожалуйста что нужно исправить в этом коде

 #wrapper{width:890px;min-width:0;}
 #side{width:200px;}
 #side div.bordered {-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90); }
 #page-t .bordered {-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90); }
 .left #page-c {margin-left:-200px;}
 .left #page-t {margin-left:200px;}
 body{ background-attachment:fixed; }
 .left #wrapper{background:#020202;overflow:hidden;}

что бы убрать черную полоску под основным меню:
читать дальше
а ещё как сделать так что бы фон записей и фон меню стали полупрозрачнми (коды д/пол. у меня видимо не правельно:читать дальше

@темы: diaryCSS

URL

пятница, 10 декабря 2010

20:55

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

человек на батарейках

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

помог совет)

URL

четверг, 09 декабря 2010

19:11

Please help.

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

Don’t upset the apple-cart~(С)Будь терпелив и крепок; когда-нибудь эта боль окажется тебе полезной. ©

Как можно сделать так community.livejournal.com/clovertint/ ? В смысле что бы аватар был (справа/слева) и вот так разделялась сама панель записи?(Не понимаю.. помогите ТТ

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

URL

среда, 08 декабря 2010

00:22

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

Оставь надежду всяк сюда входящий....

начала делать дизайн при помощи кодов и вот какие вопросы начали возникать:
1. после того как и использовала код #extratop {height: 464px; background: url('/userdir/1/8/2/9/1829701/63203822.jpg'

no-repeat;} у меня сверху днева пропали ссылки Главная Все дневники Список избранных Случайный дневник и т д... как их вернуть и подставить под картинку?
2. как сделать чтобы при наведении курсора цвет ссылок менялся на белый?
3. как сделать так, чтобы название дневника было по-больше шрифтом и жирно выделенно, по сравнению с остальным шрифтом?

хм...ну наверное это все) заранее спасибо))

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

URL

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

21:14

Эксатроп.

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

Всё лучшее покупается лишь ценою великого страдания.... (К. Маккалоу)

Здравствуйте.
Как сделать так, чтоб картинка в эксатропе находилась посередине?
Есть код #extratop {height: 390px; background: url('адрес картинки') no-repeat;} что нужно изменить/добавить?

@темы: diaryCSS

URL

01:21

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

Оставь надежду всяк сюда входящий....

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

#wrapper{width:890px;min-width:0;}
#side{width:150px;}
.left #page-c {margin-left:-150px;}
.left #page-t {margin-left:150px;}
body{ background-attachment:fixed; }
.left #wrapper{background:#020202;overflow:hidden;}

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

URL

воскресенье, 05 декабря 2010

21:44

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

- Вы какого родились? - Какого числа или какого хрена?

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

.menuSection {text-align:center;}
 .postDate {text-align: center; color:#342a27!important; }
 #side h1 A {color:#b4404e!important; font-size: 19px;}
 #authorName {color:#b4404e!important; font-size: 3px;}
  #thisDiaryInfo { background:url('/userdir/1/3/1/6/1316655/63001565.jpg');background-repeat:no-repeat;background-position:top 100%; background-position: 50% 50%;}
 #thisDiaryPhoto{height: 220px;}
 #epigraph {color:#b4404e !important; font-size: 19px;}
 body{background:#dbac6b url('/userdir/1/3/1/6/1316655/62985890.jpg') 0 100% fixed;}
 #extratop{height:106px; background:#dbac6b url('/userdir/1/3/1/6/1316655/63089048.jpg') 50% 0 no-repeat;}
 #myDiaryLink A b {color:#b4404e;}
 #allDiaryLink A b {color:#b4404e;}
 #all_links A b {color:#b4404e;}
 #myFavLink A b {color:#b4404e;}
 .atTag SPAN {display:block; width:64px; height:56px; line-height:500px; float:left; overflow:hidden; background: #fefecc url('/userdir/1/3/1/6/1316655/63126389.png') 2px 4px no-repeat;}
 .postDate { width:780px; height:36px; background: url('/userdir/1/3/1/6/1316655/63145001.png') no-repeat 27% 50%;}
 .comments {background: url('/userdir/1/3/1/6/1316655/63144770.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }
 .subscribe {background: url('/userdir/1/3/1/6/1316655/63144497.png') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }
 .addToQuote {background: url('/userdir/1/3/1/6/1316655/63144389.png') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

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

URL

14:48

Добрый день.

все записи пользователя в сообществе The Flower Queen

"Улыбайтесь, господа, улыбайтесь! Серьезное выражение лица еще не признак ума. Помните, что самые большие глупости на Земле делаются именно с этим выражением лица." (с)

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

про картинки и значок @ перед темами, и про поле с текстом

Еще 2 вопроса:

Пропало подчеркивание заголовка и выделение не полное

И последнее:
Про цвет полей для ввода текста
Мой код:

 .atTag a, .atMusic, .atMood {font-style: normal !important; font-size:7pt !important;}
 .atTag {background: url('/userdir/6/8/4/7/68477/63123902.png') 3px 3px no-repeat; padding:5px 0 0 30px !important; height:25px; font-style: normal;}
 .atMusic {background: url('/userdir/6/8/4/7/68477/63123905.png') 3px 3px no-repeat; padding:5px 0 0 30px !important; height:25px; font-style: normal;}
 .atMood {background: url('/userdir/6/8/4/7/68477/63123908.png') 3px 3px no-repeat; padding:5px 0 0 30px !important; height:25px; font-style: normal;}
 #message, #htmlbox , #msgTitle, #postTitle, #atMusic, #atMood, #tags { border:1px dotted #fbfbfb !important;left:25px !important; color:#000}
 #Journal .singlePost {padding-bottom: 10px !important;}
 #Journal .postInner { background: #c2fff1 !important; color:#000; width:98%; margin-left:20px;margin-top:20px;border:1px dotted #01021e;}
 #epigraph .singlePost {background:none !important; border-bottom:0px solid #65fffd; }
 .postTitle {padding-left:100px;font-family; color:#000;font-weight:lighter !important; border-bottom: 2px dotted #0d51b8 !important; width:50%; text-shadow: 2px 0 4px #0d51b8, -2px 0 4px #0d51b8; margin-left:150px; margin-bottom:-5px}
 #JournalComments .postInner, #JournalFavorite .postInner, #JournalQuote .postInner {position: relative;left: -10px !important; right:70px !important;}
 #JournalComments .paragraph, #JournalFavorite .paragraph, #JournalQuote .paragraph { background: #c2fff1 !important; width:320; position:relative;right:1px;margin-top:-20px;border:1px dotted #01021e;}
 .menuSection {position:centre }
 .postLinksBackg {text-align:centre}
 .avatar img {width:120px !important; height:120px !important;}
 .sign {width:120px !important; }
 #side li {border-bottom:1px dotted #01021e; width:150px !important;margin-left:1px!important; position:centre}
 .menuSection a:hover {color:#000 !important}
 .menuSection {text-align:center; }

Большое спасибо.

@настроение: CSS только учу, поэтому часто ошибаюсь.

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

URL

суббота, 04 декабря 2010

23:00

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

- Вы какого родились? - Какого числа или какого хрена?

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

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

URL

03:15

Позиционирование дополнительных блоков

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

Ингода полезно произнести очевидное вслух

UPD: Решение найдено благодаря жид-медведь

Код:
#add_block3 {background: url(блок3) 50% 0 no-repeat; position: fixed; width: 100%; height: 100%; min-height: __px; z-index: 3; top: 0px;}

Доброе время суток!
Не подскажите, возможно ли зафикфировать дополнительный блок наверху по центру страницы?

Зафиксировать в нижнем правом и нижнем левом углах соответсвенно получается с помощью кода:

#add_block1 {background: url('блок1') no-repeat; position:fixed; left: 0px; bottom: 0px; width: __px; height: __px; margin: 0 auto !important; padding: 0px !important; z-index: 2;}
#add_block2 {background: url('блок2') no-repeat; position:fixed; right: 0px; bottom: 0px; width: __px; height: __px; margin: 0 auto !important; padding: 0px !important; z-index: 3;}

Но при добавлении третьего блока, он либо располагается по центру внизу, либо фиксируется в левом верхнем углу и отступ приходится задавать вручную. Вообще возможно выровнять его по цетру при использовании "position:fixed"?

Спасибо за помощь!

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

URL

пятница, 03 декабря 2010

23:02

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

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

1. Подскажите, пожалуйста, как у эпиграфа убрать фон, если для .postInner задан цвет.
2. Как убрать из поиска строчку поиска по записям или участникам.
Диз этот

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

URL

20:08

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

Дороги хватит на всех

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

URL


Запомнить