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

вторник, 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

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

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

URL

вторник, 17 июня 2014

21:34

Появился новый селектор

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

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

Теперь страница тем (вашдневник.diary.ru/?tags) имеет свой собственный селектор #JournalTags.
Ура

@темы: Новости

URL

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

22:51

и снова я

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

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

Опять нид хелп!

Проблема: кнопка "Отправить" на странице комментариев не работает. Ума не приложу, почему(

Дизайн в дневнике, можно зайти и посмотреть.

{---------------КАРТИНКИ------------------}
 body {padding: 0!important; background: #C0C759 url('/userdir/1/6/1/9/1619707/81299783.jpg') repeat 0 top; background-attachment: fixed;}
 #page-t {background: url('/userdir/1/6/1/9/1619707/81301390.png') repeat-y 0px top; width:831px; margin-left: -50px !important; padding: 100px 5px 20px 260px; min-height: 1300px; margin-top: 90px !important;}
 #extratop {padding: 0!important;background: url('/userdir/1/6/1/9/1619707/81300828.png') 0px bottom no-repeat; height: 380px; width: 1065px; margin-bottom:-135px; position: relative; z-index:5; margin-left: -50px;}
 #extrabottom {padding: 0!important;background: url('/userdir/1/6/1/9/1619707/81301923.png'); background-repeat: no-repeat; width: 1151px; height: 202px; margin-left: -135px; position: relative; margin-top: -156px;}
 .singlePost {background: url('/userdir/1/6/1/9/1619707/81251138.png') 50% bottom no-repeat; padding: 0px 0px 50px 0px!important;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 80px; width: 28px; height: 31px; background: url('/userdir/1/6/1/9/1619707/79711632.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: 28px; height: 34px; background: url('/userdir/1/6/1/9/1619707/79711715.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: 490px !important; }
 a:hover {color: #A37F15!important; text-decoration: none!important;}
 .avatar img { border: 1px solid #A37F15;}
 #message, .text {border: 1px solid #A37F15!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;}
 .quote_text {display: block;background: #E7D9B3; padding: 10px; }
 {-------------------пост---------------------}
 #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 24px Times New Roman;}
 .singlePost, .singleComment {margin-bottom: 20px!important;}
 .postLinksBackg, .postLinksBackg a{font: normal 15px Times New Roman;}
 #epigraph .singlePost {background: none!important; padding: 0!important;}
 #bottomNav {display: block !important; top: 0px !important;}
 {----------------------меню--------------------}
 #side {width: 200px; text-align: left!important; padding-top: 100px; 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

17:58

трам-пам-пам

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

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

Уважаемые мастера, нид хелп!

~~1) add_block нужно опустить вниз, на уровень экстработтома, но он не опускается через маргины. Как его опустить?~~
вопрос решён простой манипуляцией в фотошопе
~~2) bottomNav не отображается, хотя в коде её отсутствие не прописано.~~
найдена и впоследствии закрыта экстработтомом)

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

{---------------КАРТИНКИ------------------}
 body {padding: 0!important; background: #C0C759 url('/userdir/1/6/1/9/1619707/81299783.jpg') repeat 0 top; background-attachment: fixed;}
 #page-t {background: url('/userdir/1/6/1/9/1619707/81301390.png') repeat-y 0px top; width:831px; margin-left: -50px !important; padding: 100px 5px 20px 260px; min-height: 1300px; margin-top: 90px !important;}
 #extratop {padding: 0!important;background: url('/userdir/1/6/1/9/1619707/81300828.png') 0px bottom no-repeat; height: 380px; width: 1065px; margin-bottom:-135px; position: relative; z-index:5; margin-left: -50px;}
 #extrabottom {padding: 0!important;background: url('/userdir/1/6/1/9/1619707/81301923.png'); background-repeat: no-repeat; width: 1151px; height: 202px; margin-left: -135px; position: relative; margin-top: -156px;}
 .singlePost {background: url('/userdir/1/6/1/9/1619707/81251138.png') 50% bottom no-repeat; padding: 0px 0px 50px 0px!important;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 80px; width: 28px; height: 31px; background: url('/userdir/1/6/1/9/1619707/79711632.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: 28px; height: 34px; background: url('/userdir/1/6/1/9/1619707/79711715.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: 490px !important; }
 a:hover {color: #A37F15!important; text-decoration: none!important;}
 .avatar img { border: 1px solid #A37F15;}
 #message, .text {border: 1px solid #A37F15!important; padding: 5px!important;}
 #message {width: 500px!important;}
 .submit {padding: 5px!important;background: #E5D9B5!important;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
 .submit:hover {background: #D2C49B!important;}
 .quote_text {display: block;background: #E7D9B3; padding: 10px; }
 {-------------------пост---------------------}
 #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: 730px;}
 #msg_form {width: 730px;}
 #message {width: 730px;}
 #commentsArea {width: 730px;}
 .header {font: normal 24px Times New Roman;}
 .singlePost, .singleComment {margin-bottom: 20px!important;}
 .postLinksBackg, .postLinksBackg a{font: normal 15px Times New Roman;}
 #epigraph .singlePost {background: none!important; padding: 0!important;}
 #bottomNav {display: block !important; top: 0px !important;}
 {----------------------меню--------------------}
 #side {width: 200px; text-align: left!important; padding-top: 100px; position: relative;}
 #side a {font: normal 18px Times New Roman;}
 #YaSearchForm #yaquery {width: 100px;padding: 4px 2px 4px 2px!important;}
 #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

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

14:53

адаптация к смартфонам

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

химерная вечность

Довольно странная проблема, но попробуем.
В дизайне, который вы можете наблюдать на моем дневнике фиксированное меню, с заданным z-index: 1, и все бы хорошо и со всех ноутбуков-компьютеров все функционирует, но на смартфонах и планшетах выплывает баг: при попытке ввести новый комментарий, меню увеличивается, наползает на блок записи и перекрывает поле ввода комментария. СКРИН С ЭКРАНА СМАРТФОНА.

Я пробовал задавать отрицательный z-index меню, чтобы при увеличении оно уходило ПОД блок записи, а не поверх него, и все бы прекрасно, но в таком случае все кнопки на блоке меню перестают быть активными, никак не пойму почему.

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

URL

воскресенье, 08 июня 2014

19:47

Изменение свойств при прокрутке

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

Distrust is the way of guard, Untruth is the way of thrust.

Здравствуйте!
Нигде не могу найти ответ. Может, мне, конечно, приснилось, что я такое где-то видела, но все же...)
Допустим, у нас есть div или таблица с position: fixed; и изначально при отображении страницы у этой таблицы background-color: transparent; Далее мы прокручиваем страничку вниз, и в определенный момент у таблицы появляется фон. Подскажите, как это можно сделать?
И еще вопрос. Можно как-нибудь задать свойства одного элемента в зависимости от того, какой статус (:hover или что-то в этом роде) у другого элемента?

@темы: diaryCSS

URL


Запомнить