@CSS — стилизация дневников — Дайри (бывший Diary.ru)

пятница, 20 августа 2010

22:02

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

친절한 팬더.

что это со статистикой?( как исправить бы?

#Stats{position:absolute; left:50%;bottom:85px;margin-left:330px; padding: 5px 0px !important; font-size: 15px !important; font-weight: bold !important; text-align: left !important; float: left !important; float: right; text-align: right; max-width: 530px; }

@темы: меню

URL

17:27

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

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

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

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

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

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

URL

четверг, 19 августа 2010

22:48

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

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

Хоши ∠( ᐛ 」∠)＿

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

@темы: diaryCSS

URL

вторник, 17 августа 2010

15:22

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

Некоторые любят выживать по дереву, а я выживаю чужие мозги...

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

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

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

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

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

URL

понедельник, 16 августа 2010

11:57

все записи пользователя в сообществе местный шинсегуми

люблю малкавианок

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

@темы: diaryCSS

URL

01:29

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

Внутри себя я танцую.(с)

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

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

URL

воскресенье, 15 августа 2010

20:58

все записи пользователя в сообществе 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; }

URL

суббота, 14 августа 2010

11:39

Линейка.

все записи пользователя в сообществе Ksan de Lioncourt

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

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

URL

пятница, 13 августа 2010

18:15

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

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

wait for me~

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

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

@темы: меню

URL

среда, 11 августа 2010

19:16

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

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

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

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

@темы: меню

URL

11:19

все записи пользователя в сообществе All bitter @ dark

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

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

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

URL

вторник, 10 августа 2010

14:09

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

We have one destiny for two of us. You'll understand it soon.

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

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

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

Код:

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

@темы: меню

URL

10:16

все записи пользователя в сообществе местный шинсегуми

люблю малкавианок

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

 #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

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

URL

03:45

[теория] - учебник по 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

@темы: Учеба

URL

01:26

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

친절한 팬더.

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

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

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

URL

воскресенье, 08 августа 2010

20:19

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

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

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

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

@темы: diaryCSS

URL

17:56

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

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

Храбрец - не тот, кто не ведает страха, а тот, кто осознает, что страх - это не самое главное...

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

код дизайна

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

URL

15:09

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

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

Склероз - прекрасная болезнь! Ничего не болит и каждый день - новости.(c)

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

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

URL

среда, 04 августа 2010

22:08

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

все записи пользователя в сообществе Tat-chan

"Они рыдают из-за тебя, но в итоге выходят за других" (с) You`re beautiful

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

@темы: меню

URL

13:57

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

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

We Shepard or we Wrex, that's the plan.

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

URL


Запомнить