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

суббота, 25 мая 2013

17:45

Как сделать картинкой ссылку "Комментарии"?

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

"Быть собою - почти искусство" (с) Чароит

И опять я с вопросом. Подскажите, пожалуйста, работоспособный код для того, чтобы сделать картинкой ссылку "Комментарии" (именно её и всё то, что идёт рядом: "Подписаться", "Поделиться", "В цитатник". С пунктами меню у меня проблем нет!).

Пробую по способу, указанному у Tex. Проблемы возникают те же самые, что и в комментариях к посту: поверх картинки идёт ещё и текстовая ссылка, если её выводить "за край" командой line-height:500px; overflow:hidden;, то ссылка съезжает вниз от самой записи на столько же пикселей. Автор записи обещал с этой проблемой разобраться, но результата я так найти и не смогла.

Помимо этого, можно ли как-то различить ссылки "Комментировать" (когда комментариев ещё нет) и "Комментарии" (когда они уже есть)? Также ссылка картинкой наползает на цифру комментариев, эту проблему тоже обсуждали, но до чего договорились - я тоже так и не поняла.

Заранее большое спасибо!

@темы: diaryCSS

URL

пятница, 24 мая 2013

18:34

Не могу сделать фоновую картинку к записи

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

"Быть собою - почти искусство" (с) Чароит

Добрый день! Пытаюсь сделать фоновую картинку к самой записи. Прописываю код CSS, на образце картинка появляется, вот так:

Сохраняю. В результате фон записи получается прозрачный, а код CSS автоматически меняется на

.singlePost {background: #}

То есть оно от меня хочет кодировку цвета. Но цвета-то у меня нет, у меня картинка! И если я что-то пишу неправильно - то почему при просмотре на образце картинка показывается?

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

URL

вторник, 21 мая 2013

22:29

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

Я пишу затем, чтобы глухую тоску переплавить в светлую печаль, одиночество — в воспоминания.

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

 #wrapper{width:900px;min-width:900px; padding-top: 25px !important; left:50%; margin-left:-500px; position: absolute; z-index: -3 !important;; }
 body {background:#ffffff url('/userdir/3/1/3/2/3132446/78505093.jpg'); background-repeat:no-repeat; background-attachment:fixed;}
 #side { background-color: rgba(249, 249, 249, 0.5); padding: 0px; }
 .singleComment { background-color: rgba(249, 249, 249, 0.5); padding: 10px; }
 #page-t { background-color: rgba(249, 249, 249, 0.5); padding: 0px; width:750px; }

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

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

URL

21:30

Съезжает дизайн

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

Здравствуйте. Проблема такова...
Есть дизайн. У меня, автора, он отображается нормально, у пользователя съезжает влево. Причем я со своего компьютера тоже вижу, что он отображается не верно именно в дневнике пользователя. Разрешение экрана у нас разное (у меня 1600х900, у пользователя 1366x768) и браузеры разные (у меня фаерфокс, у пользователя хром). Но выходит, что проблема не в этом? Иначе у меня бы дневник пользователя просматривался без проблем?
Код дизайна:

#wrapper{min-width:869px!important; width: 869px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
 #extratop { background: url('ЭКСТРАТОП') no-repeat; !important; width: 869px; height: 350px; line-height: 100% !important;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat; width: 869px; height: 94px;line-height: 100% !important; margin-top: 0px;margin-left: 0px;}
 #page-t { margin-left:0px !important; width:869px !important; background: url('ФОН-1') !important}
 body {background: url('ФОН-2') repeat;}
 body {background-attachment: fixed;}
 #JournalComments #extrabottom{margin-top:-20px !important;}
 #page-t {margin:0 !important;}
 {---------------MENU--------------}
 #side {position: absolute; top: -47px; left: 230px; }
 #side {font:12px tahoma !important; }
 #side {min-width:600px !important;}
 A:HOVER{ color:#4590ba; text-decoration: none;}
 #side h1 {white-space: nowrap;}
 #side h1 a:hover{text-shadow: none !important;}
 #side h1 a{ display: block !important; position: absolute; width:140px !important; height: 30px !important; overflow:hidden !important; background: # no-repeat !important; }
 #side h1 a{ color:transparent !important;}
 #side h1 a:hover,#authorName:hover,#iAmQuit:hover { opacity:0.7; }
 #side h1 a{position: relative; top: -40px !important; left:0px !important;}
 {--------------------------------MENU-IMG----------------------------------------}
 #thisDiaryLinks{display:none;}
 #thisDiaryOwner_title {display:block; width:100px; height: 40px; line-height: 250px; overflow:hidden; background: url('ЗАПИСИ') 0px 0px no-repeat; }
 #myDiaryLinks_title {display:block; width:110px; height:40px; line-height:250px; overflow:hidden; background: url('ДНЕВНИК') 0px 0px no-repeat;}
 #globalLinks_title {display:block; width:100px; height:40px; line-height:250px; overflow:hidden; background: url('МЕНЮ') 0px 0px no-repeat; }
 #iAmQuit a {display:block; width: 80px; height:30px; line-height:250px; overflow:hidden; background: url('ВЫХОД') 0px 0px no-repeat; }
 #side ul{width:160px; top: 90px; text-align:center !important; font-size:14px; border-bottom: 3px double #1f676f; }
 #side ul { margin-left: 0px !important; background:#ECE8DE !important; padding: 0px !important; border-bottom: 3px double #1f676f;}
 #side li { height:20px; float: left; width: 155px!important; padding-top:2px !important; padding-bottom:2px !important; padding-left: 5px !important; }
 #myDiaryLinks ul, #globalLinks ul {width:320px !important; }
 {--------------NONE--------------}
 #bottomNav, .prevnext {display: none !important;}
 .urlLink{display:none;}
 #favListLink{display:none;}
 .order_button {display:none;}
 #YaSearch {display:none;}
 #photolibLink, #more_login, #myLinks,.pages_str, .opac6 {display:none;}
 {--------------POST--------------}
 #Journal .countSecond,#Journal .countFirst,#Journal .singleComment {margin: 0; padding: 0px 0px 15px !important; }
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width: 825px; margin: 0px 0px 0px 10px !important; }
 .postDate { text-align: center; font: 25px Impact !important; color:#C3714C !important; text-shadow: 2px 1px 1px #000000;}
 .header{ font: bold 16px Trebuchet MS !important; text-shadow: 1px 0px 0px #000000; }
 .singlePost {font:12px Verdana !important; }
 .postLinksBackg { text-align: center; margin: 0 !important; text-transform: lowercase; padding: 0px 0 0 0 !important; font: bold 10px Verdana !important; }
 a:link,a:visited{text-decoration:none !important;}
 .pageBar { font-weight:bold; font-family: georgia !important;}
 #pageBar strong{font-family: Georgia !important;font-size: 18px; text-shadow: 1px 1px 13px #4590ba;}
 p.atMood em span {display:none !important; color: #fff; }
 p.atMusic em span {display:none !important; color: #fff; }
 p.atTag em span{display:none !important; color: #fff; }
 .atTag em:before {content: "темы:"; font-size: 12px; color: #C2B988; font-weight: bold; }
 .atMusic em:before {content: "музыка:"; font-size: 12px; color: #C2B988; font-weight: bold; }
 .atMood em:before {content: "настроение:"; font-size: 12px; color: #C2B988; font-weight: bold; }
 .atTag a, .atMood em, .atMusic em, .atTag em{font-style:normal; font-size: 12px; color: #C2B988; }
 span.quote_text { font: 12px Courier New !important; display: block; padding: 5px 5px 5px 5px; border-width: 2px;}
 {-------------------------OTHER--------------------------------}
 #JournalComments .avatar img {width:90px; height:90px;margin: 0px 0px 0px 10px; }
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:90px; height:90px; margin: 0px 0px 0px 12px; -moz-box-shadow: 1px 1px 13px #4590ba; -webkit-box-shadow: 1px 1px 13px #4590ba; -o-box-shadow: 1px 1px 13px #4590ba; box-shadow: 1px 1px 13px #4590ba; }
 .sign {padding: 0px 0px 0px 10px; color: #4590ba !important;}
 #JournalFavorite .authorName,#JournalFavorite .communityName {padding: 0px 0px 0px 10px; }
 #JournalComments .authorName,#JournalComments .communityName {padding: 0px 0px 0px 10px; }
 #JournalQuote .authorName, #JournalQuote .communityName{padding: 0px 0px 0px 10px; }
 #JournalComments .paragraph {padding-right: 10px !important;}
 #JournalFavorite .paragraph {padding-right: 10px !important;}
 #JournalQuote .paragraph {padding-right: 10px !important;}
 #commentsArea_title{font-size: 16px !important; color: #8dbce1 !important;}
 #JournalComments .postLinksBackg, #JournalFavorite .postLinksBackg, #JournalQuote .postLinksBackg{text-shadow: none !important; text-align: left !important;}
 #JournalComments .avatar img, #JournalFavorite .avatar img, #JournalQuote .avatar img{border: 3px double #5B954D;}
 #addCommentArea_title {text-align: center !important; text-shadow: 1px 0px 0px #000000; font-size: 22px !important;}
 #TagsList ul{position:absolute; right:0; top:100%}
 #thisDiaryPhoto img {display: none;}

Скрины:
мой вид страницы
funkyimg.com/u2/4557/577/5551562342.png
вид страницы пользователя
funkyimg.com/u2/4557/581/692351k4mybojzyhI.jpg

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

URL

понедельник, 13 мая 2013

01:59

CSS для сообщества

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

в начале было слово. и слово было в творительном падеже

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

У меня проблема в том, что какой бы готовый дизайн мое сообщество ни примеряло, возникает одна и та же проблема: у дневников в меню три раздела, а у сообществ четыре. Поэтому получается, что при блочном дизайне все меню скомкано и сбито

Что делать? Я бы с радостью удалила раздел "сообщество", например.

Я совершенно не сильна в CSS и потратила целый вечер на изучение, пробы и ошибки. Хотелось бы поскорее покончить с этим вопросом, поэтому надеюсь на вашу помощь. Какой бы блочный дизайн я ни пробовала, возникает та же проблема

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

URL

воскресенье, 05 мая 2013

21:06

Убрать "Последние комментарии"

все записи пользователя в сообществе Даниэль де Сант-Этьен

Stop the World – I Want to Get Off (с)

Доброго времени суток всем!
Может, это довольно дурацкий вопрос, но как сделать, чтобы поле "Последние комментарии" вообще не отображалось?

Просто получается не очень красиво, а переделывать меню полностью не хочется, плюс с аккаунта владельца дневника всё выглядит нормально.
Смотреть.

Никаких параметров #lastComments не задано.

АПД.
Решено: #lastComments {display:none;}

@темы: меню, diaryCSS, Учеба

URL

18:43

Анимация

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

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

#bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 50px; width: 80px; height: 121px; background: url('/userdir/2/5/0/5/2505934/77545506.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; -moz-opacity:0.6 !important; opacity:0.6 !important; filter:alpha(opacity=60); color: rgba(0,0,0,0) !important; text-shadow: none !important; -moz-animation: animaciya 6s ease-in-out 2s infinite alternate; -webkit-animation: animaciya 6s ease-in-out 2s infinite alternate; -ms-animation: animaciya 6s ease-in-out 2s infinite alternate; transform: scale(0.7); }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important; -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -ms-animation-play-state:paused; transform: scale(1); }
 @-moz-keyframes animaciya {from {width: 100px; }
to{width: 0px; }
}
 @-webkit-keyframes animaciya {from {width: 100px; }
to{width: 0px; }
}
 @-ms-keyframes animaciya {from {width: 100px; }
to{width: 0px; }
}

НО! после нажатия на кнопку сохранить в коде происходят удивительные пертурбации. Селектор @-moz-keyframes animaciya (и иже с ним) НЕ сохраняются, а получается вот ЭТО:

@-moz-key#s animaciya ...
@-webkit-key#s animaciya ...
@-ms-key#s animaciya ...

Т.е. keyframes заменяется на какое-то key#s с решеткой. Может в техподдержку написать? Подскажите, пожалуйста, что делать.

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

URL

14:12

Текст поста в две колонки

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

"Придёт серенький волчок, - монотонно напевала старуха, - и укусит за бочок..." "Вряд ли я это переживу..." - мрачно думал Один, запоминая пророчество.

Добрый день)
Новичок в CSS, поэтому и не могу сообразить: можно ли сделать так, чтобы текст поста шел в две колонки?
Заранее благодарю за помощь.

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

URL

суббота, 04 мая 2013

22:20

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

— Какой человек станет пить с тобой кофе, Лорд, после того как ты дал ему по морде? Никакой. ©

Доброе время суток))) Мы с проблемой, которую, походку, поднимал человек вот тут: вот прям тут, да. Но вот очень не хочется делать тень в фотошопе, муторно будет >_< нельзя ли как-то нормально прописать тень для всего враппера?
funkyimg.com/viewer.php?img=/2/4490/413/794016-...
Враппер прописан под 900 пикселей, но тень обтекает что-то непонятное.

body{background: #11081a url('/userdir/1/2/4/9/1249530/78356553.jpg');background-attachment:fixed; background-repeat:no-repeat; background-position:center}
 #wrapper{background: url('/userdir/1/2/4/9/1249530/78356777.jpg') repeat-y; max-width: 900px; position:relative; position:center!important; box-shadow: 0px 9px 49px 20px #49487c}
 #extrabottom{background: url('/userdir/1/2/4/9/1249530/78356348.png') no-repeat; width: 900px; height:100px; position: relative;}
 #extratop{background: url('/userdir/1/2/4/9/1249530/78356288.jpg'); max-width: 900px; height:400px; line-height: 100% !important;}
 //Запись//
 #page-c{width:900px !important;}
 #page-t{margin-left:25px !important; margin-top:0px !important;width:850px !important;}
//Остальное//
 .search{display:none;}
 .bottomNav {display: none !important;}
 #authorName{position: absolute; width:119px; height:33px; overflow:hidden; background: url('/userdir/1/2/4/9/1249530/78356854.png') 0px 0px no-repeat; top: 156px; left: -762px; overflow: hidden !important; line-height:800px !important;}
 #side h1 A{position: absolute; width:291px; height:45px; overflow:hidden; background: url('/userdir/1/2/4/9/1249530/78356904.png') 0px 0px no-repeat; top: 197px; left: 78px; overflow: hidden !important; line-height:800px !important;}

Заранее большое спасибо.)

URL

01:50

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

Диагноз: "стебанатор глумливый" (с) Dallas Levi

Здравствуйте, имеется такая проблема:

картинка

Собственно, кнопка re-post это и есть "Поделиться", прописанная следующим кодом:

.quote_post a {content: 're-post' !important;}

Но на эту же кнопку в комментариях код переходить не хочет. Что добавить к коду, чтобы сработало?
Заранее благодарю.

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

URL

воскресенье, 28 апреля 2013

13:12

все записи пользователя в сообществе Везунчик Чип

"Я Чип и я не хочу ничего решать. Я хочу ангст, флудить и шоколадку" ©

Добрый день.)
Бился вчера весь вечер, но так и не понял, как добавить фоновую картинку в окошко нового комментария, как это сделано, например, здесь:

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

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

URL

среда, 24 апреля 2013

05:16

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

Кожа должна быть в обтяжку.

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

Я, конечно же, не одарен природой, и начинающий.

Мучаю свой даир.

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

Код.

body{background: url('/userdir/1/6/9/4/1694704/78261309.jpg'

; background-attachment: fixed; repeat;}

#extratop{height:435px;background:url('/userdir/1/6/9/4/1694704/78261289.jpg'

0 no-repeat;}

#wrapper{width:825px;min-width:0;}

#side{width:150px;}

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

URL

00:06

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

No excuses... No apologies... No regrets.

Здравствуйте. Я тольконедавно подключила плаитые сервисы, и попался на глаза вот такой дневник http://vickytaiji.diary.ru/
Все аккуратно, просто и без лишнего. Подскажите, как сделать такой дизайн, только картинка будет другой. Во всех этих кодах, я к сожалению ни в зуб ногой...

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

URL

воскресенье, 21 апреля 2013

18:19

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

Добрый день! Как убрать лишнее пустое пространство между логотипом и аватаром?
Скрин
скрин1

И слишком большие пробелы между постом и эпиграфом?
скрин2

Грешу на .postDate и .postTitle но не соображу что тут поменять.

 .postDate{background: url('/userdir/3/0/9/5/3095877/78226407.png') 160px no-repeat; height:60px; width:700px; no-repeat; font-size:16px !important; text-align:center !important; padding-top: 20px !important; padding-left: -320px !important; color:#98927c !important }
 .postTitle{text-align:center !important; color: #4f3d33 !important; font-family: Palatino Linotype; font-weight: bold !important; font-size:18px !important }

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

URL

среда, 17 апреля 2013

04:52

все записи пользователя в сообществе [ Ice Bird ]

Приветствую снова)
Делаю диз и столкнулась с двумя странностями:
1. Куда-то девается счётчик статистики. Он у меня стоит графическим отображением, и по аналогии с формой перелогинки я пыталась передвинуть его на левый край, через #Stats {position:fixed; top: 330px; left: 10px;}. Эффекта ноль. !important тоже не помогает.
Потом я вообще убрала эту строчку в надежде, что, если не задавать ему расположение, то он где-нибудь, да появится, и вот оттуда уже плясать. Но ничего не происходит и я его по-прежнему не вижу.
Как всё-таки его поставить туда, куда мне надо?

2. При наведении на ник владельца дневника в верхнем меню справа появляется троеточие:

Я так понимаю, это остаточное от фотографии? Но откуда оно там, если сам главный аватар не загружен и в коде стоит запрет на его отображение?
И как бы это убрать?

@темы: меню

URL

понедельник, 15 апреля 2013

01:17

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

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

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

URL

воскресенье, 07 апреля 2013

23:48

add_block

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

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

UPD как оказалось, для add_block нужно прописывать атрибут content: " "; :gigi:

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

 #add_block1 {visibility: visible; background: url('/userdir/1/7/2/8/172864/78117306.png') no-repeat center top transparent; height: 154px; width: 604px;}

URL

четверг, 04 апреля 2013

21:25

Не отображается поисковая строка

все записи пользователя в сообществе Witch In a Bottle

тому, который не стрелял

И еще раз здравствуйте.
Есть код:

 #YaSearch_title, #YaSearch a { display: none; }
 #YaSearchForm input.submit { display: block !important; width:43px !important; height:13px !important; line-height:200px !important; overflow:hidden !important; border:none !important; }

Из которого я вижу, что поисковая строка должна отображаться без своей обертки. Что за финт ушами? У меня поиск не отображается вообще, попытки изменить значение display к желаемому результату не приводят.

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

URL


Запомнить