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

воскресенье, 11 сентября 2011

22:20

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

Как сделать подобное меню на дайри: www.anyfest.ru/ ??
или дневниковый CSS не поддерживает такого?

@темы: меню

URL

суббота, 10 сентября 2011

23:32

Вопрос по ксс

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

Бездарен как крышка от унитаза (ц)

Здравствуйте! Помогите пожалуйста. Что надо добавить в код или как его надо изменить, что подвинуть меню (скрин) и как продлить/растянуть его вниз как указано на скрине, чтобы он был по всей высоте дневника? и как немного расширить блок постов?
s53.radikal.ru/i142/1109/26/75618b400eac.jpg - скрин

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

@темы: diaryCSS

URL

22:29

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

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

читать дальше
как сделать так, чтобы эта розовая штука с надписью "воскресенье..." тоже, как и меню уехала чуть вниз?
Если что, меня фиксировано, а сделать так, чтобы эта розовая х. была изначально (т.е. при самом открытии страницы) чуть ниже - не получается.
2) прозрачность с этим кодом никак в хроме осуществить нельзя? .left #page-c{filter:progidXImageTransform.Microsoft.Alpha(opacity=75);}
В ИЕ видно, а в Гхроме нет(
3)когда сворачиваю окно(чтобы было маленьким) меню уезжает на блок с постами(((((((((( Как исправить???
4) Как сроллбар, который отлично в ИЕ, сделать для гуглахрома??????????????????

Да помогите же мне кто-нибудь, пожаааалуйстаааа!!!!!!!!!!11111

запись создана: 04.09.2011 в 20:08

URL

вторник, 06 сентября 2011

00:32

Хелп)))

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

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

горе - код

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

URL

воскресенье, 04 сентября 2011

13:51

Не могу понять каким кодом убрать это расстояние

все записи пользователя в сообществе -=Beautiful Art Community=-

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

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

URL

пятница, 02 сентября 2011

14:07

все записи пользователя в сообществе Vamp in house

ничнто не истинно. все дозволено (с)

Доброго времени суток. помогите пожалуйста исправить три косяка:
1.В эпиграфе отображается кусок подложки заголовка.
2.В эпиграфе дублируется разделитель.
3.Слишком маленькое расстояние между разделителем и заголовком.
Скрин

Код:

.menuSection_title {background: # no-repeat 5% 100%; color: #fbc595 !important; text-shadow: 0 0 0.2em #d5a77e, 0 0 0.2em #d5a77e, 0 0 0.2em #d5a77e!important;font-size: 16px; font-weight: bold; height:50px;padding: 10px 0px 0px; text-align: left;text-transform: uppercase; width: 200px; display:block;}
 .sign {font-size: 12px; color:#130047}
 .header {text-align:left; text-indent: 45px !important; font: 20px times new roman !important;}
 .header {background-image:#; no-repeat 50% 50%; background-repeat:no-repeat; background-position:left !important; height: 55px; width: 800px;}
 .postDate {text-align:right;}
 .postDate {background-image:#; font-weight:lighter !important; font-style: italic !important;}
 .postLinksBackg {background:# no-repeat; height:40px; background-position: right !important; position:relative; left:-10; margin-left:-10px; top:0px }
 #change_bg_area {position:relative; z-index:4}
 #JournalComments #commentsArea .paragraph img, #JournalComments #postsArea .paragraph img, #JournalQuote #postsArea .paragraph img, #JournalFavorite #postsArea .paragraph img {max-width:530px !important}
 #JournalCalendar #content {overflow:hidden}
 #side a {font-weight:bold !important; color: #f1f0de;}
 #side ul, #login_form #sign{ background: #565543!important; background: rgba(86, 85, 67, 0.8)!important; ; border: 2px solid #fbc595 ; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top: 80px; box-shadow: 0px 3px 6px 2px #d5a77e!important; -webkit-box-shadow: 0px 3px 6px 2px #d5a77e!important; display: block; opacity:0; -webkit-transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 1s; -moz-transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 1s; -o-transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 1s; transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 1s; position:absolute; z-index: -1; visibility: hidden}
 *:first-child+html #side ul, *:first-child+html #login_form #sign{display:none;}
 #side .menuSection:hover ul, #side .menuSection:hover #sign{ opacity: 1; margin-top: 10px !important; z-index: 100; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; visibility: visible;}
 #side {position:absolute; width:969px !important; margin: 0 !important; padding: 0 !important; z-index:10 !important; }
 #postsArea.avatar img:hover {border: dotted 1px #3d0101;}
 #wrapper{ min-width:950px!important;width:950px; margin: 0 auto !important;padding:0px !important; position:relative !important}
 #page-c {background: url('/userdir/2/7/2/4/2724340/71185775.png') repeat; width:950px !important; position:relative; left:0px; top:592px; margin-top:100px; overflow:hidden !important; }
 #postsArea {position:relative; left:50px; width:825px !important; margin-top:0px; overflow:hidden !important}
 #addCommentArea, #commentsArea {position:relative; left:50px; width:825px !important; margin-top:0px; overflow:hidden !important}
 #Journal #addCommentArea {margin-top:200px}
 #extratop { background:url('/userdir/2/7/2/4/2724340/71193786.gif') no-repeat; height: 592px; width: 950px; position:absolute; background-position: 0px 3px; }
 #extrabottom { background:url('/userdir/2/7/2/4/2724340/71187139.png') no-repeat; height: 288px; width: 950px; position:relative; left:0px; bottom:-591px; margin-top:1px; }
 body{background: url('/userdir/2/7/2/4/2724340/71231813.jpg') ;}
 #epigraph {border-bottom: none !important; padding:0 !important;}
 #bottomNav, .urlLink, #YaSearch, #iAmQuit, #rssLink, #upInChart, #allDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, .order_button, #epigraph .editPostLink, #paySupportLink, #login_form, #myLinksLink, #myLinks, #lastComments, #photolibLink {display:none !important}
 .quote_text {color: #978B6E!important;font-size: 17px; }
 span.quote_text { display: block; margin: 0px; padding: 7px; border-top: 3px solid #978B6E; border-bottom: 2px solid #978B6E; border-left: 1px solid #978B6E; border-right: 1px solid #978B6E; }
 #cc {margin:0; padding:0; !important; position:relative; }
 .sign { width: 100px;}
 .postLinks {margin-right:50px; line-height: 20pt; }
 .prevnext {background:none !important;}
 .avatar img { border-width:4px; border-color:##99776D; border-style:double; padding:3px; display: block;max-width:100px !important; border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;box-shadow: #39244B 0px 0px 5px !important;-webkit-box-shadow: #39244B 0px 0px 5px !important;-moz-box-shadow: #39244B 0px 0px 5px !important;}
 .header h2{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;box-shadow: #909090 0px 0px 5px !important;-webkit-box-shadow: #909090 0px 0px 5px !important;-moz-box-shadow: #909090 0px 0px 5px !important;width:540px;margin-bottom:30px !important;background: #ffffff!important;opacity: 0.55;padding-bottom: 60px }
 .menuSection li {border-bottom: 1px solid #86755D; margin: 3px 0 0 0px !important; padding: 0px 5px 0px 5px !important;text-transform: uppercase; font-size: 14px; text-align: center; }
 a { color: #A5A29A; text-decoration: none; text-transform: uppercase; font-size: 14px; }
 a:hover { color: #292437!important; text-shadow: 0 0 0.1em #493f61, 0 0 0.1em #493f61 !important; text-transform: uppercase; font-size: 14px; }
 .sign{color: #ED955F;border-top : 5px;text-transform: uppercase; font-size: 11px; text-align: center; }
 #side h1 a {display:block; width:210px; height:56px; line-height:500px; overflow:hidden; background: url('/userdir/2/7/2/4/2724340/71200476.png') no-repeat;position:absolute; top:370px; right:480px;}
 .postTitle{color: #ED955F;font-size: 16px; text-transform: uppercase; text-align: left; border-top : 5px;}
 #authorName {display:block; width:193px; height:37px; line-height:500px; overflow:hidden; background: url('/userdir/2/7/2/4/2724340/71200750.png') no-repeat;position:absolute; margin-left: -550px !important; margin-top: 435px !important; }
 #postsArea .paragraph img {max-width:600px !important;}
 .postTitle span {background: url('/userdir/2/7/2/4/2724340/71234986.png')no-repeat ; display:block; text-align:center; position:absolute; margin-left:15px; height: 65px; margin-top:-44px; padding: 15px 10px 10px; text-align: center; width: 164px; color:#AF6F63; font-size:90%;text-shadow: 0 0 0.2em #d5a77e;}
 .header h2 {overflow:hidden; display:block; position:absolute; text-align:right!important; margin-left:50px;margin-top:-30px; padding: 20px 10px 10px; text-align: center;}
 #epigraph {border-bottom: none !important; padding:0 !important;}
 .singlePost {background: url('/userdir/2/7/2/4/2724340/71225018.png') no-repeat; background-position:bottom !important; padding-right: 0px !important; padding-bottom: 70px !important; }
 .header span {position:absolute;margin-top:-15px; }

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

URL

четверг, 01 сентября 2011

17:11

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

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

Цвет текста задавала
#message {color: #ffffff !important;}
Каким образом указать читабельные цвета текста и всего меню? Как менять фон поля с заголовком?
Заранее большое спасибо за помощь!

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

URL

15:39

Пустое пространство в конце эпиграфа

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

Нахер мне город, в котором больше не встретить тебя... ©

Прочитала первые 20 страниц по нужному тегу, дальше не осилила =(
Не подскажете, как можно устранить пустое пространство в конце эпиграфа?
Естественно, в самом эпиграфе при бесплатном аккаунте ничего подобного нет.

Изображение - savepic.org — сервис хранения изображений

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

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

URL

вторник, 30 августа 2011

23:32

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

Сучность, воспитанная книгами

Здравствуйте. Не могу сообразить, как мне сделать так, чтобы цитаты в моём дневнике выделялись другим шрифтом. Помогите, плз!

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

URL

23:21

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

если не нужно драться, незачем и побеждать

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

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

URL

11:41

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

"Have some fun! Add some adventure to your life!"

Заранее извиняюсь за вопрос, если он не в вашей компетенции.

Я загрузила аватар с прозрачным фоном, а он сделался черным. как это можно исправить?

URL

04:05

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

малефикар

Доброй ночи.
1. Возникла проблема с изменением размеров даты поста и названия дневника в блочном дизайне, подскажите, пожалуйста)
код для названия:

 #side h1 {position:absolute; top: 20px; left: 700px; font-size: 30px; font-color: #ffffff; font-family: Courier New;}

код для даты поста:

 .countFirstDate, .countSecondDate {text-align:center; font-size: 20px; font-family: Courier New;}

Шрифт меняется, а размер и цвет - нет. Хотя заголовки нужного размера становятся через пост.
В табличном же дизайне название дневника принимает желаемый вид, а с датой такая же ерунда остается.

2. В комментариях пропали даты комментарием.
Вроде, ничего не убирала...
Весь код:

#extratop {background: #290401 url('/userdir/9/7/3/1/9731/71177258.png') 0 0 no-repeat; height:348px; width:100%;}
 #extratop {url('/userdir/9/7/3/1/9731/71177199.png') 0 0 no-repeat; height:348px; width:100%;}
 #wrapper{width:720px;min-width:0;}
 #side{width:100px;}
 .left #page-c {margin-left:-100px;}
 .left #page-t {margin-left:100px;}
 .right #page-c {margin-right:-100px;}
 .right #page-t {margin-right:100px;}
 .menuSection {text-align: center}
 .countFirstDate, .countSecondDate {text-align:center; font-size: 20px; font-family: Courier New;}
 #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #paySupportLink, #faqLink, #more_login, #upInChurt, .header span, #postsCalendar, #albumLink, #rssLink, #myProfileLink, #upPostLink {display: none}
 #mainpageLink, #myDiaryLink, #authorName {font-weight: bold}
 #side h1 {position:absolute; top: 20px; left: 700px; font-size: 30px; font-color: #ffffff; font-family: Courier New;}
 #side a:hover, a:active {color:#1A2C2E !important; text-decoration:none;}
 #side a:link {text-decoration:none;}
 #page-c a:hover, a:active {color:#1A2C2E !important; text-decoration:none;}
 #page-c a:link {text-decoration:none;}
 .comments a span {display: none; font-size:16px; color:#999; font-family: "Courier New";}
 .comments a:after {content: "comments"; font-size:16px; color:#999; font-family: "Courier Newc";}
 .comments_count_link a:after {content: "" !important; font-size:16px; color:#999; font-family: "Courier New";}
 .subscribe a:before { content: 'subscribe'; font-size:16px; color:#999; font-family: "Courier New";}
 .subscribe a {font-size:0px; color:transparent}
 .addToQuote a:before { content: 'quote'; font-size:16px; color:#999; font-family: "Courier New";}
 .addToQuote a {font-size:0px; color:transparent}

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

URL

понедельник, 29 августа 2011

14:27

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

если не нужно драться, незачем и побеждать

Здраствуйте! нужна помощь...меню в дизайне должно отображаться вертикально, сбоку.отдельным блоком. типа как тут 7510.diary.ru/ получается,что сливаеться с боком записей(помоооогите(((
что не так с кодом? Буду безумно благодарна)
код дизайна

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

URL

воскресенье, 28 августа 2011

18:51

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

Здравствуйте. Вопрос касается CSS, но не дайри, а отдельно взятой странички. Один отступ не даёт мне покоя, готова идти за бубном.

краткий план вёрстки
скрин

extrabottom с ссылками должен быть привязан к самому низу страницы, но при установке значения position:absolut я добиваюсь нужного эффекта только в том случае, если задана высота/мин.высота основного блока, расположенного выше. В противном случае, если высота основного блока не задана, и он имеет довольно небольшой объём, extrabottom взлетает выше, как на картинке. Понятное дело, что установка для основного блока min-height в пикселях - это не выход. Проценты тоже не дают результатов. Как быть? Я допускаю возможность кривизны своих рук и общей вёрстки, но пока хотела бы проверить CSS.

#body
	{
	background:url('img/fon.jpg');
	margin-top: -30px !important; 
	margin-bottom: -50px !important;
	padding-bottom: 0px !important;
	}
#body a 
	{
	color: #cbcbcb; 
	text-decoration: none !important; 
	}
#osn
	{
	width: 700px !important;
	}
#osn td
	{
	padding-left: 20px !important;
	padding-top: 5px !important;
	vertical-align: top !important;
	text-align: center;
	}
.zag
	{
	font-size: 14pt !important;
	color: #eaeaea !important;
	vertical-align: top !important;
	}
.norm
	{
	font-size: 11pt !important;
	color: #7a7a7a;	
	vertical-align: top !important;
	}
#extrabottom 
	{
	position: absolute;
	background:url('img/extrabottom.png');
	background-repeat: no-repeat;
	background-position: center !important;
	margin-bottom: -7px !important;
	height: 160px !important;
        width: 100% !important; 
	font-size: 11pt !important;
	color: #7a7a7a;
	text-align: center !important;
	}
#extrabottom  a 
	{
	color: #fbef87 !important;
	}
#extrabottom p 
	{
	margin-bottom: -10px !important;
	}
#extrabottom div
	{
	padding-top: 90px !important;
	}

Прошу, не кидайте тапками >___< Я параллельно ещё раз всё проверяю и морально почти готова переписать всё с нуля или вообще удалить этот блок

URL

суббота, 27 августа 2011

20:07

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

Жестокая, злая, веселая ©

Здравствуйте!
Только-только начала осваивпть CSS дизайн, поэтому сразу извините за глупый вопрос, но я просто голову сломала!
Я сделала так, что вместо разделителя постов у меня картинка с помощью кода:

 .header {background: url('/userdir/1/4/2/0/1420602/71132792.png') #ffffff no-repeat; width: 800px; height:110px; text-align: center; font-size: 23px; color: #5d2626!important;}

Все вроде бы хорошо, но и в эпиграфе показался этот бордюр, причем кривой:

Как его вообще убрать?! Нужно, чтобы после экстратопа сразу был эпиграф, без разделителя!

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

URL

пятница, 26 августа 2011

20:23

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

Купил новый монитор разрешением 1920х1080, не могу поставить фоновую картинку этого размера, так как в БИ лимит до 1554×1554. Изображение из двух повторяющихся зеркально элементов по бокам.

Получилось пока сделать только так

Можно сделать что-нибудь?

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

URL

18:15

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

He can deny his true nature for only so long.

Здравствуйте!
Делал и так и эдак, но наконец решил спросить...
При блочном дизайне и расположении меню вверху можно ли сделать так, чтобы ссылки в меню: "Записи", "Мой дневник", "Главное меню" и "Выход" отображались посередине блока?

@темы: текст, меню

URL

понедельник, 22 августа 2011

15:46

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

and knew what cats know that makes them scream like babies in night...

Эта заметка посвящается и предназначается педантам вроде меня и любителям оформлять все-все-все. :3 А вот бывает — делаешь оформление для @дневников, стараешься выдерживать все в одном стиле, а потом на глаза попадается голосование, и понимаешь, что оно по внешнему виду ооочень сильно выделяется из общей картины. Вообще, возможностей кастомизировать голосование очень мало по причине того, что оно находится внутри таблицы, но можно дотянуться до разноцветных столбиков и «разукрасить» их в соответствии с цветовой палитрой дизайна.

@темы: Учеба

URL

суббота, 20 августа 2011

22:47

Проблема со страницей комментариев.

все записи пользователя в сообществе BON-BONE

Ты отвратительна, моя красавица!

Здравствуйте! Из серии глупых вопросов.
Дизайн я настроила, но стоит зайти в комментарии...

Посмотреть что получилось

То есть, имеется две проблемы:
~~1) Отступы, прописаные для .paragraph не действуют.~~
2) Блок с текстом комментария растянулся под аватары. Я пробовала регулировать ширину с помошью свойств #JournalComments .postInner. НО тут такая проблема: .postInner поста (на странице комментариев) должен быть шире, чем .postInner самих комментариев, так как в самом посте у меня отключены аватары, имя пользователя и подпись. Можно ли прописать ширину текста комментариев отельно, не меняя ширину блока записи на станице комментариев? #commentsArea .paragraph не работает.

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

запись создана: 20.08.2011 в 20:00

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

URL

09:15

все записи пользователя в сообществе Orm-Dian

писатель атмосфер

Здравствуйте. Подскажите, пожалуйста, в чем проблема.
когда я вставляю в код ссылку на картинку, то в превью появляется эта картинка. но когда я сохраняю код, то ссылка из него исчезает, а вместо нее появляется просто #, и картинка, конечно же, тоже исчезает.
например, было так:
#extratop {background: url('/userdir/1/4/2/3/1423890/61984847.jpg') no-repeat; width:900px; height:370px}
стало так:
#extratop {background: # no-repeat; width:900px; height:370px}

как быть? и почему так случается?

@темы: diaryCSS

URL


Запомнить