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

воскресенье, 12 июля 2015

09:36

В записи день недели наползает на дату, как исправить?

все записи пользователя в сообществе Алонсо Кехана

Железные блюдца не бьются, пока не побьют.

Вопрос решён.

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

URL

суббота, 11 июля 2015

17:40

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

темные ебанации

два вопроса:

1. как сделать в выпадающем меню жирным надписи: мой дневник и все дневники? все остальное прекрасно делается жирным.
#myDiaryLink, #allDiaryLink {font-weight: bold !important;} не помогает как и .menuSection a {font-weight: bold !important;}.

2. как поменять фон в выпадающем меню? .menuSection ul { color: #хххххххх !important;} не помогает.

СПАСИБО ВОПРОСОВ НЕТ

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

URL

пятница, 10 июля 2015

20:19

Эпиграф дневника

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

РЕШЕНОЗдравствуйте. Нужна помощь.
В коде дизайна не разбираюсь, мне все сделали( Пытаюсь теперь сам переделать диз. Картинка в эпиграфе дублируется, как бы я не менял значения. Может какой-то другой код нужен. Выглядит это так:
картинка
код дизайна:

html, body {background: url('/userdir/7/5/6/9/75691/83116748.jpg'); }
 #extratop{height:125px;background: url('/userdir/7/5/6/9/75691/82818382.png'); -10% 0 no-repeat; margin-top: -20px;}
 #epigraph {font-family: Сomic Scans MS;}
 #authorQuot {display:none!important}
 #add_block1 {position: fixed !important; bottom: -120px; left: 15px; background: url('/userdir/7/5/6/9/75691/83116857.png') no-repeat; width:250px; height: 300px; z-index: 1 !important;}
 #side, #wrapper {position: relative !important; z-index: 2 !important;}
 #epigraph {font-family: courier new;}
 {--------menu---------}
 .menuSection { background: #d2d2d2;}
 #myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li, #all_links, #myLinks li { padding: 0px 0 2px 10px !important;}
 {--------stuff---------}
 #topNav a, #bottomNav a {color:transparent !important;}
 #bottomNav li {display:none;}
 #bottomNav {display:block; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:none !important;border:none !important;height:1px;}
 #bottom_up {display:block !important;position:fixed;right: 50px; bottom:60px;}
 #bottom_up a {position:absolute; top:-50px; width:200px; height:150px; background:url('/userdir/7/5/6/9/75691/82818397.png') no-repeat; padding-top:25px;clip:rect(0px 200px 150px 0px);opacity:0.6;filter:alpha(opacity=60);}
 #bottom_up a:hover {opacity:0.9;filter:alpha(opacity=90);}

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

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

URL

среда, 08 июля 2015

19:28

Убрать рамку контейнера в эпиграфе

все записи пользователя в сообществе John 2,14

♕Glaciers is melting in the dead of night

Здравствуйте.
Я применила следующий стиль к нескольким контейнерам.

 #myDiaryLinks, #thisDiaryInfo, #YaSearch, #thisDiaryOwner, h1, #globalLinks, #pchs, #Stats, #topNav, .postDate, .header {border: 4px double #828282;}

Или:

#myDiaryLinks, #thisDiaryInfo, #YaSearch, #thisDiaryOwner, h1, #globalLinks, #pchs, #Stats, #topNav, .postDate, .postTitle {border: 4px double #828282;}

Получилось:

Итак, мне нужно, чтобы вокруг кнопки редактирования в эпиграфе не было рамки.
Контейнер с кнопкой:

<div class="postTitle header">

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

<div class="singlePost" id="epigraph">

стиль контейнера

<div class="postTitle header">

был иным или не отображался. И я не знаю, как этого добиться.

РЕШЕНО

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

URL

вторник, 07 июля 2015

20:32

Посты колонками

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

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

Делаю диз, захотелась посты сделать колонками. В связи с этим два вопроса:
1. Можно ли сделать так, чтобы посты шли не подряд сначала в одной колонке, потом в другой, а слева направо?
Т.е. не так:
1 5
2 6
3 7
4 8,
а вот так:
1 2
3 4
5 6?
Это возможно? С помощью .count? Nth-child? Как-нибудь?

2. Вопрос второй: последний пост в столбце разрывается. Это реально как-то преодолеть?

Диз стоит у меня, код:

body {margin: 0; padding: 0 !important; background: url('/userdir/1/8/2/8/1828072/83106737.jpg') no-repeat center top #F0F0F0; background-size: contain; font-family:Arial;}
 #page-t {width: 900px !important; max-width: 90%; margin: 800px auto 40px !important; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2}
 h2 {font-size: 22px !important;}
 #side {position: absolute; top: -802px !important; background: #444; width: 100% !important; height: 35px;}
 #side ul {background: #444; border-radius: 7px;}
 #side b { font-weight: normal !important; color: #C4B5B2 !important;}
 .singlePost, .singleComment {margin: 40px 0px !important; padding: 20px !important; background: #fff; border-radius: 7px; border-bottom: 2px solid #E5E5E5 !important;}
 #JournalComments #page-t, #JournalFavorite #page-t {-moz-column-count:1; -webkit-column-count: 1; column-count: 1}
 .postLinksBackg {border-top: 3px solid #EFEFEF; padding: 10px !important; color: #b5b5b5; margin: 40px 0; transition: all ease 0.5s; font-size: 11px;}
 .postLinksBackg:hover {border-top: 3px solid #dadada; color: #dadada;}
 .postLinksBackg:hover a {color: #dadada; text-decoration: none;}
 .postLinksBackg a:hover {color: #dadada;}
 .paragraph {line-height: 24px !important}
 #post0 .postLinksBackg {display: none;}
 #epigraph {width: 880px !important; max-width: 90%; position: absolute; top: -400px; margin-left: -20px !important; border-bottom: none !important; z-index: -1;}
 #sortOrder {display: none;}
 #pageBar {width: 880px !important; max-width: 90%; position: absolute; left: 20% !important; margin-top: 20px}
 .singlePost.first.countSecond {margin-top: -40px !important;}
 #side h1 {position: absolute !important; top: 250px; font-size: 30px !important; font-weight: normal !important; width: 98% !important; text-align: center !important; }
 #authorName {position: absolute !important; top: -5px; text-shadow: 0 0 1px #444; right: 10px !important; font-size: 30px !important; color: #C4B5B2; font-weight: normal !important;}
 #side a, .count_box {color: #C4B5B2 !important;}

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

URL

четверг, 25 июня 2015

12:36

Как такое может быть?

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

don't keep calm and fuck them all

вопрос снят

спасибо curious_werewolf!!

@темы: меню

URL

среда, 24 июня 2015

09:00

пара вопросов

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

don't keep calm and fuck them all

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

РЕШЕНО

Спасибо большое Стражница!!

@темы: меню

URL

суббота, 06 июня 2015

23:23

совет по плавной трансформации

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

don't keep calm and fuck them all

здравствуйте!
прошу совета по использованию transition, пожалуйста!
прочитала кучу материала, но так и не улавливаю как сделать плавную трансформацию в конце, когда указатель убирается с ссылки. тт_тт
можно посмотреть проблему у меня в дневнике на панели меню. полоски под ссылками появляются плавно, а исчезают мгновенно, а нужно чтобы тоже плавно. :thnk:

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

URL

понедельник, 25 мая 2015

23:28

несколько вопросов

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

fandom South Park 2016

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

возникла еще пара вопросов. Простите
Вопрос первый.
~~1. кнопка вверх, не могу поймать её в коде.~~ поймала
2. как оставить меню выброшенным?
3. Как изменить размеры отступов между пунктами меню?
картинка для уточнения что мне надо

запись создана: 25.05.2015 в 06:11

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

URL

четверг, 14 мая 2015

22:58

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

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

{-----------КАРТИНКИ------------------}
 body {background: url('Общий фон') fixed; padding 0!important}
 #wrapper{min-width:0px!important; width:980px; background:url('Фон записи') repeat;}
 #extratop {background:url('Экстратоп') no-repeat; height: 440px; }
 .singlePost .blockquote {background: url('Цитата') no-repeat;}
 span.quote_text {background: url('Цитата') no-repeat; display: block; padding: 20px 20px 10px 30px;}
 .singlePost, .singleComment { padding-top: 50px !important;padding-bottom: 20px !important; background: url('Разделитель') no-repeat;}
 #thisDiaryOwner_title {display:block; width:155px; height:66px; line-height:500px; overflow:hidden; background: url('Записи') no-repeat;}
 #myDiaryLinks_title {display:block; width:155px; height:66px; line-height:500px; overflow:hidden; background: url('Мой дневник') no-repeat;}
 #globalLinks_title {display:block; width:155px; height:66px; line-height:500px; overflow:hidden; background: url('Главное меню') no-repeat;}
 {--------общее--------}
 #epigraph, #post0, #epigraph .singlePost{background: none; padding:5px 0 0 0!important; margin:0!important;}
 div.voting img { height: 0px !important; border: 5px #181510 solid;}
 .paragraph img{max-width: 500px}
 a:hover {-moz-transition: color 0.3s 0.03s ease; -o-transition: color 0.3s 0.03s ease; -webkit-transition: color 0.3s 0.03s ease; color: #3A4C24!important;text-decoration: none !important;}
 #w18p {position: absolute; left: 0; width: 180px; z-index: 10; font: bold 10px Verdana;}
 #w18p a {color: #000000!important;}
 .submit {padding: 5px!important;background: #ffffff!important;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
 .submit:hover {background: #736960!important;}
 #message, .text {padding: 5px 5px 5px 5px !important; background:#ffffff!important;}
 {--------записи--------}
 #page-c {width:670px !important; padding:0 !important; margin: 0!important;}
 #page-t {margin:0 !important; padding:0 !important; font: 15px Georgia, monospace ; margin-left: 10px!important;margin-right: 10px!important;}
 .postLinksBackg {font: 13px Geargia !important ; }
 .atTag a, .atTag span, .atMusic span, .atMusic, .atMood span, .atMood {color: #4e4129;font-size: 11px ; text-transform:lowercase;}
 .header h2 {font-size: 16px !important;color: #181510 !important; font-weight:bold !important; text-shadow: 1px 1px 0px #fff;}
 .header span {font-size: 14px !important;color: #181510 !important; font-weight:bold !important; text-shadow: 1px 1px 0px #fff;}
 .singlePost .postDate { color: #181510;font-size:11px;font-weight:bold !important; text-shadow: 1px 1px 0px #fff;}
 .avatar img {width:100px; height: 100px; padding: 5px 5px 5px 5px !important; z-index: 1; background:#ffffff;}
 .sign { width: 110px !important; }
 {--------меню--------}
 #side { width:180px !important; margin:0 !important;position:relative;left: 40px;font: 13px Georgia, lowercase; top: -310px;}
 #side h1 a{font: italic 34px Cambria; color: #613e28!important; width: 552px!important; text-align: center!important;line-height: 0.6; left: 250px!important;position: absolute; top: 230px;font-weight:bold !important; text-shadow: 1px 1px 0px #fff;}
 #side h1 a:hover {color: #!important;}
 #thisDiaryPhoto img{position: absolute; top: -101px; left: 28px; width:130px; height: 125px; }
 #authorName {font-size: 20px; font-weight: bold; color: #39301f;font-variant:small-caps!important; }
 #lastComments, #pchs {color: #6A5447;}
 #yaquery {width:100px!important; height: 100px; padding: 4px 5px 4px 5px !important; z-index: 1; background:#F8F5E4;}
 {----------------none-------------}
 .order_button, #epigraph .postLinksBackg {display: none!important;}

Если заменить width на 890 (как тут)

 #wrapper{min-width:0px!important; width:890px; background:url('Фон записи') repeat;}

,
то проблема с дублированием и записью уходит, но плеер все еще вылезает за границы в комментариях (Рис 2).

Рис 1

Рис 2

Как сделать идеально?

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

URL

вторник, 12 мая 2015

17:52

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

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

Снова я. На странице правки поста не работают кнопки (Опубликовать, Предпросмотр, Сохранить черновик). Что-то не так с индексами? На других страницах эти же кнопки работают, т.е. я спокойно могу опубликовать пост/комментарий (комментарий в том числе и после правки). Но вот при правке поста вырубаются кнопки. Хелп!

{---------------КАРТИНКИ------------------}
 body {padding: 0!important; background: #C0C759 url('/userdir/1/6/1/9/1619707/82845495.jpg') 0px top repeat; background-attachment: fixed;}
 #page-t {background: url('/userdir/1/6/1/9/1619707/82915061.png') repeat-y 0px top; width:831px; margin-left: -50px !important; padding: 100px 5px 20px 260px; min-height: 1300px; margin-top: 0px !important;}
 #extratop {padding: 0!important;background: url('/userdir/1/6/1/9/1619707/82915164.png') 0px bottom no-repeat; height: 488px; width: 1091px; margin-bottom:0px; position: relative; z-index:5; margin-left: -50px;}
 #extrabottom {padding: 0!important;background: url('/userdir/1/6/1/9/1619707/82915198.png'); background-repeat: no-repeat; width: 1091px; height: 176px; margin-left: -60px; position: relative; z-index: 0 !important; margin-top: -130px;}
 .singlePost {background: url('/userdir/1/6/1/9/1619707/82845498.png') 50% bottom no-repeat; padding: 0px 0px 75px 0px!important;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 80px; width: 34px; height: 37px; background: url('/userdir/1/6/1/9/1619707/81308612.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 #bottom_mainlink a { display: block !important; position: fixed; bottom: 82px; right: 80px; width: 34px; height: 40px; background: url('/userdir/1/6/1/9/1619707/81308608.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_mainlink a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 {------------------------------------------------}
 img { max-width: 730px !important; }
 .quote_text img { max-width: 571px !important; }
 .quote_text {display: block;background: #e4f0c8; padding: 10px; }
 a:hover {color: #583515!important; text-decoration: none!important;}
 .avatar img { border: 1px solid #a95f49;}
 #message, .text {border: 1px solid #a95f49!important; padding: 5px!important;}
 .submit {padding: 5px!important;background: #ffffff!important;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
 .submit:hover {background: #d1e79f!important;}
 #btSubmit {position: relative; z-index: 1 !important;}
 {-------------------пост---------------------}
 #wrapper{min-width:980px!important; width:980px; padding15px 0 0 0!important; margin-bottom:0px!important;}
 .left #page-c {margin-left:-200px;}
 .left #page-t {margin-left:200px;}
 #postsArea {width: 710px !important; margin-top: -95px !important;}
 #msg_form {width: 710px !important;}
 #commentsArea {width: 710px !important;}
 .header {font: normal 21px Times New Roman;}
 .singlePost, .singleComment {margin-bottom: 20px!important;}
 .postLinksBackg, .postLinksBackg a{font: normal 17px Times New Roman;}
 #epigraph .singlePost {background: none!important; padding: 0!important;}
 #bottomNav {display: block !important; top: 0px !important; z-index: 1 !important;}
 .postDate {color: #a95f49 !important; font: normal 17px Times New Roman !important;}
 #pageBar {z-index: 1 !important;}
 {----------------------меню--------------------}
 #side {width: 200px; text-align: left!important; padding-top: -20px; position: relative;}
 #side a {font: normal 18px Times New Roman;}
 #side h1 {position: absolute; top: -635px;left: 0px; text-shadow: -3px 1px 2px #000000; text-align: left;width: 700px!important;white-space: nowrap!important;}
 #side h1 a {font: italic 40px Times New Roman; color: #ffffff !important; white-space: nowrap!important;}
 {------------none------------}
 .order_button, #lastComments, #headlineList,#pchs, .prevNextLinks {display: none!important;}

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

URL

15:53

***

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

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

SOLVED

Картинка для наглядности:

{---------------КАРТИНКИ------------------}
 body {padding: 0!important; background: #C0C759 url('/userdir/1/6/1/9/1619707/82845495.jpg') 0px top repeat; background-attachment: fixed;}
 #page-t {background: url('/userdir/1/6/1/9/1619707/82915061.png') repeat-y 0px top; width:831px; margin-left: -50px !important; padding: 100px 5px 20px 260px; min-height: 1300px; margin-top: 0px !important;}
 #extratop {padding: 0!important;background: url('/userdir/1/6/1/9/1619707/82915164.png') 0px bottom no-repeat; height: 488px; width: 1091px; margin-bottom:0px; position: relative; z-index:5; margin-left: -50px; margin-top: 0px !important;}
 #extrabottom {padding: 0!important;background: url('/userdir/1/6/1/9/1619707/82915198.png'); background-repeat: no-repeat; width: 1091px; height: 176px; margin-left: -60px; position: relative; z-index: 1 !important; margin-top: -130px;}
 .singlePost {background: url('/userdir/1/6/1/9/1619707/82845498.png') 50% bottom no-repeat; padding: 0px 0px 75px 0px!important;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 80px; width: 34px; height: 37px; background: url('/userdir/1/6/1/9/1619707/81308612.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 #bottom_mainlink a { display: block !important; position: fixed; bottom: 82px; right: 80px; width: 34px; height: 40px; background: url('/userdir/1/6/1/9/1619707/81308608.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_mainlink a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 {------------------------------------------------}
 img { max-width: 730px !important; }
 .quote_text img { max-width: 571px !important; }
 .quote_text {display: block;background: #e8e5ce; padding: 10px; }
 a:hover {color: #583515!important; text-decoration: none!important;}
 .avatar img { border: 1px solid #a95f49;}
 #message, .text {border: 1px solid #a95f49!important; padding: 5px!important;}
 .submit {padding: 5px!important;background: #ffffff!important;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
 .submit:hover {background: #d1e79f!important;}
 #btSubmit {position: relative; z-index: 1 !important;}
 {-------------------пост---------------------}
 #wrapper{min-width:980px!important; width:980px; padding:90px 0 0 0!important; margin-bottom:0px!important;}
 .left #page-c {margin-left:-200px;}
 .left #page-t {margin-left:200px;}
 #postsArea {width: 710px !important;}
 #msg_form {width: 710px !important;}
 #commentsArea {width: 710px !important;}
 .header {font: normal 21px Times New Roman;}
 .singlePost, .singleComment {margin-bottom: 20px!important;}
 .postLinksBackg, .postLinksBackg a{font: normal 17px Times New Roman;}
 #epigraph .singlePost {background: none!important; padding: 0!important;}
 #post0 {padding-top: -10px !important;}
 #bottomNav {display: block !important; top: 0px !important; z-index: 1 !important;}
 .postDate {color: #a95f49 !important; font: normal 17px Times New Roman !important;}
 #pageBar {z-index: 1 !important;}
 {----------------------меню--------------------}
 #side {width: 200px; text-align: left!important; padding-top: -20px; position: relative;}
 #side a {font: normal 18px Times New Roman;}
 #side h1 {position: absolute; top: -635px;left: 0px; text-shadow: -3px 1px 2px #000000; text-align: left;width: 700px!important;white-space: nowrap!important;}
 #side h1 a {font: italic 40px Times New Roman; color: #ffffff !important; white-space: nowrap!important;}
 {------------none------------}
 .order_button, #lastComments, #headlineList,#pchs, .prevNextLinks {display: none!important;}

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

URL

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

14:06

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

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

don't keep calm and fuck them all

Здравствуйте добрые люди!
Назрели в процессе создания нового диза два вопроса. Может кто подскажет-поможет?

Решено

Дизайн стоит в дневнике, дневник открыт.

спасибо большое La mignonne!!!

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

URL

среда, 22 апреля 2015

16:05

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

все без всех могут жить. не надо соплей

Добрый день!
стоит css-дизайн из каталога (минимализм).
После каждого захода на сайт меняет цвет шрифта записей на белый.
как исправить?

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

URL

воскресенье, 05 апреля 2015

18:11

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

Чудище хоботистое не видели?

Здравствуйте. Не совсем даже уверена, что это к вам, но всё-таки надеюсь, что мне помогут.
У меня проблема с отображением шрифтов в файрфоксе.
читать дальше

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

URL

суббота, 04 апреля 2015

22:09

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

темные ебанации

сейчас будет нубский вопрос
работает ли a:hover если приставить его к #authorName?
пытаюсь поменять свойства отдельно ника при наведении мыши и ничего не получается
ВОПРОС СНЯТ СПАСИБО

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

URL

среда, 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


Запомнить