[T18]

Доброго времени суток.

Подскажите пожалуйста можно ли как-нибудь контролировать отступы от краёв экрана?

Конкретнее, сдвинуть весь блок немного вправо

P.S. И можно ли задать прозрачность для основного контейнера, но чтоб при этом картинки/видео в постах оставались не прозрачными?

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

---

Как убрать аватар?

[Hosino Hikaru]

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

@темы: diaryCSS

---

[Yoogeun]

Здравствуйте, наверное просьба прозвучит немного странно, но вы не могли бы подсказать как сделать так, что бы основной блок (и эпиграф) находились по правому краю. У меня он почему-то сдвигается либо влево либо на середину.
Извините, что снова беспокою, но проблема, как оказалось, в другом. Нижняя панель почему-то шире, чем остальные блоки:

А при наведении курсора на имя, аватарка выплывает вот тут:


Код

тут

body {background: url('/userdir/1/1/8/9/1189725/58995272.jpg') 0 no-repeat; padding: 0px !important }
body{ background-attachment:fixed; }
#wrapper{width: 700px !important; margint: 0 !important; padding: 0px !important; float:right!important;}
#extratop {background: url('/userdir/1/1/8/9/1189725/58994378.jpg') no-repeat; width:700px; height:295px !important; padding: 0 !important; margin: 0 !important;}
#page-t {margin: 0 !important; width:700px !important }
#side {width: 700px !important; margin:0 !important }
#page-c{width: 700px !important;padding:0 !important; margin: 0 !important}
#authorName {position:absolute !important; margin-top: 20px !important; left: -600px !important; }
.countFirstDate, .countSecondDate {text-align:center;}

Тыкните, пожалуйста, носом в ошибку! И подскажите, как исправить.
Спасибо за помощь! Проблема решена)

запись создана: 16.08.2010 в 22:29

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

---

[местный шинсегуми]

как поменять значок закрытой записи (замочек) на свой собственный?

@темы: diaryCSS

---

[Эммилина]

у меня такая проблемка...
я во всех этих кодах мало что понимаю,если не сложно,объясните популярно:

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

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

---

[Aloria]

Какая-то странная проблема...
Во всех браузерах все нормально, ИЕ8 выдает вот такую ерунду:

Уже всю голову сломала, почему картинка так съезжает...

код

body{background: url('/userdir/1/0/0/9/100983/58957781.jpg') #000 center top no-repeat; padding: 0 !important; margin: 0 !important; font-family: Verdana,Tahoma,Arial,Serif; }
#wrapper {width: 1000px !important; margin: 0 auto 40px auto; background: #fff url('/userdir/1/0/0/9/100983/58958909.jpg') repeat-x center 200px; position: relative; padding: 0 !important; }
#extratop {width: 1000px; height: 200px; background: #000 url('/userdir/1/0/0/9/100983/58962278.jpg') no-repeat center top; }
#postsArea {padding-top: 60px; }
#side h1 a {position: absolute; top: 120px; left: 130px; color: #AAF0F0 !important; letter-spacing:-1px; font-size: 48px; font-family: times,Arial,Verdana,Georgia,Serif; font-weight:lighter; border: none !important; }
#side h1 a:hover {color: #f2ffbb !important; text-decoration: none; }
#authorName {color: #fff; font-size: 14px; position: absolute; top: 200px; left: 110px; display: block; width: 79px; height: 30px; padding-top: 15px; text-align: center; border: none !important; }
#authorName:hover, #myDiaryLink:hover, #discussionLink:hover, #writeThisDiary:hover, #mainpageLink:hover, #myCommunityLink:hover {background: url('/userdir/1/0/0/9/100983/58959683.gif'); }
#myDiaryLink, #myCommunityLink {color: #fff; font-size: 14px; position: absolute; top: 200px; left: 190px; display: block; width: 150px; height: 30px; padding-top: 15px !important; text-align: center; }
#myDiaryLink a, #mainpageLink a, #discussionLink a, #writeThisDiary a, #myCommunityLink a {color: #fff !important; border: none !important; }
#myDiaryLink b, #mainpageLink b, #allDiaryLink b, #all_links b, #myCommunityLink b {font-weight: normal !important; }
#discussionLink {color: #fff; font-size: 14px; position: absolute; top: 200px; left: 350px; display: block; width: 150px; height: 30px; padding-top: 15px !important; text-align: center; }
#writeThisDiary {color: #fff; font-size: 14px; position: absolute; top: 200px; left: 510px; display: block; width: 150px; height: 30px; padding-top: 15px !important; text-align: center; }
#mainpageLink {color: #fff; font-size: 14px; position: absolute; top: 200px; left: 670px; display: block; width: 150px; height: 30px; padding-top: 15px !important; text-align: center; }
a {color: #0B3C77; text-decoration: none !important; border-bottom: dotted 1px #0B3C77; }
a:hover, #lastComments a {border: none !important; }
#side {padding-top: 25px; }
.postDate {color: #004EC1 !important; text-align:center; font-size: 18px !important; }
.header {color: #787878; }
.pageBar a {border: none !important; }
textarea, input {color: #000 !important; background: #fff !important; border: dotted 1px #0B3C77 !important; }
#lastComments_title {margin-bottom: 10px; }

---

Линейка.

[Ksan de Lioncourt]

Здравствуйте.Возможно это очень глупый вопрос.Я хочу в экстратоп вставить линейку (www.pchelenok.com/lineyki_dlya_forumov/ruler.ph... ) Но не знаю как.Что нужно сделать?

@темы: дневники, эпиграф

---

Оформление меню.

[бескрайняя]

Доброго времени суток.
Я очень надеюсь, что мне кто-нибудь поможет. Мне необходимо написать код оформления меню, как здесь:


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

@темы: меню

---

Оформление ссылок

[Тайя.]

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

@темы: меню

---

[All bitter @ dark]

Пытаюсь сократить меню до минимума.
Есть ли возможность убрать ссылку "Все Дневники" и оставить только "Главная страница"?

У меня получалось только убирать весь этот блок.
Помогите пожалуйста!

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

---

[krezzo]

Доброго времени суток.
У меня сейчас взорвется мозг, ответ на вопрос в соо не нашла.. Сама мучаюсь уже второй день..
Закрепила меню, удалила много ссылок из него. Но нормально отображается только в том случае, если я сижу на своей странице:


Если я захожу в избранное или новую запись то меню не видно:


А у друзей отображается все меню, хотя я удалила многие кнопки:


Код:

#wrapper{min-width:900px!important;width:1250px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #wrapper {position: relative; top: 0px; left: 0px; }
 #side h1 a {display: block; position: absolute; right: 10000px; top: 0px;}
 #side{width:150px !important;margin:0 !important}
 #side h1{!important;margin:0px !important}
 body{ background-attachment:fixed;}
 #extratop{ background: url('/userdir/9/6/4/9/964944/58755230.jpg');#no-repeat; width: 900px; height: 400px; float: left: 0px; margin-top: 0px; margin-left:0px !important; }
 #extrabottom{ background: url('/userdir/9/6/4/9/964944/58755161.jpg'); #no-repeat; width: 900px; height: 150px; float: left: 0px; margin-top: 0px; margin-left:0px !important; }
 a:visited {text-decoration: none !important;}
 .paragraph {overflow: auto}
 A:link,A:visited,A:active{ cursor:help ; }
 a:hover, a:active {color:!important; text-transform: bold;}
 .paragraph div:first-letter { font-size: 15px; }
 body {background: url('/userdir/9/6/4/9/964944/58754198.jpg'); fixed right bottom no-repeat; background-attachment:fixed;}
 #wrapper {border-width:0px; border-color:#; border-style:solid;}
 #YaSearch {display:none !important;}
 #bottomNav{display: none !important;}
 #postsCalendar, #albumLink, #rssLink, #myQuotLink, #optionsLink, #myStatLink, #photolibLink, #allDiaryLink, #mainpageLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #iAmQuit, #YaSearch, #Stats, #comments, #subscribe, #addToQuote lastLink, #upInChart {display:none}
 #side {position:fixed !important; margin-top: 150px !important; margin-left:60px !important; left:0px !important; top:0px !important; color:#0b0b0b}
 #authorName {display: block;position: fixed;right: 1140px; top: 160px; color:#ffffff}
 #page-c{ width:900px !important; padding: 0px !important; margin-top: 0px !important; margin-left: 0px !important; }
 #page-t { background: #; width: 900px !important; padding: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; margin-left:0px !important;}
 #postsArea { width:870px !important; margin-left: 10px !important; margin-top: 0px !important;}
 #wrapper {border-width:2px; border-color:#ffffff; border-style:solid; width:0px; height:11210px; margin-left:200px !important; margin-right:0px !important;}
 

@темы: меню

---

[местный шинсегуми]

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

 #postsArea { width:630px !important; position: relative !important; margin-left: 0px !important; }
 #commentsArea{width:630px !important; position: relative !important; margin-left:0px !important; }
 #addCommentArea {width:630px !important; position: relative !important; margin-left: 0px !important;}
 #postsArea {position: relative !important; margin-right: -15px !important; padding: 10px !important }
 #commentsArea{position: relative !important; margin-right:-15px !important; padding: 10px !important}
 #addCommentArea {position: relative !important; margin-right: -15px !important; padding: 10px !important}

ставлю так - ноль эмоций.

#Journal .postInner {width: 520px; }

запись встает на место, но внизу появляется прокрутка и эпиграф (он вынесен на экстратоп) вытягивается...

запись создана: 09.08.2010 в 21:30

@темы: отступы

---

[теория] - учебник по CSS.

[Bernadett-e]

www.zvirec.com/css_sod.php
Прост, илюстрирован, разбит на логичесик еблоки. Даются примеры кодов.
Предлагаю добавить в "полезные ссылки"

Содержание

■ Введение
■ Урок 1: Что такое CSS ?
■ Урок 2: Синтаксис и принцип работы CSS
■ Урок 3: Цвет и фон в CSS
■ Урок 4: Шрифты в CSS
■ Урок 5: Текст в CSS
■ Урок 6: Списки в CSS
■ Урок 7: Ссылки в CSS
■ Урок 8: Типы селекторов в CSS
■ Урок 9: Блоковая модель в CSS
■ Урок 10: Рамки в CSS
■ Урок 11: Поля (margin) и отступы (padding)
■ Урок 12: Высота(height) и ширина(width) блоков
■ Урок 13: Позиционирование блоков
■ Урок 14: Плавающие блоки(свойство float)
■ Урок 15: Слои в CSS

@темы: Учеба

---

[Allein.]

Хочу, чтобы статистика находилась внизу, на экстработтоме. А ее не видно вообще. В чем дело?

#bottomNav{display: none !important;}
#Stats {position:absolute; left:50%;bottom:100px; !important;}

@темы: текст, отступы

---

[Kristabella]

Здравствуйте!
Подскажите пожалуйста, как сделать так, чтоб ссылка в спокойном состоянии была подчёркнута точками, а при наведении курсора они убирались?

UPD спасибо, вопрос снят

@темы: diaryCSS

---

Сохранение картинок в дизайне

[Сновидение]

Здравствуйте дело в том, что у меня вроде как сохраняется дизайн, но картинки никак не отображаются. То есть в окошке предпросмотра вроде все появляется, я нажимаю сохранить, но в итоге картинки не отображаются. Я чистила кэш, перенесла картинки с радикала на диару, но ничего не изменилось. И еще почему-то в первоначальном коде нет черных границ, а у меня она появляется.
Не могли бы вы посоветовать как решить эту проблему.

код дизайна

body{background:#cbe1fe url(' static.diary.ru/userdir/1/2/3/6/123655/58686344... ') no-repeat 50% 0 fixed;padding-top: 0px; margin: 0 !important}
#wrapper{ min-width:0px!important;width:900px; margin: 0 auto !important;padding:0 !important; position:relative !important;}
#extratop {background: url(' static.diary.ru/userdir/1/2/3/6/123655/58686425... ') 0 0 no-repeat; height:290px; width:780px; background-position: center !important; margin-top: 0px !important; margin-left: 60px !important }
#extrabottom {height: 70px; background: url(' static.diary.ru/userdir/1/2/3/6/123655/58686398... ') 50% 0 no-repeat; clear: both; position: relative !important; right: 0px; top:-10px}
#page-c{ width:780px !important;background: url(' static.diary.ru/userdir/1/2/3/6/123655/58686386... ') repeat-y; padding:0px !important;padding:0px !important; margin-top: 14px !important; margin-left: 60px !important; }
#page-t { margin:0 !important}
#postsArea { width:700px !important; position: relative !important; margin-left: 30px !important; margin-top: 0px !important }
#commentsArea{width:700px !important; position: relative !important; margin-left: 30px !important;}
#addCommentArea {width:700px !important; position: relative !important; margin-left: 30px !important;}
#side{ width:700px !important;margin:0px !important; padding:0 !important; margin-left: 90px !important; margin-top:-110px !important }
#side ul { margin-left:-8px !important;border-color:#6eacf1 !important; background:#ffffff !important; padding:0px !important}
#side li:hover {background:#6eacf1 !important;border-color:#6eacf1 !important;}
#side li:hover a {text-decoration:none !important;}
#side li { border-width:1px; border-style:solid;border-color:#ffffff}
#side li {padding:1px 9px !important}
.menuSection {text-align:center}
.menuSection_title :hover {text-decoration: none; color:#ffffff !important}
a:hover {text-decoration: none; color:#ffffff !important}
#authorName { position: absolute; top:200px; right:100px}
#side h1 a {font-size: 120%; color:#ffffff !important; font-weight: bold}
.postLinksBackg {background: #cbe2ff !important; padding: 5px !important; border: 1px solid #a6c5eb !important}
.header { text-align:center; }
#bottomNav {display:none !important;}
#thisDiaryPhoto, #lastComments, #myLinks, #pchs, #YaSearch {display:none !important;}

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

---

Дата и заголовок.

[Laite]

Подскажите пожалуйста, можно ли объединить вместе полосы даты и заголовка поста, ну то есть чтобы они были в одну строку.

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

---

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

[Tat-chan]

Скажите, пожалуйста, как сделать так, что бы блоки меню были спрятаны каждый под одним предложением, наводя на которое, появлялись остальные строчки столбиком. Да еще и располагались они сверху.
Это очень распространенная вещь, но я все равно не могу понять.

@темы: меню

---

Хитрый вопрос про YaSearch

[Dark Star]

А можно ли с помощью CSS поменять цвет текста, вводимого юзером в поле поиска YaSearch?

---

[Чёрная весна]

Доброго времени суток.
Искала-не нашла, так что, скрипя душу и пальцами, спрашиваю тут:
Как убрать сверху "Главная, все дневники" и т.п.?
Картинко
Где я такое увидела? В этом дневнике.

Заранее благодарю.)

Проблема решена, спасибо :)

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