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

среда, 18 февраля 2015

19:11

Про блокнот

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

don't keep calm and fuck them all

А у блокнота нет случаем своего неповторимого id ?! А то firebug у меня нашел только #Journal, что не совсем вариант.

@темы: diaryCSS

URL

суббота, 14 февраля 2015

21:02

Поле добавления коментария

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

We are from the stars

Доброго времени.
Подскажите,как выровнять поле добавления комментария под сами комментарии? Пока оно выглядит вот так (шире,чем надо):
читать дальше

Сам код (на комментарии не обращайте внимания,это для меня, как для дурачка х)

{---задний фон---}
 .block_design {background: #faf1dc; padding: 0 !important;}
 {---общий контейнер---}
 #wrapper{ background: url('/userdir/1/4/5/9/1459158/82546212.png'); min-width: 888px !important; width: 362px; margin-top: 0px !important; margin-bottom: 20px !important; padding-top: 0px !important; border: 15px solid #eddfc2;}
 {---картинка сверху, её высота---}
 #extratop {background: #fefaf5 url('/userdir/1/4/5/9/1459158/82546321.jpg') 0 0 repeat-x; height:362px; width:100%;}
 {---задний верхний фон---}
 #add_block1 { position: absolute; background: url('/userdir/1/4/5/9/1459158/78312009.png'); width: 100%; height: 200px; top: 0px; left: 0; z-index: -2 !important; }
 {---меню: размер, вид, цвет текста---}
 #side {width: 134px; margin: 20px 0 0 0px !important; position: relative; text-align: left; text-transform: uppercase; color: #faf1dc !important; font: 10px Verdana !important;}
 #side a { color: #75553e;}
 {---название дневника---}
 #side h1 A { position: absolute; top: -380px; left: 795px; width: 0px; font: 15px Verdana !important; text-right: left; z-index:10 !important; color: #fcf8eb !important; text-shadow: 0px 0px 0px #549285; filter: dropshadow(color=#549285, offx=0, offy=0);}
 {---меню: ширина, расстояние между строками, тень---}
 #thisDiaryInfo, .menuSection li, #Stats { background: url('/userdir/1/4/5/9/1459158/82546212.png'); -webkit-box-shadow: 10px 1px 10px #ead6c6; -moz-box-shadow: 1px 1px 10px #ead6c6; box-shadow: 0px 0px 0px #ead6c6; border: 1px solid #faf1dc; width: 120px !important;}
 .menuSection li {padding: 5px 5px -8px 1px !important; margin-top: 1px !important;}
 {---фото---}
 #thisDiaryInfo {padding: 0px 0px 0px 0px !important; margin: -26px 0 0 3px !important; }
 #thisDiaryPhoto img { border: 0px;margin-left: 0px !important;}
 {---ширина правой стороны---}
 #page-c {margin-right:100px;}
 #page-t {margin-right:-100px; background: #faf1dc;}
 {---расстояние от внутренней рамки до внешней---}
 #postsArea {padding-left: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 3px; !important;}
 {---пост: отступы и тень---}
 .singlePost {margin: 0px 0 15px 0px !important; border: 1px solid #ccb8ac !important; -webkit-box-shadow: 0px 1px 3px #ccc; -moz-box-shadow: 0px 1px 3px #ccc; box-shadow: 0px 1px 3px #ccc;}
 .postContent { padding: 0px 15px 3px 15px !important; }
 {---цветы: посты и эпиграф---}
 .countFirst { background: #fcf8eb url('/userdir/1/4/5/9/1459158/80145976.png') 100% 100% no-repeat;}
 .countSecond { background: #fcf8eb url('/userdir/1/4/5/9/1459158/80145978.png') 0 0 no-repeat;}
 #epigraph {margin: 0px !important; padding: 0px !important; background: #fcf8eb url('/userdir/1/4/5/9/1459158/80145976.png') 100% 100% no-repeat !important; border: none !important;}
 {---юрл---}
 .postLinksBackg { background: url('/userdir/1/4/5/9/1459158/78296444.png') 0 0 repeat-x; padding: 5px 15px 2px 15px !important; font: bold 10px Verdana !important; color: #fcf8eb !important; text-transform: lowercase;}
 {---тема и время---}
 .postTitle, #addCommentArea_title { font: bold 12px Verdana !important; text-shadow: 0px 0px 0px #fff; filter: dropshadow(color=#fff, offx=0, offy=1); background: url('/userdir/1/4/5/9/1459158/78296444.png') 0 100% repeat-x !important; padding: 0px 10px 10px 10px !important; }
 .header h2 { font: bold 12px Verdana !important; text-transform: uppercase;}
 {---отступы текста и значков эпиграфа---}
 #epigraph .postActionLinks { padding: 10px 10px 10px 0px !important; }
 #epigraph .header { padding: 0px 10px 30px 10px !important; }
 {---дата---}
 .postDate { font: bold 9px Verdana !important; color: #75553e !important; text-transform: uppercase; padding: 3px 20px 9px 20px !important; text-align: center; background: url('/userdir/1/4/5/9/1459158/78296444.png') 0 100% repeat-x;}
 {---не знаю---}
 #commentsArea_title, #new_post_title, .calHeader { font: bold 12px Verdana !important; text-shadow: 0px 1px 1px #fff; filter: dropshadow(color=#fff, offx=0, offy=1);}
 #new_post_title {margin-left: 20px !important;}
 {---комментарии: цвет границы и поля---}
 #commentsArea {padding: 15px !important;}
 .singleComment, #addCommentArea {margin: 0px 0 15px 0px !important; border: 1px solid #ccb8ac !important; -webkit-box-shadow: 0px 1px 3px #ccc; -moz-box-shadow: 0px 1px 3px #ccc; box-shadow: 0px 1px 3px #ccc; background: #fcf8eb !important; }
 {---поле для написания комментария---}
 #addCommentArea {padding: 5px !important;}
 {---размер аватара, рамки вокруг него и её тени---}
 .avatar img { width:100px !important; min-width: 100px !important; max-width: 100px !important; padding: 3px !important; background: #fcf8eb; border: 1px solid #eddfc2 !important; -webkit-box-shadow: 0px 0px 0px #ccc; -moz-box-shadow: 0px 0px 0px #ccc; box-shadow: 0px 0px 0px #ccc;}
 {---имя комментатора---}
 .authorName, .communityName { border: 0px;margin-left: 15px !important;}
 {---поле комментария---}
 img { max-width: 525px !important;}
 #msg_form {padding: 10px 20px 10px 20px !important;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #fff;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active {color: #7a751b !important;}
 #side h1 a:hover {color: #fcf8eb !important;}
 {---цитата--}
 span.quote_text { font-style: normal !important; display: block; margin: 0px; padding: 10px; font-size: 11px; background: #f6f6f6; border: 1px solid #eddfc2; -webkit-box-shadow: 0px 1px 3px #ccc; -moz-box-shadow: 0px 1px 3px #ccc; box-shadow: 0px 1px 3px #ccc;}
 .pageBar { padding: 0px 0px 0px 0px !important; }
 #draft_title.header, .singlePost.list_box {display: none !important;}

И ещё вопрос: дата в записи отображается с одним отступом, а в комментах - с другим (разница маленькая, но я перфекционист)

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

ЗЫ: вообще была бы не против проверки кода, ибо мастрячила там практически методом тыка.

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

URL

четверг, 12 февраля 2015

15:25

Темы записей, цитатник

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

don't keep calm and fuck them all

Всего пара вопросов, но очень насущные. Прощу помощи, пожалуйста.

РЕШЕНО

спасибо большое Тайя, которая душит романтиков!

@темы: меню

URL

понедельник, 09 февраля 2015

06:45

Рзмер тега CODE

все записи пользователя в сообществе Self-mad

Colorless green ideas sleep furiously

Извиняюсь, если не по адресу вопрос, но как можно установить высоту и ширину визуального элемента CODE?

//Вообще мне нужен кусок текста, в котором не сбивается форматирование, но < textarea width="777" height="888" > blablabla < /textarea > тоже почему-то не даёт желаемого результата — т.е. размер никуда от параметров не меняется.

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

URL

пятница, 06 февраля 2015

16:05

все записи пользователя в сообществе Кареглазый Демон

✎ Ко мне на "вы", шёпотом и с придыханием

В хроме некорректно отображается боковое выпадающее меню. В остальных браузерах нормально.
Диз установлен в моем дневнике. Код:

 {--------------------------основное-------------------------------------}
 #Journal, #JournalComments, #JournalFavorite {padding-top: 0; padding-bottom: 0;}
 #wrapper{ background: url('/userdir/2/2/2/0/2220055/82497506.png') repeat; z-index: 1!important;}
 .pageBar{background: url('/userdir/2/2/2/0/2220055/82497607.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; padding:10px;-moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;}
 #bottomNav {display: block;}
 .paragraph { font:15px "Segoe Print" !important;padding: 20px 20px 20px 20px !important;}
 #bottomNav{height: 0px;font-size:0px;}
 {---------------------------посты----------------------------}
 #content, #msg_form {background: url('/userdir/2/2/2/0/2220055/82497594.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; -moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding: 10px!important;z-index: 1!important;}
 .header span {position: relative;width: 50%;font-size: 1.1em;padding: 5px 20px 5px 20px;margin: 30px 10px 10px -26px;color: #000;background-color: #746A55;text-shadow: 0px 1px 2px #545454;-webkit-box-shadow: 0px 2px 2px #000;-moz-box- shadow: 0px 2px 2px #000; box-shadow: 0px 2px 2px #000;z-index: 5;}
 .header span:after {content: ' ';position: absolute;width: 0;height: 0;left: -4px;top: 100%; border-width: 5px 10px; border-style: solid;border-color: #000 #000 transparent transparent;z-index: 5;}
 .header span:before {content: ' ';position: absolute;width: 20px; height: 0; left: -24px;top: 8px;border-width: 16px 10px;border-style: solid;border-color: #746A55 #746A55 #746A55 transparent;z-index: 5;}
 #postsArea {position: relative;-webkit-box-shadow: 0px 2px 4px #000;-moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding: 10px;z-index: 1!important;}
 #postsArea .singlePost {background: url('/userdir/2/2/2/0/2220055/82497594.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; padding: 10px;- moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding: 10px;}
 #postsArea .singlePost:hover {background: url('/userdir/2/2/2/0/2220055/82497607.png') repeat;-moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding:10px;z-index: 1!important;}
 #commentsArea.bordered {background: url('/userdir/2/2/2/0/2220055/82497607.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; padding:10px;- moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;z-index: 1!important;}
 .postDate {text-align: center!important; line-height: 10px; font-variant: small-caps; border-bottom: 4px solid #90846a; padding-bottom: 10px!important; z-index: 1!important;}
 .singleComment {background: url('/userdir/2/2/2/0/2220055/82497594.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; -moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;padding: 10px!important;z-index: 1!important;}
 .singleComment:hover {background: url('/userdir/2/2/2/0/2220055/82497607.png') repeat; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; -moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;z-index: 1!important;}
 #TagsList { background: none !important; margin: 0 !important; text-align: left; text-transform: lowercase;font-size: 0.7em;}
 #TagsList li { background: none !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin-top: 1px !important; padding: 0px 0px 0px 5px !important;}
 .postActionLinks { opacity : 1.0 !important; }
 #shsmile, #atTagBox{ opacity : 0.4 !important;}
 .sign {text-align: left;font-size:11px;color: #322C24;margin-left:20px; }
 .postActionLinks{ opacity : 0.4 !important;}
 {---------------------------картинки----------------------------}
 .paragraph img{max-width: 800px;max-height: auto;}
 #JournalFavorite img {max-width:700px; max-height:auto;}
 #JournalComments img {max-width:700px; max-height:auto;height:auto!important;}
 #JournalQuote img {max-width:700px; max-height:auto;height:auto!important;}
 #JournalDraft img {max-width:700px; max-height:auto;height:auto!important;}
 .blockquote img {max-width:800px; max-height:auto;height:auto!important;}
 .paragraph img{padding:0px;border: 10px solid #90846A; padding:0px;-moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000;}
 img.smile, .postActionLinks img, #sortOrder img, #jsbut img, #Stats img, img.opac6 {border: none !important; box-shadow:none !important;}
 {---------------------------------ссылки----------------------------}
 #page-t a {color: #3E3626 !important; text-decoration: none!important;}
 #page-t a:hover { color: #000 !important; text-decoration: none!important; }
 .postLinksOld { padding: 10px 5px 10px 5px!important;}
 .postLinksBackg {position: relative;width: 80%;font-size: 0.8em; padding: 10px 5px 10px 5px!important; margin-top:10px;margin-bottom:10px;margin-left:21%!important;background-color: #90846a!important;text-align: center;-webkit-box- shadow: 0px 2px 2px #000;-moz-box-shadow: 0px 2px 2px #000; box-shadow: 0px 2px 2px #000;z-index: 6;color: #90846a!important;}
 .lastLink a:hover,.addToQuote a:hover, .subscribe a:hover, .unsubscribe a:hover, .quote_post a:hover ,.quote_comment a:hover ,.umail a:hover ,.diary a:hover , .profile a:hover , .comments a:hover{padding: 10px 0px 10px 0px!important;}
 .lastLink a,.addToQuote a, .subscribe a, .unsubscribe a, .quote_post a ,.quote_comment a ,.umail a ,.diary a , .profile a , .comments a{padding: 10px 0px 10px 0px!important;border: 2px solid #90846A;-webkit-box-shadow: 0px 2px 2px #000;-moz-box-shadow: 0px 2px 2px #000; box-shadow: 0px 2px 2px #000;}
 {--------------цитаты--------------}
 .blockquote {padding: 10px 10px 10px 10px; }
 span.quote_text {display: block; font:normal 90% Helvetica !important; color: #3C3425 !important; margin: 15px 10px 5px 10px !important; padding: 5px 5px 5px 5px !important; background: rgba(157, 143, 119, 0.5) !important; border: 1px dotted rgba(0,0,0,0.16);opacity : 1.0 !important;}
 {---------------------------------------эпиграф----------------------------------------}
 #epigraph, .prevnext, #epigraph .postContent, #epigraph .postLinksBackg {padding: 0px 0px 0px 0px !important;}
 #epigraph .paragraph img { border: none !important;padding: 0px 0px 0px 0px !important;}
 #epigraph .editPostLink, #epigraph .urlLink {padding: 0px 0px 0px 0px !important;}
 #epigraph, .prevnext, #epigraph .postContent, #epigraph .postLinksBackg {padding: 0px 0px 0px 0px !important;}
 #epigraph .paragraph img { border: none !important;padding: 0px 0px 0px 0px !important;}
 #epigraph .editPostLink, #epigraph .urlLink {padding: 0px 0px 0px 0px !important;}
 #epigraph .urlLink {display:none}
 #epigraph .postLinksBackg{display:none}
 {---------------------------------------голосование----------------------------------------}
 .voting td [src*="/images/polls/bar1.gif"], .voting td [src*="/images/polls/bar1-l.gif"], .voting td [src*="/images/polls/bar1-r.gif"], .voting td [src*="/images/polls/bar6.gif"], .voting td [src*="/images/polls/bar6-l.gif"], .voting td [src*="/images/polls/bar6-r.gif"] { background: #000; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;}
 .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2-l.gif"], .voting td [src*="/images/polls/bar2-r.gif"], .voting td [src*="/images/polls/bar7.gif"], .voting td [src*="/images/polls/bar7-l.gif"], .voting td [src*="/images/polls/bar7-r.gif"] { background: #000; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;}
 .voting td [src*="/images/polls/bar3.gif"], .voting td [src*="/images/polls/bar3-l.gif"], .voting td [src*="/images/polls/bar3-r.gif"], .voting td [src*="/images/polls/bar4.gif"], .voting td [src*="/images/polls/bar4-l.gif"], .voting td [src*="/images/polls/bar4-r.gif"] { background: #000; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;}
 .voting td [src*="/images/polls/bar5.gif"], .voting td [src*="/images/polls/bar5-l.gif"], .voting td [src*="/images/polls/bar5-r.gif"], .voting td [src*="/images/polls/bar8.gif"], .voting td [src*="/images/polls/bar8-l.gif"], .voting td [src*="/images/polls/bar8-r.gif"] { background: #000; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;}
 .voting td [src*="/images/polls/bar9.gif"], .voting td [src*="/images/polls/bar9-l.gif"], .voting td [src*="/images/polls/bar9-r.gif"], .voting td [src*="/images/polls/bar10.gif"], .voting td [src*="/images/polls/bar10-l.gif"], .voting td [src*="/images/polls/bar10-r.gif"] { background: #000; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;}
 .voting td {vertical-align: baseline;border: none !important;}
 {---------------------------------------теги----------------------------------------}
 .atTag a{text-transform: lowercase;}
 .atTag {text-transform: lowercase;font-size:14px!important;}
 .atTag a{ font: italic 14px Helvetica !important; text-decoration: none;}
 .atTag, .atMusic, .atMood {padding:0 0 0 0 !important; color:#000 ; font-size:11pt !important;}
 .atTag em:before {content:"Тег поста:"!important;font-weight: italic !important; }
 .atTag span {display: none !important;font-weight: italic !important; }
 {--------------меню-------------}
 #side { z-index: 10!important;text-align: center;height:100%!important; position: fixed !important;background: url('/userdir/2/2/2/0/2220055/82497137.png') repeat;}
 #side a { text-transform: uppercase; text-decoration:none; z-index: 5!important;color: #393223;z-index: 10!important;}
 #side a:hover { text-transform: uppercase; text-decoration:none; z-index: 5!important;color: #393223;z-index: 10!important;}
 #side { width:200px !important;position:absolute; background:#000 # 100% 100% repeat-x;padding:0px !important; -moz-border-radius:5px; -wenkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000;-o-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; z-index: 10!important;}
 .menuSection_title {display:block; padding:0px !important;z-index: 10!important;}
 .menuSection_title b, #myLinks_title b {display:block; width:177px !important; height:23px; color:#746A55 !important; text-transform:uppercase;font-weight:lighter; font-size:14px; background: #000; padding-top:7px; padding-right:7px; z-index: 10!important;}
 #myDiaryLinks {height:30px !important; overflow:hidden;z-index: 10!important;}
 #globalLinks {height:30px; overflow:hidden;z-index: 10!important;}
 #thisDiaryOwner {height:30px; overflow:hidden;z-index: 10!important;}
 #myLinks {height:30px; overflow:hidden;z-index: 10!important;}
 #thisDiaryLinks {height:30px; overflow:hidden;z-index: 10!important;}
 #thisDiaryOwner:hover {height:30px; overflow:visible!important; z-index: 10!important;}
 #myDiaryLinks:hover {height:30px; overflow:visible!important; z-index: 10!important;}
 #globalLinks:hover{height:30px; overflow:visible!important; z-index: 10!important;}
 #myLinks:hover{height:30px; overflow:visible!important; z-index: 10!important;}
 #thisDiaryLinks:hover {height:30px; overflow:visible!important; z-index: 10!important;}
 .menuSection_title {position:relative; z-index: 10!important;}
 .menuSection ul{position:relative; z-index: 9!important; margin-top:-30px !important; padding-top:5px !important; padding-bottom:5px !important;box-shadow: none!important;-moz-box-shadow: 0px 2px 4px #000!important; box-shadow: 0px 2px 4px #000!important;}
 #thisDiaryLinks ul{background:#746A55; margin-left:177px; min-width:200px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; z-index: 9!important;}
 #thisDiaryOwner ul{background:#746A55; margin-left:177px; min-width:200px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;z-index: 9!important;}
 #thisDiaryOwner:hover #thisDiaryOwner_title b {background:#746A55; color:#000 !important;z-index: 10!important;overflow:visible!important;}
 #myDiaryLinks ul{background:#746A55; margin-left:177px; min-width:200px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;z-index: 9!important;visibility:visible !important;}
 #myLinks ul{background:#746A55; margin-left:177px; min-width:200px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;z-index: 9!important;}
 #myDiaryLinks:hover #myDiaryLinks_title b {background:#746A55; color:#000 !important;z-index: 9!important;overflow:visible!important;}
 #globalLinks ul{background:#746A55; margin-left:177px; min-width:200px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -o-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;z-index: 9!important; }
 #globalLinks:hover #globalLinks_title b, #myLinks:hover #myLinks_title b, #thisDiaryLinks:hover #thisDiaryLinks_title b, #YaSearch:hover #YaSearch_title b {background:#746A55; color:#000 !important;z-index: 9!important;overflow:visible!important;}
 .menuSection ul li{font-size:12px; text-transform:uppercase; padding-bottom:3px !important; padding-top:3px !important; padding-left:10px !important;z-index: 9!important;}
 .menuSection ul li:hover{ text-transform: uppercase; text-decoration:none;color:#000 !important;z-index: 9!important;}
 #TagsList { background: none !important; text-align: left; text-transform: lowercase;margin-top: -22px !important;margin-bottom: -55px !important;margin-left: 3px !important;z-index: 9!important;overflow:visible!important;}
 #TagsList li { background: none !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding: 0px 0px 0px 25px !important; z-index: 9!important;}
 #thisDiaryPhoto a {position:reletive; z-index: 1!important;padding: 0px 0px 0px 0px !important;}
 #thisDiaryPhoto { background-color: rgba(0, 0, 0, 0); background-image: url('/userdir/2/2/2/0/2220055/82501113.png'); background-repeat: no-repeat; max-width: 141px !important; height:142px!important; padding: 0px 0px 0px 0px ! important;margin-left: 13px !important;margin-top: 20px !important;}
 #thisDiaryPhoto img {opacity:1; position:relative; z-index: -10; padding: 10px 0px 0px 0px !important;}
 #side h1 { display:block;!important; width:201px; height:96px;position:absolute; top:0px;left:8px !important;background-image: url('/userdir/2/2/2/0/2220055/82501230.png'); background-repeat: no-repeat;position:fixed;}
 #side h1 a {position:reletive;font-size:9px; color:#000 !important;text-transform: uppercase !important; text-decoration: none!important; text-shadow: #665448 0px 1px 0px !important;max-width:100px!important;}
 #side h1 a {position: absolute; top:10px; left: 50px !important;}
 #YaSearch{display:none!important;}
 {---------------------------------------аватарки----------------------------------------}
 .avatar img {opacity : 0.6 !important;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000;-o-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; }
 .avatar img:hover {opacity: 1.0!important; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000;-o-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; }
 .avatar img {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; -o-border-radius:5px!important; border:2px solid #3C3425 !important;margin-right: 20px;max-height: 120px;max-width: auto; }
 #JournalFavorite .avatar img {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; -o-border-radius:5px!important;max-height: 120px;max-width: auto; border:2px solid #3C3425 !important;margin- right: 20px;}
 {--------------лишнее-------------}
 #pchs, #lastComments, #albumLink, #myLinksLink, #myProfileLink, #mySFavLink, #myAccountLink {display: none!important;}
 #extrabottom:after {content:"Кареглазый Демон © 2015"; text-align:right; width:391px; display:block; position:absolute; margin-top: 0px; z-index:2; color: #000;font-size:11px; text-decoration: none;}
 #bottom_up a { display:block; position:fixed; bottom:0px;left:8px; background: url('/userdir/2/2/2/0/2220055/82501864.png') 0 0 no-repeat; width: 201px; height: 68px; text-indent: -99999px; outline: 0; z-index: 12;}

~~Я что то не так делаю или хром в принципе не понимает overflow?~~
Вместо меню слева выставил верхнее и все подогнал.

@темы: меню

URL

среда, 04 февраля 2015

23:43

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

Скромник с чертиками в глазах

Проблема решена.

Добрый вечер.
В хроме не слушается дизайн.

1. Меню не хочет выравниваться в три столбца. Бился бился, не получается.

В мозиле
В хроме

2. На странице комментариев появляется полоска в постах.

В мозиле
В хроме

Дизайн установлен у меня в дневнике.

Заранее спасибо за помощь =)

@темы: меню

URL

понедельник, 02 февраля 2015

09:47

Когда-нибудь я не буду приходить в конце написания кода к багам или буду находить сразу же их решения сама, но похоже до этого момента еще расти и расти. А пока прошу помощи!!

Иллюстрация:

РЕШЕНО

Огромное спасибо La mignonne !!

запись создана: 31.01.2015 в 11:18

@темы: меню

URL

пятница, 30 января 2015

13:39

ссылки и ник

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

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

Все наглядно тут - http://trulala-diz.diary.ru/

2) Нужно - задать ширину для #thisDiaryInfo, допустим, 500px и расположить ник+фото по центру.
В дизайнах с боковым меню при изменении ширины #thisDiaryInfo эти блоки выравниваются по центру автоматически.
Но в дизайне с верхним меню задана центровка по правой стороне.
.top #authorName{ .........; float: right;}
и если ее убирать для как
.top #authorName{ .........; float: none;}
то ник становится как надо по центру, но он становится равным ширине #thisDiaryInfo в 500px и превращается в ссылку-ник шириной 500пикс
+ фото не двигается никак даже этим кодом
решено MysteryLove

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

URL

среда, 28 января 2015

08:33

Странное

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

don't keep calm and fuck them all

Я, может быть, просто много паникую и не вижу самого простого, но проблема в том, что когда пишу код дизайна, изменений визуальных никаких не происходит, ни в окошке просмотра, ни в дневнике, если установить дизайн. WTF?! О_О
КСС оплачен, кэш на всякий случай почищен. Что еще может происходить я уже не знаю. Может кто-нибудь подскажет? @_@

вопрос снят.

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

URL

вторник, 20 января 2015

05:42

Использование нестандартных шрифтов

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

Тесты, просто тесты.

Здравствуйте.

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

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

URL

понедельник, 19 января 2015

14:30

Инфо об автора

все записи пользователя в сообществе do not speak

Не ищи меня в других. Меня там нет.

Нужно - задать ширину для #thisDiaryInfo, допустим, 500px и расположить ник+фото по центру.

В дизайнах с боковым меню при изменении ширины #thisDiaryInfo эти блоки выравниваются по центру автоматически.
Но в дизайне с верхним меню задана центровка по правой стороне.
.top #authorName{ .........; float: right;}
и если ее убирать как
.top #authorName{ .........; float: none;}
то ник становится как надо по центру, но он становится равным ширине #thisDiaryInfo в 500px и весь блок #thisDiaryInfo превращается в ссылку-ник

Как убрать это?

@темы: меню

URL

воскресенье, 11 января 2015

13:06

Комментарии и меню

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

don't keep calm and fuck them all

Здравствуйте еще раз. (:
Сегодня я без воза вопросов. С большей частью багов, к счастью, разобралась сама. Но остались две вещи, которые никак не могу одолеть. Кажется, что я уже под всеми углами посмотрела, со всех точек зрения, но решения не вижу. @_@
Помогите, пожалуйста!!

решено

спасибо Тайя, которая душит романтиков!

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

URL

среда, 07 января 2015

20:50

Темы записей, эпиграф, отступы и другое

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

don't keep calm and fuck them all

И снова я. И снова с багажом вопросов. Здравствуйте. ))
Делаю очередной дизайн, и как всегда, в конце не обойтись без помощи. :beg:

Сначала баги:
1. Темы записей. Это просто...
решено

2. Эпиграф. Мое больное место. ><
решено

3. Цитатник.
решено

4. Область подписи и имени.
решено

5. Отступ синглпоста.
решено

Советы обучающимся

Все решения найдены. Спасибо Тайя, которая душит романтиков, Ренос. Отдельное спасибо Min Young-nim за тщательное объяснение тонких моментов.

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

URL

пятница, 02 января 2015

06:47

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

Тесты, просто тесты.

Здравствуйте.

Я к пунктам меню (Мой дневник, Новая запись и т.д.) прикрутил конструкцию для показа небольшой анимации при наведении на них курсором. Для этого использовал :hover::after. Всё идеально работает почти со всеми пунктами. Кроме "Мой дневник", "Платные сервисы" и "FAQ". У них почему-то появляется сразу 2 псевдоэлемента с анимацией: первый в нужном месте, а второй чёрте-где.

Кто-нибудь в курсе из-за чего это может происходить?

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

URL

среда, 24 декабря 2014

22:21

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

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

@темы: diaryCSS

URL

среда, 17 декабря 2014

13:01

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

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

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

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

@темы: diaryCSS

URL

воскресенье, 14 декабря 2014

19:26

все записи пользователя в сообществе do not speak

Не ищи меня в других. Меня там нет.

Накопилось пару вопросов, ай нид хелп

Почитать

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

URL

среда, 03 декабря 2014

20:25

Вопросик

все записи пользователя в сообществе Аркхейм

Человек всегда лишь эпигон героев собственных фантазий. (с)

Доброго времени суток! У меня в СОО стоит дизайн CSS, который мне сделал один очень хороший мастер, но у меня возникли вопросы, понадобились те элементы, которые мастер убрал.
Как вернуть и разместить кнопку "сортировать по последним комментариям" в СОО, при том, как сделать кнопку со своей картинкой (если такое возможно), при том две другие кнопки мне не нужны. Замечу, что в CSS я очень слаба, поэтому, если кто-то решит мне объяснить , то пожалуйста простым языком.
Но не подумайте, я понимаю что и куда запихивать и как все это делать, мне бы просто код (или как это называется xD), который влиял бы на этот элемент. Заранее простите, если вопрос глупый, не нашла его в перечне основных! т.т Помогите кто чем может!

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

URL

пятница, 28 ноября 2014

17:37

Дата к каждому посту

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

на самом деле сладкий пирожок с добром и матами

Доброго времени суток.
Не подскажете, можно ли сделать так, что бы дата, н-р "Вторник, 18 ноября 2014" отображалась к каждому посту этого дня, но в формате только числа и месяца, "18 ноября"?

@темы: текст

URL


Запомнить