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

пятница, 27 января 2012

02:08

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

Слова - врата ума, если держать их открытыми ум ускользнет наружу

i.piccy.info/i7/bc07f92a531b4a0817ff437426562ba...
Данного результата удалось достигнуть использовав при этом следующий код:

#extratop {background: #ccc url('/userdir/1/4/8/2/1482130/73305157.jpg') 0 0 no-repeat; height:250px; width:354px;}
 body { background-image: url('/userdir/1/4/8/2/1482130/73274810.gif') !important; }

Подскажите пожалуйста как можно изменить расположение картинки на следующее: «по центру» и «по правому краю». Заранее благодарен.

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

URL

суббота, 21 января 2012

20:34

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

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

Здравствуйте, возник такой вопрос. Самостоятельно разобраться не вышло.
У меня на фоне записей стоит повторяющееся картинка, в коде это реализовано так:

 #page-c{background:url('/userdir/1/8/9/6/1896775/72955648.jpg') repeat-y !important;}

Не смотря на топорность и прямолинейность - вроде все хорошо, но всплыл один косяк. При предпросмотре записей, а иногда и при редактировании появляется пустое пространство, на котором картинка не хочет показываться. Как это можно исправить?
Скрин:

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

URL

пятница, 20 января 2012

20:49

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

я поместился после смерти в сознания ста воробьёв и было весело и странно когда распугивали их

Мой дизайн у некоторых пользователей сильно тормозит при проматывании, особенно в Опере. Как можно это решить, не снимая CSS?

Простенький мой код на всякий случай

#wrapper{width:900px;min-width:0;}
 #side{width:120px;}
 .left #page-c {margin-left:-120px;}
 .left #page-t {margin-left:120px;}
 #extratop{height:475px;background:url('/userdir/1/6/8/0/1680765/73204626.gif') 50% 0 no-repeat; }
 .countSecond, .countFirst , .singleComment {background: url('/userdir/1/6/8/0/1680765/72993146.png') no-repeat; background-position:bottom; !important; }
 body{ background-attachment:fixed; }

@темы: diaryCSS

URL

10:58

все записи пользователя в сообществе Orm-Dian

писатель атмосфер

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

когда я добавляю в экстратоп {position: fixed; z-index: x}, картинка становится такой:

как решить проблему? заранее спасибо)

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

URL

вторник, 17 января 2012

01:31

Анимированный экстратоп

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

Alan FrostFox | сержант морской пехоты Д.К.

Доброго времени суток, в поиске ответа не нашел.
Если не там искал - ткните носом в ответ, пожалуйста.

Возможно ли на дайри использовать анимированные изображения в дизайне?
эстратоп-экстработтом интересуют

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

URL

среда, 11 января 2012

15:00

все записи пользователя в сообществе Neo ttaemune-

Послушайте, я ведь не предлагаю вам горевать по поводу того, откуда берутся _ваши_ идеи (с) Нил Гейман

Обшарила изрядное количество страниц сообщества по тегу, не нашла =(

Скажите, пожалуйста, можно ли и как сделать так, чтобы фон повторялся по вертикали (repeat-y) и прокручивался, но сверху было пустое место высотой с экстратоп?

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

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

URL

вторник, 10 января 2012

16:35

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

все записи пользователя в сообществе Кэй Гонда

Привет всем входящим, мимо проходящим и косо смотрящим.

Помогите пожалуйста. Не могу понять, то ли так вообще делать нельзя, то ли я прописала что-то неверно.
#add_block1 {position:absolute !important; top: 40px; left: 0px; bottom: 0px; right: 0px; width:40%; background: url('i5.pixs.ru/storage/6/6/0/tumblrlxhb_9981690_373...'); height: 242px; !important;z-index:0; }
Нажимаю сохранить и ссылка на картинку исчезает. Подскажите, пожалуйста, почему так бывает?

URL

суббота, 07 января 2012

19:49

все записи пользователя в сообществе Nicole S.

Just live ♥

Добрый вечер!

В CSS разбираюсь ужасно, собираю буквально по кусочкам. Вроде всё ТТТ получилось, кроме одной проблемы:

картинка

1. как убрать этот ужасно большой отступ? Как сделать чтобы Запись заходила немного на экстработтом? Т.е. чтобы блок записи заканчивался за 30px до конца экстработтома, к примеру?

Методом проб выяснила, что ошибка где-то тут -

#postsArea, #commentsArea, #newCommentsArea, #addCommentArea { position: relative; top: -420px; width: 500px; left:120px; }

когда убираю position: relative то текст записи достает до экстработтома. но съезжает влево =(

код:

body{margin:0; padding:0px;}</div><div> #extratop { background: url('/userdir/2/9/0/0/2900456/73030400.jpg';) no-repeat; width: 1000px; height: 876px; margin-top:0px !important;}</div><div> #page-t {margin: 0 !important;}</div><div> #page-t{background: url('/userdir/2/9/0/0/2900456/73030402.jpg';) repeat-y; width: 1000px !important;padding:0 !important;padding:0 !important;}</div><div> #extrabottom { background: url('/userdir/2/9/0/0/2900456/73030403.jpg';) no-repeat; width: 1000px; height: 343px; margin-top:0px !important;}</div><div> #wrapper{min-width:1000px !important; width:1000px; margin:0 auto !important; padding:0 !important;}</div><div> {----------------------МЕНЮ------------------------}</div><div> #side {position: relative; top: -410px !important; right: 100px !important;}</div><div> #side {font-size:14px !important; text-transform: lowercase;}</div><div> #side li:hover {color: #af3f27 !important; }</div><div> #myDiaryLinks ul, #rssLink, #globalLinks ul, #thisDiaryLinks ul, #thisDiaryOwner ul , #all_links {padding: 0px 0 4px 0px !important; list-style: none !important;}</div><div> .menuSection_title {display: block; padding: 0px 0 px 0px !important; margin: 0 0 6px !important; }</div><div> #side {width: 220px; }</div><div> #authorName {display:none}</div><div> .menuSection{ text-align:center; }</div><div> #thisDiaryPhoto {display:none}</div><div> #side h1 {display:none }</div><div> {----------------------ЗАПИСЬ------------------------}</div><div> #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { position: relative; top: -420px; width: 500px; left:120px;}</div><div> .postTitle, .postTitle span, .postDate { top: -10px; width: 500px; text-align: center; text-transform: lowercase; color:#4b6a7d!important;}</div><div> .postLinksBackg {text-align:right; margin: 0 !important; text-transform: uppercase; dashed #4f4f4f; width: 500px !important; font: bold 12px !important;}</div><div> .postLinks a, .authorName a {color: #5a7a77;}</div><div> a:link,a:visited{text-decoration:none !important;}</div><div> a:hover{cursor: pointer;}</div><div> #TagsList{ solid #baafaf;padding: 3px 0 0 0 !important; width:500px !important; }</div><div> .atTag span, .atMusic span {font-size: 13px; font-weight:bold; text-transform:lowercase; }</div><div> .atTag a, .atMusic {font-size: 13px; color:#704e33; text-transform:lowercase; }</div><div> .quote_text {-moz-border-radius: 0px; border-radius: 0px; background-color: #4f4f4f; text-decoration: none !important;}</div><div> #mainpageLink A{ font-weight:bold}</div><div> a:hover {text-decoration: none; color:#bfd7b6!important }</div><div> .pageBar { font-weight:bold; font-family: !important;}</div><div> .singleComment .header span { float:left; font: 15px !important; color: #353535 !important; margin: 0px 0px 0px 0px !important; background: none; padding: 0 !important; text-shadow: none;}</div><div> .singlePost {background: url('/userdir/2/9/0/0/2900456/73032554.png';) no-repeat; background-position:bottom; !important; padding-bottom: 70px !important;}</div><div> {----------------------------------------------}</div><div> #thisDiaryOwner_title, #thisDiaryLinks_title, #thisDiaryOwner, #myDiaryLinks_title, #globalLinks_title, #authorName, #side h1, #topNav, #communityCatalogueLink, #unsubscribeEmail, #diarySpiritLink, #diarySupportLink, #randomDiaryLink, .urlLink, #upInChart, #favListLink, #faqLink,#YaSearch, #pchListLink, .order_button, #subscribeEmail, #thisDiaryPhoto, .atMood {display:none}</div><div> {------------------------------------------------------}</div><div> #JournalComments .avatar img { width: 100px; height: 100px; }</div><div> #JournalFavorite .avatar img, #JournalQuote .avatar img { width: 100px; height: 100px; }</div><div> .header h2 {margin: 0px 0px 0px 0px !important; font: bold 12px !important; display: block !important; line-height: 15px !important; overflow: hidden !important; height: 16px !important;}</div><div> .editPostLink, #sortOrder, #bottomNavLinks {display: inline; }

UPD: Отступ убрала исправив строку с Экстработтомом - margin-top:-50px дописала

запись создана: 07.01.2012 в 18:49

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

URL

пятница, 06 января 2012

15:43

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

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

няша - бальзаша

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

.postTitle span { position: absolute; top: 2px; left: -85px; background: #fff !important; text-transform:uppercase; font: bold 20px 'Tahoma' !important; color: #909090 !important; margin: 0px 10px 0px -0px !important; padding: 20px 4px 20px 4px !important; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 5px #0c0b0b; box-shadow: 0px 0px 5px #0c0b0b; }

.singleComment .header span { left: 20px; text-transform: lowercase !important; font-size: 12px 'Tahoma' !important; color:#909090; position:absolute !important; margin: 0px 2px 0px 2px !important; }

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

URL

вторник, 27 декабря 2011

23:55

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

Извините за беспокойство и наверно глупый вопрос. Но как можно восстановить css дизайн. У меня он слетел за неуплату и когда я заплатила, думала вернется автоматически, но это не произошло. В настройках кода нет.
Делала мне подруга.
Что можно сделать?

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

URL

воскресенье, 25 декабря 2011

22:53

Темы

все записи пользователя в сообществе you want to sleep

Я несу пиздец. (c)

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

-> #tagslistlink ul

@темы: diaryCSS

URL

22:48

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

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

Здравствуйте.
Есть ли какая-нибудь возможность сделать бордер полупрозрачным? Каким атрибутом это задается? Попробовала варианты, указанные здесь, не сработало, увы.

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

URL

суббота, 24 декабря 2011

20:38

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

Siamo fatti della stessa sostanza dei sogni

Уважаемые мастера css!

Скажите пожалуйста, можно ли поместить фото ( #thisDiaryPhoto) в рамку и установить его конкретный размер?

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

URL

пятница, 23 декабря 2011

00:35

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

I’m awake I’m alive! Now I know what I believe inside! Now it’s my time! I’ll do what I want ’cause this is my life here, right now! I’ll stand my ground and never back down!

Здравствуйте.
Каким образом экстратоп можно расположить на всю ширину страницы сверху и при прокрутки блоки с записями уходили под него?

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

URL

четверг, 22 декабря 2011

13:57

Эпиграф

все записи пользователя в сообществе Neo ttaemune-

Послушайте, я ведь не предлагаю вам горевать по поводу того, откуда берутся _ваши_ идеи (с) Нил Гейман

День добрый.
Возник трабл с эпиграфом. Сначала там внезапно появился разделитель от заголовка - его я устранила. Но до сих пор строка "Альтер-эго" смещена непонятно куда, когда в самом эпиграфе я не ставила сей текст справа.
Вдобавок не работает кнопка редактирования эпиграфа.
Подскажите, как это исправить.

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

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

URL

вторник, 20 декабря 2011

14:33

отображение #bottomNav и #topNav

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

Не срывайте с людей маски. Вдруг это намордники.

здравствуйте!
Подскажите пожалуйста, можно ли с помощью CSS добиться того, чтоб #bottomNav и #topNav отображались одновременно?
дизайн табличный, меню сбоку - есть только верхние ссылки
меню сверху - только нижние
как их совместить?

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

URL

воскресенье, 18 декабря 2011

22:30

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

I've murdered half the town Left you love notes on their headstones I'll fill the graveyards Until I have you

Знающие люди, помогите плиз)
yuna-kairi.diary.ru/ - мой дневник. Мне сейчас временно не нужны ссылка "мои ссылки", а она все равно сцуко отображается.

#myLinksLink {display:none} ей не помогает. Что я делаю не так?)

код:

  #extratop { background: #a2d5ea url('/userdir/1/4/4/3/144393/51722834.png') no-repeat; !important; width: 100%; height:360px; !important;}
 #wrapper{background: #fff; min-width:780px!important; width:780px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; border:3px solid #5bc0ea; margin-top:-9px !important; margin-bottom:-10px !important;}
 #page-c {width:780px !important; padding:00 !important; margin:0 !important}
 #page-t {margin:0 !important;}
 #postsCalendar, #albumLink, #rssLink,#communityCatalogueLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #headlineList, #links, #topNavLinks, #upInChart,#postsCalendar,#randomDiaryLink,#sortOrder,#myLinksLink {display:none}
 .countFirstDate,.countSecondDate {text-align: center}
 #page-c img:hover{filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}
 #myDiaryLink {text-align:center; }
 #allDiaryLink {text-align:center; }
 .right #wrapper{background:#ffffff;overflow:hidden;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 .countFirstDate,.countSecondDate {text-align: center}
 .avatar img { border-width:1px; border-color:#a2d5ea; border-style:solid; padding:1px; display: block;}
 #myDiaryLinks { background: #c4dfea; border-width:1px; border-color:#c4dfea; border-style:solid; padding:5px;}
 #globalLinks { background: #d8e5ea; border-width:1px; border-color:#c4dfea; border-style:solid; padding:5px;}
 #thisDiaryOwner { background: #aed7fe; border-width:1px; border-color:#c4dfea; border-style:solid; padding:5px;}
 #thisDiaryLinks { background: #97badc; border-width:1px; border-color:#c4dfea; border-style:solid; padding:5px;}
 #iAmQuit { background: #e2e8ea; border-width:1px; border-color:#c4dfea; border-style:solid; padding:5px;}
 A:hover {cursor:crosshair; border-style:1px dotted #fff;}
 a:hover,a:active{color:#d2f0fc !important; border-style:1px dotted #fff;}
 body{background: url('/userdir/1/4/4/3/144393/51722789.gif') #a2d5ea Bottom left no-repeat fixed;width: 80% }
 #authorName {position:absolute;top: 5px; right: 25px; color: #fff; font: italic 150% JaneAusten !important; }
 #myLinksLink {display:none}

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

URL

пятница, 16 декабря 2011

19:25

Прозрачный враппер и содержимое

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

Хотелось бы узнать - ни у кого нет кода, что бы фотографии в записи и текст записи были непрозрачными?

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

URL

вторник, 13 декабря 2011

17:12

Шрифт

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

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

День добрый.
Можно ли что-нибудь сделать с тем, что при сохранении дизайна дайри вырезает слово sсript из названия шрифта?
То есть это

font-family: "Segoe sсript" !important;

превращается в это

font-family: "Segoe #" !important;

И то же самое с Kunstler script

@темы: diaryCSS

URL


Запомнить