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

среда, 03 сентября 2014

18:50

Одна из кнопок на странице с темами не залита

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

All of the love we left behind watching the flashbacks intertwine. I think our lives have just begun.

В общем, проблема располагается на странице с темами и прекрасно описывается этим скриншотом:

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

Что бы мне такого подправить в коде, чтобы кнопка "Записи без темы" получила свой бэкграунд?

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

URL

вторник, 02 сентября 2014

21:08

Кнопки

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

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

Добрый вечер.
Есть дизайн, не работают кнопки переключения страниц и кнопка добавления записи, хотя индексы, вроде, расставлены правильно.
Может кто-нибудь, пожалуйста, посмотреть код и сказать, что не так?

{---------------КАРТИНКИ------------------}
 body {padding: 0!important; background: #C0C759 url('/userdir/9/8/5/2/985263/81735408.jpg') repeat 0 top; background-attachment: fixed;}
 #page-t {background: url('/userdir/9/8/5/2/985263/81735400.png') repeat-y 0px top; width:831px; margin-left: -50px !important; padding: 100px 5px 20px 260px; min-height: 1300px; margin-top: 100px !important;}
 #extratop {padding: 0!important;background: url('/userdir/9/8/5/2/985263/81735398.png') 0px bottom no-repeat; height: 378px; width: 1091px; margin-bottom:-135px; position: relative; z-index:5; margin-left: -50px;}
 #extrabottom {padding: 0!important;background: url('/userdir/9/8/5/2/985263/81735391.png'); background-repeat: no-repeat; width: 1151px; height: 202px; margin-left: -135px; position: relative; margin-top: -156px;}
 .singlePost {background: url('/userdir/9/8/5/2/985263/81735401.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/9/8/5/2/985263/81735389.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/9/8/5/2/985263/81735388.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: #d5deb0; padding: 10px; }
 a:hover {color: #d5deb0!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: #E5D9B5!important;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
 .submit:hover {background: #D2C49B!important;}
 #btSubmit {position: relative; z-index: 1 !important;}
 {-------------------пост---------------------}
 #wrapper{min-width:980px!important; width:980px; padding:90px 0 0 0!important; margin-bottom:-400px!important;}
 .left #page-c {margin-left:-200px;}
 .left #page-t {margin-left:200px;}
 #postsArea {width: 725px;}
 #msg_form {width: 725px;}
 #commentsArea {width: 725px;}
 .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 {margin-top: -70px !important;}
 #bottomNav {display: block !important; top: 0px !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: 115px; position: relative;}
 #side a {font: normal 18px Times New Roman;}
 #side h1 {position: absolute; top: -330px;left: 100px; 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

суббота, 09 августа 2014

18:43

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

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

Бобрый день.
Вопрос про курсор.
Все, что по ссылкам в эпиграфе насчет курсора сказано - a:hover{cursor: crosshair (или еще что-нибудь);} Т.е. при наведении на ссылку, он меняет свой вид, а это немного не то, чего бы мне хотелось. Хотелось бы, собственно, узнать, можно ли заменить курсор картинкой, чтобы он не только при наведении на ссылку становился, скажем, крестиком, а вообще всегда?
Чтобы сделать курсор картинку, должно быть что-то вроде a:hover{cursor: url ('адрес');}, во всяком случае, когда-то у кого-то это работало, судя по комментам под постами столетней давности... Сейчас попробовала - ноль эмоций, курсор при наведении не меняется. В чем может быть дело? a:hover{cursor:url('/userdir/2/1/5/2/215261/81605509.png');} - надо как-то по-другому ссылку давать, или, может, картинка слишком большая (хотя, вроде бы, это роли не играет) или формат не тот?.. В общем, смиренно взываю о помощи, господа, потому что я уже что-то запуталась совсем.

@темы: diaryCSS

URL

вторник, 05 августа 2014

20:35

Оформление на заказ

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

Женщина народа сидов

Дорогие сообщники, у меня к вам весьма меркантильный вопрос. Если он не соответствует тематике сообщества - прошу модераторов его удалить. Но мне именно это сообщество показалось самым подходящим для того, чтобы разузнать следующее:
Кто из вас делает оформления на заказ? Пользуется ли это спросом? Если да - то что именно входит в готовый дизайн, и что обычно просят пользователи? Много ли времени ушло на то, чтобы овладеть CSS до такого уровня? Допустимо ли использование шаблонов (пусть и своих собственных) при условии смены изображений и цветовой гаммы?
Поделитесь, пожалуйста, своим мнением. Заранее благодарна.

@темы: платный сервис, Дизайн, Мысли вслух, Точка зрения

URL

суббота, 02 августа 2014

21:03

Ошибка добавления изображений в настройках дизайна.

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

Генератор идей

Такая вот проблема с загрузкой картинок в эпиграф, аватарок и т.п.

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

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

URL

четверг, 24 июля 2014

11:10

обрезаются видео и картинки в избранном

все записи пользователя в сообществе -=Ad Libitum=-

как сделать, чтобы поле записей было шире и соответственно видео-картинки влазили нормально? Разрешение монитора 1366 х 768, и получается, что между фоном и началом текстовых блоков слишком большое расстояние, а сами блоки чересчур узкие. В css я даже не полный ноль, а скорее "-1", поэтому вынужден просить помощи, ибо даже не совсем понимаю, как корректно составить поисковый запрос.

На всякий случай код:

.block_design {background: #543d30 url('/userdir/2/2/6/4/2264120/81515704.jpg'

0 0 fixed; padding: 0 !important;}

#wrapper{ min-width: 980px; width: 980px; padding: 0 !important; margin-top: 110px; margin-bottom: 20px;}

#extratop { background: #000; width: 100%; height: 50px; }

{------------------------------------------------------ backgrounds -------------------------------------------------------}

.menuSection, .paragraph, .avatar img, textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text, #thisDiaryPhoto img, #authorName, #JournalCalendar #content, #favGroups { background: url('/userdir/2/2/6/4/2264120/81515182.png'

; }

.singlePost, #side, .communityName, .authorName, .singleComment, #addCommentArea, #msg_form, #JournalCalendar #page-t, .tags_ul_all, #pageBar {background: url('/userdir/2/2/6/4/2264120/81515181.png'

;}

{------------------------------------------------------ menu -------------------------------------------------------}

#side {width: 160px; position: relative; margin: 0 0 0px 10px !important; }

.bordered {padding: 0px !important; margin: 0 0 -20px 0px !important; }

.menuSection { padding: 0px 0px 10px 0px!important; margin: 0 0 -1px 0px !important;}

.menuSection_title {display: block; background: #000; text-transform: lowercase; text-align: center; padding: 10px !important; margin: 0px 0 10px 0px !important;}

.menuSection_title b {font: normal 12px Arial;}

#thisDiaryInfo {background: none; margin: 0 0 10px 0px !important; }

#thisDiaryPhoto img {padding: 10px !important; min-width: 100px; width: 100px; max-width: 100px !important; margin: 10px 0 0px 0px !important;}

#authorName {width: 160px !important; display: block; padding: 10px 0 10px 0; margin: 15px 0 0px 0px !important;}

#side h1 a {position: absolute; top: -35px; left: 330px; font: normal 22px Arial; text-align: center; width: 300px; color: #b7b7b7 !important;}

#myDiaryLinks, #globalLinks, #thisDiaryLinks, #thisDiaryOwner {}

#myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li {border-bottom: 1px solid #1c1b1b; padding: 0px 0 2px 20px !important; margin: 0px 10px 1px 10px !important; text-transform: lowercase;}

#Stats { background: #000; text-transform: lowercase; text-align: center; padding: 10px !important; margin: 0px 0 10px 0px !important; font: normal 12px Arial;}

#TagsList ul { width: 130px !important; padding: 5px 0 5px 0 !important; margin: -5px 0 2px -30px !important; }

#TagsList li {padding: 2px 0 0 5px !important; }

#TagsList span {margin: 0 20px 0 0 !important; }

#sortOrder, .urlLink, .sign, #commentsArea_title, #photolibLink, #JournalDraft .list_box, #lastComments, #pchs, #YaSearch, #login_form {display: none !important;}

{------------------------------------------------------ menu top -------------------------------------------------------}

#writeThisDiary, #optionsLink, #myProfileLink, #myFavLink {position: absolute; top: -124px; text-transform: uppercase !important; border: none !important; }

#writeThisDiary a, #optionsLink a, #myProfileLink a, #myFavLink a { border: none !important; width: 157px; text-align: center; padding: 50px 0px 10px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515179.png'

0% 5px no-repeat; color: #959595 !important; font: bold 11px Arial; }

#optionsLink { left: 770px;}

#writeThisDiary { left: 380px;}

#myProfileLink { left: 640px;}

#myFavLink { left: 510px;}

#writeThisDiary { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}

#optionsLink a, #myProfileLink a, #myFavLink a { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}

#optionsLink a:hover, #myProfileLink a:hover, #myFavLink a:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; text-decoration: none; margin: -11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515179.png'

0% 0px no-repeat; height: 27px !important; border: 0px solid #fff !important;}

#writeThisDiary a:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; text-decoration: none; margin: -11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515179.png'

0% 0px no-repeat; height: 27px !important; }

#authorFav, #authorQuot {position: absolute; top: -180px; text-transform: uppercase !important; border: none !important; }

#authorFav { left: -40px;}

#authorQuot { left: 90px;}

#authorFav a, #authorQuot a { border: none !important; width: 57px; text-align: center; padding: 30px 50px 40px 50px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515174.png'

0% 5px no-repeat; border: 0px solid #fff !important; color: #959595 !important; font: bold 11px Arial; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

#authorFav a:hover, #authorQuot a:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; text-decoration: none; margin: 11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515174.png'

0% 9px no-repeat; height: 27px !important; }

{------------------------------------------------------ posts -------------------------------------------------------}

#page-t {margin: 0px 10px 0 200px !important;}

#Journal #page-t {margin: -30px 10px 0 200px !important;}

.singlePost {position: relative; margin: 0px 0 40px 0px !important; }

#Journal .postInner {background: url('/userdir/2/2/6/4/2264120/81515383.png'

640px 0px no-repeat; }

.paragraph { padding: 15px !important; overflow: hidden !important;}

#Journal .singlePost .paragraph {margin: 0px 140px 0px 0px !important; min-height: 100px; }

.singlePost .paragraph {margin: 0px 140px 0px 0px !important; min-height: 110px; }

.postLinksBackg {background: #000 !important; margin: 0px 0 -5px 0 !important; padding: 10px 15px 10px 15px !important; width: 600px; font: normal 12px Arial; text-transform: lowercase; color: #62878f;}

.singlePost .commentAuthor { position: absolute; top: 60px; right: 0px; width: 130px; margin: 0px 0 0px 0 !important;}

.avatar img { padding: 10px !important; min-width: 100px; width: 100px; max-width: 100px !important; margin: 0px 0px 0px 10px !important; }

.avatar {margin: 0px 0px 0px -10px !important; }

.authorName { margin: 0px 0 0px 0 !important; padding: 3px 15px 3px 15px !important; width: 600px; border-bottom: 1px solid #111010; border-top: 1px solid #111010;}

.communityName { margin: 0px 0 -1px 0 !important; padding: 0px 15px 0px 15px !important; width: 600px; height: 20px; border-top: 1px solid #111010;}

.atTag em { font-style: normal; }

{------------------------------------------------------ headers -------------------------------------------------------}

.postDate {position: absolute; top: 10px; right: 220px; color: #62878f !important;}

.postTitle {background: #000 !important; margin: -5px 0 0 0 !important; padding: 30px 15px 10px 15px !important; width: 600px; }

.header h2 {font: normal 13px Verdana;}

.header span {position: absolute; top: 10px; right: 155px; color: #62878f !important;}

.singleComment .postTitle {background: #000 !important; margin: -5px 0 0 140px !important; padding: 5px 15px 5px 15px !important; width: 600px; }

.singleComment .header span {position: absolute; top: 5px; left: 155px; color: #62878f !important; text-align: center; width: 550px;}

#addCommentArea_title {background: #000 !important; margin: 0px 0 15px -15px !important; padding: 5px 15px 5px 15px !important; width: 100%; font: normal 13px Verdana; text-transform: lowercase; }

#new_post_title {font: normal 13px Verdana; text-transform: lowercase; margin: 30px 0 0px 0px !important; background: #000 !important; padding: 5px 15px 5px 15px !important; width: 740px; border-top: 1px solid #111010;}

.header.calHeader {font: normal 13px Verdana; text-transform: lowercase; margin: -10px 0 -10px -10px !important; background: #000 !important; padding: 5px 15px 5px 15px !important; width: 740px; border-top: 1px solid #111010;}

#draft_title {background: #000 !important; margin: 0px 0 0px 0px !important; padding: 5px 15px 5px 15px !important; width: 740px; font: normal 13px Verdana; text-transform: lowercase; border-top: 1px solid #111010; border-bottom: 1px solid #111010; }

{------------------------------------------------------ comments -------------------------------------------------------}

#commentsArea {margin: 80px 0 0px 0px !important;}

.singleComment {position: relative; margin: 0px 0 20px 0px !important; }

.singleComment .paragraph {margin: 0px 0px 0px 140px !important; min-height: 110px; }

.singleComment .postLinksBackg { margin: 0px 0px -5px 140px !important; }

.singleComment .authorName { margin: 0px 0 0px 140px !important; }

.singleComment .commentAuthor { width: 120px; margin: 0px 0 0px 10px !important;}

#addCommentArea { margin: 60px 0 20px 0px !important; padding: 0 15px 15px 15px!important;}

textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text { border: 1px solid #111010 !important;}

#JournalComments #msg_form {background: none; padding: 0px 15px 10px 10px !important;}

#JournalComments textarea#message {margin: 0px 0px 10px 5px !important; width: 710px !important;}

#msg_form {padding: 10px 15px 10px 15px !important;}

textarea#message {margin: 10px 0px 10px 5px !important; width: 715px !important;}

#JournalCalendar #page-t {padding: 10px 15px 20px 10px !important;}

#JournalCalendar #content {margin: 10px 0px 0px -10px !important; width: 100% !important; padding: 10px 15px 30px 10px !important;}

.calnd small b {border: 1px solid #111010; padding: 5px; background: #000 !important;}

.tags_ul_all {margin: 30px 0px 0px 10px !important; padding: 20px 15px 30px 30px !important;}

#epigraph { margin: 30px 0px 0px 0px !important; }

#post0 { background: none; margin: 0px 0px -15px 0px !important; }

#epigraph .editPostLink {display: none !important;}

a {text-decoration: none !important; }

a:hover, a:active, #side h1 a:hover, #side h1 a:active {color: #448391 !important; text-decoration: none !important;}

#favGroups {margin: 0px 0px 0px 0px !important; padding: 10px 15px 10px 15px !important;}

#JournalFavorite .list_box {margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border: 1px solid #111010 !important;}

span.quote_text { font: italic 12px Georgia; display: block; margin: 10px; padding: 10px; background: #; border-top: 1px solid #1c1b1b; border-bottom: 1px solid #1c1b1b;}

img { max-width: 590px !important; }

#pageBar { margin: 0px 0px 30px 0px !important;}

div.voting img { height: 0px !important; border: 4px #448391 solid; background: #448391 !important;}

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

URL

среда, 23 июля 2014

14:11

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

Lass' es untergehen © Im Ascheregen

Здравствуйте. Немного нестандартный вопрос.
А существует какая-нибудь программа, в кторой можно тестировать написанный для дайров ЦСС-код?
Или всё делается исключительно по старинке: закрывается дневник, ставится новый дизайн и проверяется смотрибельность на каждой странице?

@темы: diaryCSS

URL

12:13

непонятная картинка вместо аватары

все записи пользователя в сообществе -=Ad Libitum=-

Оформление Wood. Справа от записи стоит непонятная картинка, в предпросмотре там стоит одна из моих аватар, а в готовом варианте - какая-то банка с апельсином. Хочу мои аватары вместо этой фигни. Как сделать?

blacksunworld.diary.ru

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

URL

среда, 16 июля 2014

16:15

эээ

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

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

Что это за селектор такой - #w18p? О_о

@темы: Мысли вслух

URL

15:33

ненужные отступы

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

find what you love and let it ignore you

вопрос закрыт

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

а в другом так:
читать дальше

проверялось в опере и в хроме
непонятно, от чего зависит и как с этим бороться

код:

<div align="center">
<div style="background-color: #000; margin: 10px 30px !important; border: 0px; width:500px;">
<div style="background-position: 100% 100%; background-repeat: repeat no-repeat; background-color: #fff; margin: -20px 0px 0px 0px !important; "><img height="60px;" width="500px;" src="http://firepic.org/"></div>

<div style="background-color: #fff; margin: -31px 20px 0px 20px !important; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; padding:0 !important;">

<span style="margin: 0px 0px"><div style="margin-left: 40px; margin-right: 40px;">
<div align="justify"><i>Классическая диета для кошек XXX разработана для удовлетворения потребностей в питании как растущих котят, так и взрослых кошек. Объединив в себе два источника самых питательных и легкоусвояемых белков - рыбу и курицу, XXX создал формулу, которая придется по вкусу всем кошкам.

Корм характеризуется низким содержанием золы и магния - два фактора, влияющие на инфекции мочевыводящих путей, и высоким уровнем омега-3 и омега-6 жирных кислот, которые обеспечивают вашу кошку мягкой и блестящей шерстью.

</div>
</span></div>

<div style="margin: 0px 0px -3px 0px !important; width:500px;">
<div style="background-color: #fff; margin: -47px 0px -47px 0px !important;padding:0 !important; background-position: 100% 100%; background-repeat: repeat no-repeat;"><img height="60px;" width="500px;" src="http://firepic.org/"></div>
</div>

</div>
</div>

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

URL

понедельник, 14 июля 2014

18:20

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

Тру-ля-ля!

Добрый вечер!
Возникла следующая проблема: пытаюсь вставить разделитель с помощью такого кода

 .postLinksBackg {background: url('/userdir/3/1/3/6/3136583/81463014.png') bottom no-repeat !important; height: 65px !important;}

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

URL

16:00

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

не будь среди тех, кто стреляет по мне.

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

 body{padding: 0; margin: 0}
 #page-c { background:#ffffff; width:750px; }
 #wrapper {min-width:750px!important;width:750px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #page-t {margin: 0 !important;}
 #extratop {background: url('/userdir/1/3/3/5/1335615/81461608.jpg') no-repeat;background-position: center; height: 270px;width:750px;}
 #side {width:750px; position:absolute;top:-28px !important; font-size:12px !important; padding-left: 275px; padding-right: 0px;}
 .menuSection_title, #iAmQuit a {color:#b5b5b5 !important;}
 .menuSection_title, #iAmQuit a {font-size:18px !important;}
 #epigraph .singlePost, #post0 {background:none !important;}
 .menuSection_title, #iAmQuit a{text-transform:lowercase;}
 .menuSection_title, #iAmQuit a {padding-left: 20px;}
 #side h1 a{position:absolute; font-size:11px !important; top: 43px;left:10px; }
 #authorName {position:absolute; font-size:11px !important;top: 13px; }
 #more_login, #myLinks, #myLinksLink,#pchs, #lastComments, #YaSearch{display: none;}
 #thisDiaryInfo {position:absolute; font-size:11px !important; top: 390px;left:0px; }
 #side ul {background:#151515; border: 1px solid #000000;}
 #side {text-align:center !important;}

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

URL

среда, 02 июля 2014

23:29

Вопрос на засыпку

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

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

А у меня такое ощущение, что кнопки "HTML" и "Визуальный редактор", равно как и флажок с функцией "прозрачные поля (HTML)" на странице новой записи являются отдельными элементами.

Это так?
И если да, то как их прописать? Хочу убрать их на нижний уровень, чтобы уезжали под моё фиксированное меню вместе с остальной формой сообщения.

@темы: diaryCSS

URL

18:42

та-дам

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

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

SOLVED

Товарищи, когда сдвигаешь форму комментариев, то и форма новой записи тоже сдвигается. Можно её отдельно как-то назад пододвинуть? У меня это вообще извечная проблема -_-

body{background: #ffffff url('/userdir/1/4/6/1/14617/21882410.gif') no-repeat; background-position: 0% 0%; background-attachment:fixed} .singlePost{padding-left:100px !important;} .singlePost{padding-right:10px !important;} .singlePost{padding-bottom:10px !important;} .singlePost{padding-top:10px !important;} .singlePost {background: url('/userdir/1/4/6/1/14617/21882458.gif') 50% bottom no-repeat; padding: 0px 0px 80px 0px!important;} #myAccountLink {display:none;} #epigraph {background: none;} #commentsArea {padding-left: 100px !important;} #postsArea {padding-left: 100px !important;} #msg_form {padding-left: 90px !important;} #addCommentArea_title {padding-left: 90px !important;}

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

URL

пятница, 27 июня 2014

16:14

Снова я

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

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

SOLVED

А теперь вот такая фигня:

смотреть

Она есть на всех страницах, кроме первой страницы дневника. Как опустить текст на всех нужных страницах вниз?

Код:
body {background: url('/userdir/1/6/1/9/1619707/80825122.jpg') fixed;} #wrapper{min-width: 1000px!important; width: 1000px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important;} #page-c{width:1000 px !important;} #page-t {marign-top: -10px !important;} #side {width:1000px !important; margin:0 !important; position: fixed !important; z-index: 1 !important; top:0px; text-transform: lowercase; font: 13px arial !important;} #side h1 {font: 30px arial !important; text-align:center !important; text-transform:uppercase !important;} #side h1 a {color: #ee5633 !important;} #authorName {font: bold 15px arial !important; position:absolute; top:50px; right: 10px; text-transform:none !important;} #post0 {margin-top: 80px !important;} #YaSearch {display: none;} #bottomNav {display: block !important; margin-top: -10px !important;} #bottom_up a { display: block; position: fixed; bottom: 40px; right: 85px; background: url('/userdir/1/6/1/9/1619707/81362341.png') no-repeat; width: 25px; height: 39px; color: none !important; font-size:0px !important;} img { max-width:862px !important; } a:hover {text-decoration: none !important; opacity:0.6;filter:alpha(opacity=60);} .postDate {color: #ee5633; font: normal 16px arial !important;} #msg_form {margin-top: 60px !important;} #JournalCalendar a {opacity:1.0;filter:alpha(opacity=100) !important;}

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

URL

12:44

SOLVED

Товарищи, вот такая фигня:

Как убрать это "наверх"?
Вроде делала всё как всегда, но почему-то текст ссылки появился и убираться не хочет.

Код:
body {background: url('/userdir/1/6/1/9/1619707/80825122.jpg') fixed;} #wrapper{min-width: 1000px!important; width: 1000px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important;} #page-c{width:1000 px !important;} #page-t {marign-top: -10px !important;} #side {width:1000px !important; margin:0 !important; position: fixed !important; z-index: 1 !important; top:0px; text-transform: lowercase; font: 13px arial !important;} #side h1 {font: 25px impact !important; text-align:center !important; text-transform:uppercase !important;} #side h1 a {color: #ee5633 !important;} #authorName {font: bold 13px arial !important; position:absolute; top:50px; right: 10px; text-transform:none !important;} #post0 {margin-top: 100px !important;} #YaSearch {display: none;} #bottomNav {display: block !important; margin-top: -10px !important;} #bottom_up a { display: block; position: fixed; bottom: 40px; right: 85px; background: url('/userdir/1/6/1/9/1619707/81362341.png') no-repeat; width: 25px; height: 39px; color: none !important;} img { max-width:862px !important; }

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

URL

среда, 25 июня 2014

20:50

Анимированный фон

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

Женщина народа сидов

Товарищи, вопрос несколько необычный. Сама с ним справиться не могу, поэтому прошу о помощи здесь.
Проплатила дизайн специально для того, чтобы анимировать фон, а мой код почему-то дневниками не принимается, картинка статична. Я пишу не о гиф, а о перемещении фонового изображения, прописанном в коде, своего рода панораме. Код есть, код рабочий, в просмотрщике все выглядит отлично. Стоит лишь нажать на кнопку сохранения, как он погибает. А все потому, что в коде слово frame какого-то черта заменяется на #. Соответственно, keyframes превращается в зацензуренное key#s.
Собственно, вопрос. Как убедить редактор не изменять мой код? Встречался ли еще кто-то с этой проблемой? А то я очень надеялась сделать действительно хороший дизайн, а он вот так глупо умирает. Жаль потраченных денег :С

@темы: фоновые картинки, diaryCSS

URL

17:04

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

Fortune favours the brave

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