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

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

13:44

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

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

Cобственно, при передвижении меню, "ник и поиск" сильно сдвигаются вправо и появляется прокрутка.
Когда я их передвигаю влево, прокрутка все равно уезжает.
Как сдвинуть их влево так, чтобы прокрутка исчезла? хд

Заранее спасибо за помощь ^ ^
А то уже второй дизайн бьюсь и никакого итога ++"""

#extratop {width: 900px; height: 581px; background: url('/userdir/1/1/6/0/1160199/72689895.png') no-repeat center; margin:0; padding:0; margin-top: -9px!important;}
 #wrapper{ min-width: 900px!important; width:900px; }
 #page-c { min-width: 900px!important; width:900px; background: url('/userdir/1/1/6/0/1160199/72689937.png') repeat-y; position:relative; position:relative; top: -149px; }
 #page-t { min-width: 850px!important; width:850px; position:relative; left: 20px; }
 #side {  position:relative; top: -160px; left: 484px;}
 #side h1 {position:relative; left: -242px; top: 23px;}
 #photolibLink {display: none;}
 .menuSection ul {width: 110px; background: # repeat; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; position:relative; top: -20px; box-shadow: 0px 5px 18px #000; -webkit-box-shadow:0px 5px 18px #000; -khtml-box-shadow:0px 5px 18px #000; -moz-box-shadow:0px 5px 18px #000;}

получилось, спасибо winterwolf

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

URL

понедельник, 12 декабря 2011

00:38

Отступ перед экстработтомом

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

Я всех умней, но это незаметно.

~~ПоможИте, хто чем может, сами-томылюдинеместные!~~
Собственно, я за помощью. Проблема: пробел между основным блоком записей и экстработтомом.
Знаю, что одна из самых распространенных и что везде решение описывалось по сто-двести-тристо раз. В свое оправдание могу сказать, я честно-пречестно искала его. И честно перепробовала все, что нашла. А воз и ныне там: ничегошеньки не помогает. ~~Хоть топись в ближайшей луже.~~

~~А вот и он, больной зуб~~скрин

Дизайн у меня блочный, панель Nav передвинута на боттом при помощи relative (кстати, если ее можно вообще убрать как-нибудь - это будет просто замечательно). Экстработтом пробовала поднять - подняться - поднялся, а ~~осадочек остался~~ пробел неистребим.

Вот то, что я конкретно пробовала в борьбе с отступом:
div.bordered {margin-bottom:0 !important;}
.pageBar {margin-bottom: 0 !important; padding-bottom: 0 !important;}
#page-c {margin-bottom:0 !important; padding-bottom: 0 !important;}
.bottomNav {margin:0 !important; padding:0 !important;}
.block_design .bordered {margin-bottom: 0 !important; }
#side {margin-bottom:0;}
.formcontainer {margin-bottom: 0 !important;}

АПД: проблема решена, и великая благодарность объявляется vykos

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

URL

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

22:49

все записи пользователя в сообществе Доктор [на] крыше

все мы умрем

Дорогие сообщники!
Встала такая проблемма:
вот код:
#wrapper {-webkit-box-shadow: 0px 5px 20px 5px #000; -moz-box-shadow: 0px 5px 20px 5px #000; box-shadow: 0px 5px 20px 5px #000;}
и
#page-c { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#extratop{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

все замечательно, есть и внешняя тень и закругленные края, НО вся идея закругленных краев теряется, ибо получается вот так - посмотрите у меня в дневнике - как.
Не красиво(
Скажите, это можно исправить?
Была идея поставить внешнюю тень не всему врапперу, а только экстратопу и page-c, но тогда между page-c и экстратопом появляется полоска тени, что нежелательно.
Помогите советами пожалуйста.

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

URL

12:08

Шрифт в отдельной записи.

все записи пользователя в сообществе Seiko-rin

"Жизнь - это история, рассказанная дураком: в ней так же много шума и нет никакого смысла"

Можно ли через код задать другую гарнитуру тексту в одной записи, а не в общих настройках для всего текста?

@темы: текст

URL

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

20:44

Как зафиксировать меню?

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

Fortune favours the brave

Проблема решена.

Имеется проблема с разными разрешениями экранов.
С шириной 1024 видим так коряво:

С шириной 1680 всё иначе:

Как зафиксировать меню?
В коде ссылки прописаны следующим образом:

 #side h1 a {position: absolute; left:475px; top:90px !important;}
 #side h1 a {display:block; width:230px; height:48px; line-height:230px; overflow:hidden; background: url('/userdir/8/9/9/9/899905/72626023.png') no-repeat;}
 #authorName { position:absolute; top:142px; left: 575px !important;}
 #authorName {display:block; width:142px; height:43px; line-height:142px; overflow:hidden; background: url('/userdir/8/9/9/9/899905/72626188.png') no-repeat;}
 #myDiaryLink { position:absolute; top: 230px; left: 550px; }
 #writeThisDiary { position:absolute; top:245px; left: 552px;}
 #myDraftLink { position:absolute; top: 260px; left: 558px;}
 #myFavLink { position:absolute; top: 275px; left:559px;}
 #discussionLink { position:absolute; top: 290px; left: 560px;}
 #optionsLink { position:absolute; top: 305px; left:559px;}
 #umailLink { position:absolute; top: 320px; left:569px;}
 #myProfileLink { position:absolute; top: 335px; left: 553px;}
 #mainpageLink { position:absolute; top: 350px; left: 537px; font-weight:bold}
 #postsCalendar{ position:absolute; top: 365px; left:536px;}
 #myQuotLink{ position:absolute; top: 380px; left:562px;}
 #iAmQuit { position:absolute; top: 395px; left:570px;}

@темы: меню

URL

среда, 07 декабря 2011

12:26

Аватары

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

Здравствуйте ) Пишет человек с обычной днявочкой, не юзавший до этого платный сервис...
Такой вот вопрос:
Предположим, я потратила имеющиеся у меня 80 дайреденег, купила "простой" пакет, и нагрузила себе 8 штук (норма обычного дневника) аватаров 110х110, весом >20 кб (соответственно, больше этой нормы). Срок закончился. Аватары "срезаются"?
И как именно предупреждают об окончании срока? Или же пользователь должен сам ориентироваться? )

Заранее спасибо )

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

URL

12:05

Я чайник

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

How much wood would a woodchuck chuck if a woodchuck could chuck wood :)

Здравствуйте.
У меня висели эти стандартные 100 дайрирублей и все-равно не знала что с ними делать, так что я взяла и заплатила за css, думала - о, здорово! Теперь я себе сделаю такой красивый дизайн!
А теперь я сижу и смотрю на все это вот так O_o и понятия не имею что с этим делать и как.
Может поделится кто-нибудь какой-нибудь ссылкой на обучающие материалы?
Зарание спасибо.

@темы: Учеба

URL


Запомнить