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

вторник, 22 марта 2011

21:24

рястягивание изображения

все записи пользователя в сообществе Лунный дождь

мои звёзды сияют на земле

пытаюсь залить фон градиентом при помощи такого кода.

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}

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

вот код всего дизайна

 body {background: url('/userdir/1/6/7/3/1673245/67240253.jpg') repeat-x !important; padding: 0 !important; -o-background-size:100% 100% !important; -webkit-background-size: 100% 100% !important; -khtml-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important; background-attachment:fixed !important;}
 #wrapper{ min-width: 958px !important; width: 958px; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; z-index: 4;}
 #extratop { background: url('/userdir/1/6/7/3/1673245/67233122.png') no-repeat bottom; height: 487px; width:958px; margin-top:0px; position:relative; z-index: 3; }
 {----------------------------------------------------------------------------------------------------------------------}
 #page-c {min-width:675px !important; width:675px !important; padding: 0px 0px 0px 15px !important; margin:40px 65px 0px 0px !important; background:#000;}
 #page-t {margin: 20px 20px 20px 5px !important;background:#fff;}
 .communityName, .authorName {margin-left:5px !important; font-size:11px !important; padding-top:5px !important;}
 .commentAuthor {margin-left:5px !important;}
 .paragraph { margin-right:10px !important; }
 .postContent {margin-top:10px !important; }
 .atTag em, .atMusic em, .atMood em, .atTag span, .atMusic span, .atMood span { font-style: normal !important; font-size:11px !important; text-transform: lowercase;}
 #addCommentArea, #msg_form { padding :5px 10px 10px 15px !important;}
 .postDate { text-transform: lowercase; font-size: 11px !important; font-weight: none !important; padding: 0px 10px 0px 0px !important;}
 .postLinksBackg { padding: 5px 10px 0px 5px !important; font-size: 11px !important; color: # !important; text-transform: lowercase;}
 {----------------------------------------------------------------------------------------------------------------------}
 #side {width: 130px; margin:40px 0px 0px 65px; background:#000; text-align:right !important;color:#404040;}
 #side a {color: #fff;}
 #TagsList li { margin: 2px 0px 0px 0px !important; color:#626262;}
 #thisDiaryPhoto, #postsCalendar, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink {display:none !important;}
 {----------------------------------------------------------------------------------------------------------------------}
 .postTitle, #addCommentArea_title, #new_post_title, #commentsArea_title {color:#fff; font:18px '',"Compact"; text-transform:uppercase; background: #000!important; padding: 10px 10px 10px 5px !important; margin: 0px 10px 0px 0px !important; letter-spacing:5px;}
 #epigraph .header { background:none !important; }
 #authorName {background: url('/userdir/1/6/7/3/1673245/67237553.png') no-repeat; display:block; width:187px; height:21px; overflow:hidden; position: absolute; line-height:200px ;top:517px; margin-left:330px;}
 #side h1 a{background: url('/userdir/1/6/7/3/1673245/67238093.png') no-repeat; display:block; width:255px; height:37px; overflow:hidden; position: absolute; line-height:250px ;top:480px; margin-left:305px;}
 {----------------------------------------------------------------------------------------------------------------------}
 img {max-width:485px !important;}
 .avatar img { !important; max-width: 90px !important; padding: 0px !important; border: 10px solid #000; }
 .sign {white-space:pre-line !important; width:95px !important; font-size:12px !important;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active {color: #fff !important;background:#000;}
 #globalLinks a:hover, #myDiaryLinks a:hover, #thisDiaryLinks a:hover, #thisDiaryOwner a:hover {color: #000 !important;background:#fff;}
 span.quote_text { background: url('/userdir/1/6/7/3/1673245/67241249.png') 0px 0px no-repeat; min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 5px; padding: 5px 5px 5px 25px;}
 .blockquote { min-height: 20px !important; font-size: 12px !important; font-style: normal !important; display: block; margin: 0px; padding: 0px 0px 0px 0px;}
 .sign {white-space:pre-line !important; width:120px !important; font-size:11px !important; }
 .section, .formcontainer, .paragraph { _width:485px; overflow:auto; overflow-y: hidden; }

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

URL

понедельник, 21 марта 2011

18:04

все записи пользователя в сообществе любимая дочь мироздания

Когда-нибудь ты встретишь Его, и поймешь, почему с другими не получалось.

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

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

URL

14:24

Независимые блоки при фиксированном меню

все записи пользователя в сообществе Чунга-чанга

Подскажите, пожалуйста, можно ли при фиксированном меню некоторые пункты оставить независимыми?

Т.е. название дневника и имя автора располагаются за пределами меню поверх экстратопа. Если использовать fixed для меню, то при прокрутке эти пункты тоже остаются на месте.

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

Спасибо!

#authorName {display: block !important; position: absolute !important; line-height: 900px; top: 120px; background: url('/userdir/2/0/9/9/2099368/67136012.png') no-repeat center; width: 288px !important; height: 22px !important; overflow: !important; overflow-x: hidden !important; overflow-y: hidden !important; margin-left: 500px; }
 #side h1 {display: block !important; position: absolute !important; line-height: 900px; top: 120px; background: url('/userdir/2/0/9/9/2099368/67136597.png') no-repeat center; width: 340px !important; height: 48px !important; overflow: !important; overflow-x: hidden !important; overflow-y: hidden !important; margin-left: 500px; }
 #thisDiaryOwner {position: fixed; top: 42px; left: 15px; padding-bottom: 5px; background:rgba(194, 181, 159, 0.65); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBC2B59F,endColorstr=#BBC2B59F); zoom: 1; border-radius: 25px/30px; -moz-border-radius: 25px/30px !important; border-style: ridge; border-color: #144621; border-width:4px; width: 160px !important;}
 #myDiaryLinks {position: fixed; top: 115px; left: 15px; padding-bottom: 5px; background:rgba(194, 181, 159, 0.65); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBC2B59F,endColorstr=#BBC2B59F); zoom: 1; border-radius: 25px/30px; -moz-border-radius: 25px/30px !important; border-style: ridge; border-color: #144621; border-width:4px; width: 160px !important;}
 #globalLinks {position: fixed; top: 305px; left: 15px; padding-bottom: 5px; background:rgba(194, 181, 159, 0.65); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBC2B59F,endColorstr=#BBC2B59F); zoom: 1; border-radius: 25px/30px; -moz-border-radius: 25px/30px !important; border-style: ridge; border-color: #144621; border-width:4px; width: 160px !important;}
 .menuSection.lastSection {position: fixed; top: 469px; left: 15px; padding-bottom: 5px; background:rgba(194, 181, 159, 0.65); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBC2B59F,endColorstr=#BBC2B59F); zoom: 1; border-radius: 25px/30px; -moz-border-radius: 25px/30px !important; border-style: ridge; border-color: #144621; border-width:4px; width: 160px !important;}

@темы: меню

URL

суббота, 19 марта 2011

19:45

Заказ дизайна

все записи пользователя в сообществе Vergil*s_brother

Mess with the best,die like the rest.

Если не по адресу,прошу простить.
CSS сдуру подключила,мануалы покурила,сломала башку.Поэтому хочу заказать дизайн на основе моих картинок(фон,эпиграф etc) остальное обсудим при согласии.Цена вопроса епонов 100-150.
Если что пишите на Umail

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

URL

17:55

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

пизденящий душу леденец...

Добрый день.
Эксперементировала с дизайном и в результате перестало работать переключение страниц. Подскажите пожалуйста, что могло повлиять на это.
Заранее спасибо, код прилагаю =)

body {background:#868f94;}
 #wrapper{background: #868f94; min-width:900px!important;width:906px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/67046102.jpg') no-repeat; width: 906px; height:406px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/67064906.jpg') no-repeat; width: 906px; height: 120px;line-height: 100% !important; margin-top:-0px;margin-left: 0px;}
 #side{width:200px !important;margin:0 !important;}
 #page-c{background:#868f94;width:671px !important;padding: !important;padding: !important; margin-top: 30px !important;}
 #page-t {margin:0 !important}
 #page-t{margin-left:0px !important; width:671px!important;background:#868f94; padding:0 !important;padding:0 !important; padding:0px !important}
 #postsArea{background: url('/userdir/1/8/1/6/1816774/67046321.jpg') repeat-y;}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 20px 0px 3px !important; background: url('/userdir/1/8/1/6/1816774/67046318.jpg') no-repeat bottom center; }
 .postLinksBackg {background: url('/userdir/1/8/1/6/1816774/67064621.jpg') no-repeat top; height:149px; width:650px; position:relative; right:0px; z-index:1; ; margin-bottom:-120px;}
 .menuSection {text-align:right; }
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:650px; margin: 0px 0px 0px 0px !important; }
 #authorName {position:absolute; left:60px; top:20px; }
 #side h1 a {position:absolute; left:60px; top:40px; }
 .menuSection_title {background: url('/userdir/1/8/1/6/1816774/67049912.jpg') no-repeat -0% 100%; color: #411A0A; font-size: 16px; font-weight: bold; height: 40px; width: 180px; }
 .menuSection_title {background: url('/userdir/1/8/1/6/1816774/67049912.jpg') no-repeat -0% 100%; color: #ebebe9; font-size: 16px; font-weight: bold; height: 50px;padding: 0px 60px 0px; text-align: ; text-transform: uppercase; width: 60px; display:block; }
 .comments_count_link {color:#ebebe9;}
 .atTag a {color:#868f94; font-size: 16px; }
 .atMusic {color:#868f94; font-size: 16px; }
 .atMood {color:#868f94; font-size: 16px; }
 #pchs li {color:#ebebe9;}
 #YaSearch {display: none !important;}
 #pageBar a {color:#868f94; font-size: 16px; }
 #authorName {color:#a7363a; font-size: 18px;}
 #side h1 a {color:#a7363a !important; font-size: 20px;}

UPD Еще вопрос. Можно ли при переносе ника и названия дневника на эстратоп расположить их не горизонтально, а задать угол наклона или расположить по диагонали?

запись создана: 18.03.2011 в 12:19

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

URL

вторник, 15 марта 2011

15:49

все записи пользователя в сообществе это всё она.

если не нужно драться, незачем и побеждать

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

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

URL

воскресенье, 13 марта 2011

15:48

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

Люблю и любима.

и последний ( я надеюсь) нюанс
враппеер не покрывает всю меню, при редактировании камента.
читать дальше

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

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

URL

12:02

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

Люблю и любима.

С дизайном я разобралась.
Все получилось.
А вот скажите мне, как сделать враппер так, что бы он выступал за основной контейнер ( над меню и записями) по верху?
спасибо , получилось

URL

суббота, 12 марта 2011

23:44

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

Люблю и любима.

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

s46.radikal.ru/i113/1011/15/9d6371ce2baa.jpg
Готово

URL

17:49

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

Пока мы думаем, как убить время, время убивает нас. (с) А. Алле

Подскажите пожалуйста, как обвести заголовок поста в рамку?

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

URL

13:05

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

But wishing never helps, wishing never helps, wishing never solved a thing.

Доброго времени суток.
Появилась вот такая неисчезающая закорючка:
тык.
Блоки #postsArea и #commentsArea съезжают вправо внутри #page-c. При прописывании ширины для них - левая сторона остаётся на месте, а сами они растягиваются на данную ширину вправо. В чём может быть дело?

Код.

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

URL

пятница, 11 марта 2011

13:09

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

пизденящий душу леденец...

Здравствуйте!
Подскажите пожалуйста как прописать фон для "цитатник", "Мой альбом" и "ченовик" ...background:url('/userdir/0/0/0/0/0000000/00000000.jpg');}, как правильно называются это позиции.
Заранее спасибо)

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

URL

четверг, 10 марта 2011

22:33

все записи пользователя в сообществе любимая дочь мироздания

Когда-нибудь ты встретишь Его, и поймешь, почему с другими не получалось.

мои запросы не имеют конца.
уважаемые знатоки css!
как мне слепить мои два незадачливых блока в одно целое?

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

@темы: отступы, diaryCSS, основные блоки, Дизайн

URL

21:16

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

все записи пользователя в сообществе любимая дочь мироздания

Когда-нибудь ты встретишь Его, и поймешь, почему с другими не получалось.

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

как это выглядит

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

@темы: меню, diaryCSS, основные блоки, Дизайн

URL

среда, 09 марта 2011

18:43

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

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

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

URL

16:07

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

Пока мы думаем, как убить время, время убивает нас. (с) А. Алле

Подскажите, можно ли заменить на другой шрифт ссылки в меню (мой дневник, дискуссии итп)

И ещё может кто-нибудь подскажет, как можно обвести заголовок поста в рамку?

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

URL

10:15

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

sanitarium

подскажите как заменить привычные надписи-@музыка, темы, настроение на иконки?

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

URL

вторник, 08 марта 2011

18:10

все записи пользователя в сообществе это всё она.

если не нужно драться, незачем и побеждать

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

буду очень благодарна.

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

URL

пятница, 04 марта 2011

20:32

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

пизденящий душу леденец...

Подскажите пожалуйста, можно ли задать разные фоны для колонки меню, эпиграфа и осн. записи с комментариями?
если да, подскажите как это сделать.
Заранее спасибо=)

@темы: меню, эпиграф, платный сервис

URL

14:41

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

wait for me~

Добрый день!
Скажите пожалуйста, как сделать, чтобы у основных блоков были закругленные края?

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

URL


Запомнить