[Nicole S.]

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

В 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, основные блоки

---

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

[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; }

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

---

[strong inside]

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

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

---

Темы

[you want to sleep]

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

-> #tagslistlink ul

@темы: diaryCSS

---

[Abigail]

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

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

---

[manhattan.]

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

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

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

---

[SahaROCK]

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

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

---

Эпиграф

[Neo ttaemune-]

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

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

---

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

[Kristabella]

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

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

---

[Yuna_Kairi]

Знающие люди, помогите плиз)
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, платный сервис, Дизайн

---

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

[esce]

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

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

---

Шрифт

[Мати Матисс]

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

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

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

font-family: "Segoe #" !important;

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

@темы: diaryCSS

---

[you want to sleep]

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, Дизайн

---

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

[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, основные блоки

---

[Доктор [на] крыше]

Дорогие сообщники!
Встала такая проблемма:
вот код:
#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 и экстратопом появляется полоска тени, что нежелательно.
Помогите советами пожалуйста.

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

---

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

[Seiko-rin]

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

@темы: текст

---

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

[Desert Eagle]

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

Имеется проблема с разными разрешениями экранов.
С шириной 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;}

@темы: меню

---

Аватары

[Woogie]

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

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

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

---

Я чайник

[safin1234]

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

@темы: Учеба

---

[Мати Матисс]

Надеюсь, правилами сообщества это не запрещено.)
Нарисовала себе недавно дизайн. Отсюда просьба: можете полазать по дневнику и поискать косяки?
У меня Firefox, разрешение - 1366х768.
У меня все выглядит так:

У вас справа, под ником, должны быть еще ссылки "Написать на у-мыло", "Подписаться по и-мэйл" и "Добавить в избранное".
Неактуально.

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