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

воскресенье, 31 января 2010

20:06

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

Добрый человек сегодня был особенно зол и бесчеловечен. ©

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

2. Текст записи на главной и в избранном подогнан под ширину блока записей, все в порядке. Но вот в форме нового комментария, новой записи и в ссылках текст наезжает выходит за границы.
Решено в комментах и новой записи, в ссылках не выходит. Та же проблема с календаре, альбоме и черновиках. То ли не могу найти нужный id, то ли что... Также решено благодаря Miss P..
3. Между экстработтомом и низом самым страницы зазор. Если эстработтом спускать вниз, зазор образовывается уже между ним и блоком записей.
Решено, спасибо Miss P..
4. Заменил часть ссылок на картинки, в том числе и статистику. Картинка была такая: Планировалось, что низ меню будет закругленным. На деле же закругленный край уезжает под фон и получается вот так: Вопрос снимается, ибо решился методом тыка.
2. С родным разрешением экрана в 1024х768 все в порядке, эксперимента ради сменил на большее - ничего не разъезжается, кроме фотографии, никак и названия. Оно все благополучно смещается в сторону. Как закрепить ник, фото и название на экстратопе именно в таком положении, как есть? Кстати говоря, в окне настроек, где дизайн и мучается, та же ерунда, все три элемента смещены в сторону, пришлось подбирать методом тыка, каждый раз сохраняя и перезагружая страницу дневника. Решилось вроде. Не идеально, но все же. А если кто знает, как при #wrapper{min-width:805px!important; width:805px; padding:0 !important;position:absolute !important;padding-left:87px !important;} сделать так, чтобы при смене разрешения весь контейнер был посередине, а не слева - буду очень признателен.
Код, сырой еще и не чищенный:

#wrapper{min-width:805px!important; width:805px; padding:0 !important;position:absolute !important;padding-left:87px !important;}
 #page-c {width:612px !important; padding:0 !important; margin:0 !important;}
 #page-c{ background: url('/userdir/2/8/7/4/28744/51301925.jpg') repeat-y; min-width:0px!important;width:612px; margin-top: 0px !important;padding:0 !important;position:relative !important}
 #page-t {margin:0 !important;align:center}
 #side {width:191px !important; margin:0 !important; padding:0 !important;}
 #side .bordered {background: url('/userdir/2/8/7/4/28744/51307793.png');margin-top:-40px;}
 #extratop { background: url('/userdir/2/8/7/4/28744/51395576.png')no-repeat; width:125%; height:527px;!important; margin-top:-9px;margin-left:-101px;}
 #side {padding-bottom:4% !important; background:url('/userdir/2/8/7/4/28744/51355352.png') -5% 100% no-repeat;}
 .menuSection {text-align:center;}
 #extrabottom { background: url('/userdir/2/8/7/4/28744/51321722.png')no-repeat; width:125%; height:350px;!important;margin-left:-100px !important;}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: ; border: 3px double #6B4C0C; margin: 3px 3px 3px 3px; padding: 1px; filter:alpha(opacity=100) !important;-moz-opacity:.85 !important;opacity:.85 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: ; border: 3px double #B19A4E; margin: 1px 1px 1px 1px; padding: 1px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 .avatar img {width:100px !important; min-width:100px !important; max-width:100px!important;}
 .paragraph div:first-letter {font-size: 25px; float: none; font-family:"Traktir","Georgia"; margin-right: 1px; color: #6B4C0C; line-height:100% !important; line-height:140%;}
 div:first-letter {font-family:"Traktir","Georgia"; font-size: 20px; margin-right: 1px; color: #6B4C0C;}
 a:hover {color: #B19A4E; background; padding: 0px; text-decoration: blink;}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;font-family:"Traktir","Georgia"; font-size: 18px;margin-left:-10px}
 span.quote_text {font-style:normal; display: block; margin: 5px;padding: 5px; border:1px solid #6B4C0C; font-size: 95%; background:; }
 #cc { background-color:; border: 1px solid #6B4C0C;}
 .sign { background-color:; border: 1px solid #6B4C0C;}
 #commentsArea {width:612px !important; position: relative !important; margin-left:0px !important; padding: 0 !important;}
 #addCommentArea {width:612px !important; position: relative !important; margin-left:0px !important; padding: 0 !important;}
 #postsArea {width:612px !important; margin-left: 0px !important; padding: 0px !important;}
 .singleComment{padding-right:20px !important;padding-left:20px !important;}
 #msg_form {padding-right:20px !important;padding-left:20px !important;}
 .singlePost{padding-right:20px !important;padding-left:20px !important;}
 #authorName {font-size:20px; font-family:"Traktir","Georgia";color: #C89362;font-weight: bold;position:absolute !important;top: 302px !important; left: 757px !important;}
 #authorName span:hover {color: #6B4C0C; background; padding: 0px; text-decoration: blink;}
 #side h1{position:absolute;top:84px; left: 409px; font-family:"Traktir","Georgia";font-size:22px;}
 #side h1 a {color: #C89362;}
 #side h1 a:hover {color: #6B4C0C; background; padding: 0px; text-decoration: blink;}
 #thisDiaryPhoto {position:absolute!important;top:361px !important; left: 747px;!important}
 .paragraph{overflow: auto;}
 .atTag span,.atMusic span,.atMood span {font-style:normal; font-family:"Traktir","Georgia";font-size:15px;!important;}
 #myDiaryLink a{display:block !important; width:171px !important; height:60px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/2/8/7/4/28744/51322151.png') 0px 4px no-repeat !important;}
 #allDiaryLink a{display:block !important; width:171px !important; height:60px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/2/8/7/4/28744/51322178.png') 0px 4px no-repeat !important;}
 #all_links a{display:block !important; width:171px !important; height:60px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/2/8/7/4/28744/51322193.png') 0px 4px no-repeat !important;}
 #Stats a{display:block !important; width:178px !important; height:80px !important; line-height:200px !important; overflow:hidden !important; background: url('/userdir/2/8/7/4/28744/51355130.png') -10px 10px no-repeat !important;margin-top:-10px;}
 #topNavLinks {display:none;}
 .postActionLinks {position: absolute; right:4%;}
 #JournalLinks .postActionLinks {position: static !important; padding-right:40px !important;}
 #sortOrder,.order_button{display:none !important;}
 #JournalCalendar #postsArea {padding-right:20px !important;padding-left:20px !important;}
 #JournalLinks #postsArea {padding-right:20px !important;padding-left:20px !important;}
 #JournalDraft #postsArea {padding-right:20px !important;padding-left:20px !important;}
 #JournalLinks .header {margin-left:-50px}
 #JournalAlbum .header {margin-left:-15px}
 #JournalCalendar .header {margin-left:2px}

Спасибо.

запись создана: 30.01.2010 в 18:09

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

URL

01:39

Конкурсы

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

Окружающие видят только мои маски и думают, что знают меня....

В сообществе KONKURS+ проводится конкурс дизайнов CSS. Тема: Ночной город.
Приглашаю желающих принять участие. Участвовать.
(конкурсы проводятся периодически, будут еще)

разрешение на рекламу получено

URL

суббота, 30 января 2010

22:34

Еще вопрос

все записи пользователя в сообществе Mr. Nemo Nobody

.violent inside.beautiful and evil.

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

некоторые записи и комментарии выглядят нормально, некоторые вот так вот. Текст вылезает слишком далеко. Это можно как-то исправить?

Вот код:

#wrapper{min-width:857px !important;width:857px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #side {background: #c4d1e2 !important;}
 #page-c{width:857px !important;padding:0 !important;padding:0 !important;}
 A:hover {text-decoration: normal; color: #0b0b0b !important;}
 a:visited {text-decoration: normal; color: #0b0b0b !important;}
 .comments {background: url('/userdir/9/5/2/5/952575/51244673.png') no-repeat; padding:0 0 0 15px !important; display:block; height:8px; }
 .subscribe {background: url('/userdir/9/5/2/5/952575/51244673.png') no-repeat; padding:0 0 0 15px !important; display:block; height:8px; }
 .addToQuote {background: url('/userdir/9/5/2/5/952575/51244673.png') no-repeat; padding:0 0 0 15px !important; display:block; height:8px; }
 A:hover {font-size: 11px; font-family: "Tahoma"; font-style:normal; font-weight: lighter;}
 a:visited {font-size: 11px; font-family: "Tahoma"; font-style: normal; font-weight: normal;}
 #extratop { background: #c4d1e2; background: url('/userdir/9/5/2/5/952575/51257585.png') no-repeat; width:857px; height:480px; line-height: 100% !important;}
 #side h1 a {position:absolute; top: -45px; right: 150px; font-size:15px; }
 #authorName {width:0px; position:absolute; top:-70px; right: 250px;}
 .search {width:160px !important; width:60px; height: 20 px; position: absolute; top:-70px; right: -10px; }
 #side ul {background:#d3e1f4; moz-opacity:.80 !important;opacity:.80 !important; filter:alpha(opacity=80); !important; border: 1px; border-style: dotted; color: #96b5dd;}
 .postDate {text-shadow: 2px 2px 5px #000; text-align:center; !important; background: #c4d1e2; font-family: "Arial"; font-style:normal; font-weight: bolder;}
 .header { text-align:left; !important; background: #c4d1e2; font-family: "Arial"; font-style: normal; font-weight: bolder;}
 .singlePost {background:#c4d1e2; padding-bottom: 20px !important; background: url('/userdir/9/5/2/5/952575/51247451.png') right bottom no-repeat;}
 #epigraph .singlePost, #post0 {background:none !important;}
 #epigraph {background: none !important; background-position:bottom !important;}
 body { background: #ffffff; }
 .header {margin-left: 10px !important;}
 .paragraph {margin-left: 10px !important; margin right: 10px !important;}
 .postLinksBackg {margin-left: 10px !important;}
 .postLinks {margin-right: 10px !important;}
 .postActionLinks {margin-right: 10px !important;}
 .header {margin-right: 10px !important;}
 #page-c { background: #c4d1e2; }
 .postInner { min-width:720px;width:auto !important; width:500px; }
 .postInner { min-height:150px;height:auto !important; height:100px; }
 #side {background: none !important; position: absolute; left:300px; top:422px; width:100%;}
 .singlePost{padding-left:10px !important; position-right: 10px !important; }

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

URL

16:08

все записи пользователя в сообществе yes, we can

мазохист.

как устранить эту проблему?

@темы: текст

URL

11:37

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

алекси

ребят, да и девченки. кто знает , как зделать прозрачный фон ? зарание спасибо

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

URL

четверг, 28 января 2010

03:10

Help

все записи пользователя в сообществе Mr. Nemo Nobody

.violent inside.beautiful and evil.

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

иду в настройки, там все нормально
а вот как должно быть

В цвет фоновых записей залезала, в обычных настройках проверяла, может я что-то не замечаю?..
Браузер Опера.
Вот код:

#wrapper{min-width:857px !important;width:857px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #side {background: #c4d1e2 !important;}
 #page-c{width:857px !important;padding:0 !important;padding:0 !important;}
 A:hover {text-decoration: blink; color: #0b0b0b !important;}
 a:visited {text-decoration: blink; color: #0b0b0b !important;}
 .comments {background: url('/userdir/9/5/2/5/952575/51244673.png') no-repeat; padding:0 0 0 15px !important; display:block; height:8px; }
 .subscribe {background: url('/userdir/9/5/2/5/952575/51244673.png') no-repeat; padding:0 0 0 15px !important; display:block; height:8px; }
 .addToQuote {background: url('/userdir/9/5/2/5/952575/51244673.png') no-repeat; padding:0 0 0 15px !important; display:block; height:8px; }
 A:hover {font-size: 11px; font-family: "Tahoma"; font-style:normal; font-weight: lighter;}
 a:visited {font-size: 11px; font-family: "Tahoma"; font-style: normal; font-weight: normal;}
 #extratop { background: url('/userdir/9/5/2/5/952575/51247313.png') no-repeat; width:857px; height:415px; line-height: 100% !important;}
 #side h1 a {position:absolute; top: 375px; right: 200px; font-size:15px; }
 #side{background #c4d1e2;}
 #authorName {width:0px; position:absolute; top:352px; right: 300px;}
 .search {width:160px !important; width:60px; height: 20 px; position: absolute; top:350px; right: 30px; }
 #side ul {background:#d3e1f4; moz-opacity:.80 !important;opacity:.80 !important; filter:alpha(opacity=80); !important; border: 1px; border-style: dotted; color: #96b5dd;}
 .postDate {text-align:center; !important; background: #c4d1e2; font-family: "Arial"; font-style:normal; font-weight: bolder;}
 .header {text-align:left; !important; background: #c4d1e2; font-family: "Arial"; font-style: normal; font-weight: bolder;}
 .singlePost {padding-bottom: 20px !important; background: url('/userdir/9/5/2/5/952575/51247451.png') right bottom no-repeat;}
 #epigraph .singlePost, #post0 {background:none !important;}
 #epigraph {background: none !important; background-position:bottom !important;}
 body { background: #ffffff; }
 .header {margin-left: 10px !important;}
 .paragraph {margin-left: 10px !important; margin right: 10px !important;}
 .postLinksBackg {margin-left: 10px !important;}
 .postLinks {margin-right: 10px !important;}
 .postActionLinks {margin-right: 10px !important;}
 .header {margin-right: 10px !important;}

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

URL

среда, 27 января 2010

15:01

все записи пользователя в сообществе horror world around me

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

Не могли бы вы доходчиво обьяснить откуда взять код, который нужно вставить в тег url. Что надо сделать с картинкой, чтобы получить этот код? Оо
Люди, простите конечно за такой глупый вопрос, я с цсс работала давно, многие элементарные вещи просто не помню.

@темы: фоновые картинки, Дизайн

URL

11:22

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

love&destroy

Здравствуйте. Подскажите пожалуйста, как избавиться от глюка: в дневнике не отображаются текст/изображения, спрятанные под more?
Код

@темы: текст, diaryCSS

URL

вторник, 26 января 2010

21:39

Нужно помощь в CSS

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

Здравствуйте! Простите меня пожалуйста, но у меня не обычный вопрос.
Можно ли найти человека, который поможет не создать дизайн? Я вообще новичок в этом. Сама что-то пыталась делать, но результат не всегда такой как хочется.
У меня есть картинки, точное описание, но воплотить это в жизнь не получается. Поэтому мне нужна помощь человека, который хорошо знает CSS.
Помогите пожалуйста!!!

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

URL

19:40

Прозрачный фон у выпадающего меню, зазор между экстратопом

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

Здравствуйте, это мой самый первый цсс, переделанный из чужово. Надеюсь на Вашу помощь нубу >__<

* html body{behavior:url("/files/csshover.htc";}
 * html #wrapper{overflow:visible;}
 body {padding:10px !important; font-family: "Arial",Arial,sans-serif!important; font-size:75%!important; background:url('/userdir/9/1/1/0/91106/51190226.gif') ;}
 .postDate, .postTitle {color:#010101; font-size:140%!important; font-weight:700!important;}
 A {color:#272625 !important;}
 #wrapper{ background:#c3c1a9; padding:0 !important; width:750px; min-width:750px!important; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
 #side {margin:0 !important; padding:0 !important;}
 #side h1 a {color: #c7716d !important; }
 #side .bordered {width:750px;background:#c3c1a9; height:91px; margin: 0 !important; padding: 0!important; position:absolute; top:10px; z-index:55;}
 #side li {float:left; display:block; padding-right:10px!important;}
 #side A, #side {color:#2726251 !important;}
 #extratop { background: url('/userdir/9/1/1/0/91106/51191033.jpg') no-repeat !important; width:750px; height:720px; line-height: 100% !important; postion:fixed !important;}
 #page-c {height:auto; margin:0!important}
 #page-t {margin:0!important}
 .singlePost {height: auto !important; height: 1em; border: none !important;}
 #thisDiaryLinks, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:50px; height:26px; margin:0!important; }
 #yaquery {color:#000000!important;}
 #thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul{ display:none; width:730px; padding:10px 10px; position:absolute;left:0; top:90px;}
 #lastComments ul li {float:left; width:450px!important; margin-right:20px; height:40px; border-bottom: none;}
 #lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block!important; z-index:10;}
 #myDiaryLinks, #myDiaryLinks ul {display:block;}
 #thisDiaryLinks ul {background:#c3c1a9;}
 #thisDiaryLinks {background: #c3c1a9 no-repeat;}
 #globalLinks ul {background:#c3c1a9;}
 #globalLinks {background: url('/userdir/9/1/1/0/91106/51192488.gif') no-repeat;}
 #thisDiaryOwner ul {background:#c3c1a9;}
 #thisDiaryOwner {background:url('/userdir/9/1/1/0/91106/51192476.gif') no-repeat;}
 #myDiaryLinks ul {background:#c3c1a9;}
 #myDiaryLinks {background:url('/userdir/9/1/1/0/91106/51192470.gif') no-repeat;}
 #lastComments ul {background:#c3c1a9;}
 #lastComments {background: #c3c1a9;}
 #pchs ul {background#ede9e6;}
 #pchs {background: url('/userdir/9/1/1/0/91106/51192491.gif') no-repeat;}
 #thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #albumLink, #NContent, #login_form, #mainpageLink, #pchs_title, #lastComments_title, #photolibLink {display:none !important;}
 #thisDiaryInfo, H1 {font-size:200%!important;margin:0!important; height:45px!important;}
 #thisDiaryInfo { width:200px;text-align:right; padding: 10px 10px 0 0!important; }
 H1 { width:500px;text-align:left!important; padding:10px 0 0 10px!important;}
 .search {width:160px !important;}
 .sign {font-size:80%; color:#81645b;}
 .header {color:#81645b!important;}
 #TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-55px;}
 #TagsList LI {border-bottom: none; display:block; height:20px; float:left; width:160px!important; margin-right:10px!important;}
 #TagsList LI A {padding:0 !important; }
 .bordered, .menuSection {border: none !important;}
 .text, textarea, #mce_editor_0, #mceSpanFonts {font-family: "Book Antiqua",Arial,sans-serif!important;border:#1e1e1e 1px solid!important;color:#000!important}
 #JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
 #JournalComments .singlePost div.paragraph {margin:0!important;}
 #codebuttons a {float:left;}
 #codebuttons {clear:both;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 #YaSearch{display:none}

@темы: меню

URL

понедельник, 25 января 2010

16:11

Зазор между меню и осн. блоком

все записи пользователя в сообществе Настасья Филипповна 2.0

Я стала ведьмой от горя и бедствий, поразивших меня

Здравствуйте, господа и дамы.
Проблема в картинках
Можно ли объединить одной рамкой page-t и side, не задавая цвет всему wrapper, а? Только если можно, подскажите код, пожалуйста.

ЗЫ

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

URL

00:09

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

I SEE DUMB PEOPLE

У меня сss работает хорошо во всех браузерах, кроме эксплорера. В нем невозможно нажать ни на одну ссылку! кто нибудь может подсказать, как это можно испраить?
вот код:
читать дальше

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

URL

воскресенье, 24 января 2010

16:32

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

encapsulation, polymorphism, inheritance, amen.

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

@темы: меню

URL

06:41

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

What Doesn't Kill You Makes You a Killer

Доброго времени суток!
Очень прошу помочь с дизайном *_* совсем немного.
Есть задумка, а навыков работы с CSS мало.
Есть фон под дизайн, который должен стоять фиксированно в правом левом углу, и не должен повторяться сверху вниз. фон дневника #241011
картинко
Хочется слева пустить wrapper (все содержимое записей) без границ и фона со скроллом по зоне на картинке (ее ширина 600px). А меню справа по шоколадному цвету.
расстояние под пустой экстратоп 260px.
Заранее спасибо.

@темы: текст, меню, отступы, фоновые картинки, Дизайн

URL

четверг, 21 января 2010

18:46

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

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

Как мне кажется, основная проблема в том, что CSS-код не сохраняет ссылки в поле. Почти ничего не работает.

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

URL

17:44

Номера страниц

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

your ego is not your amigo

По поиску искала, ответа не нашла.
Почему могут пропасть номера страниц внизу? Их просто нет.
Как вернуть, что вставить?
Извините, мало что понимаю в css.

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

URL

16:54

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

Дороги хватит на всех

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

 .commentAuthor a:active, .commentAuthor a:link, .commentAuthor a:visited {border-bottom: none; text-decoration: none !important; }
 .commentAuthor a:hover { border-bottom: 1px dashed #ffffff !important; text-decoration: none !important; }

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

URL

02:13

"Мои ссылки"

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

Доброй ночи. Опять я со своими мелочами, никак не доведу до ума, то одно всплывает, то другое.
Такое вот наблюдается в "Моих ссылках": скрин.

#wrapper{min-width:798px!important; width:798px; padding:0 !important; }
 #page-c {width:645px !important; padding:0 !important; margin:0 !important;}
 #page-t {margin:0 !important;}
 #side {width:153px !important; margin:0 !important; padding:0 !important;}
 #extratop { background: url('/userdir/2/8/7/4/28744/50930699.png') no-repeat; width:798x; height:394px; margin-top:-10px !important;}
 #wrapper{ background: url('/userdir/2/8/7/4/28744/50887958.png') repeat-y; min-width:0px!important;width:798px; margin: 0 auto !important;padding:0 !important; position:relative !important}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: ; border: 3px double #58643f; margin: 3px 3px 3px 3px; padding: 1px; filter:alpha(opacity=100) !important;-moz-opacity:.65 !important;opacity:.65 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: ; border: 3px double #514a3e; margin: 1px 1px 1px 1px; padding: 1px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 .paragraph div:first-letter {font-size: 20px; float: none; font-family:"Georgia"; margin-right: 1px; color: #58643f; line-height:100% !important; line-height:140%;}
 a:hover {color: #7f8e5a; background; padding: 0px; text-decoration: blink;}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;font-family:"Goudy"; font-size: 16px;}
 body{background: url('/userdir/2/8/7/4/28744/50896328.jpg') repeat;}
 span.quote_text {font-style:normal; display: block; margin: 5px;padding: 5px; border:1px solid #58643f; font-size: 95%; background:; }
 div:first-letter { font-size: 17px; margin-right: 1px; color: #58643f;}
 #extrabottom {margin-top:-42px}
 body{background-attachment:fixed;}
 #cc { background-color:; border: 1px solid #7f8e5a;}
 .sign { background-color:; border: 1px solid #7f8e5a;}
 #postsArea, { width:630px !important; position: relative !important; margin-left: 0px !important; padding: 10px !important}
 #commentsArea {width:630px !important; position: relative !important; margin-left:0px !important; padding: 10px !important}
 #addCommentArea {width:630px !important; position: relative !important; margin-left:0px !important; padding: 10px !important}
 .menuSection {text-align:center;}
 #authorName {font-size:15px; font-family:"Goudy";color: #42372e;font-weight: bold;position:absolute;top: 370px; left: 26px;}
 .avatar img {width:100px !important; min-width:100px !important; max-width:100px!important;}
 #topNavLinks {display:none;}
 #side h1 {position:absolute;top: 287px; left: 540px; font-family:"Goudy";font-size:20px;}
 #thisDiaryPhoto {margin-bottom:0px}
 .atTag span,.atMusic span,.atMood span {font-style:normal; font-family:"Goudy";font-size:13px;!important;}
 .paragraph{overflow: auto;}
 .postActionLinks {position: absolute; right:1%;}
 .singlePost{padding-right:7px !important;}
 #sortOrder{ padding: 3px}
 #Stats { padding: 2px}

Что с этим сделать можно? Спасибо заранее.

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

URL

среда, 20 января 2010

19:06

Цветовой перелив /Color overlay

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

Ich bin ein Teil von jener Kraft, die stets das Gute will und das Böse macht.

У меня для вас есть кое-что нужное! Может некоторые спрашивали себя, как сделать так, что-бы фон был заполнен фоновой картинкой, но сверху в низ ( с низу в верх, с право на лева итд.)
шёл как-бы такой цветовой залив, которые переходит от тёмного цвета до прозрачного.
как на скриншоте:

я вам покажу как это сделать!

пишем в код:

html {
    background: url('картинка для фона');
}

body {
    background: url('картинка для цветового перелива') top repeat-x;
}

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

html {
    background-image: url('картинка для фона');background-attachment: fixed;
}

body {
    background: url('картинка для цветового перелива') top repeat-x;
}

надеюсь вам понравится

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

URL

16:17

Ссылки в экстратопе

все записи пользователя в сообществе Bernadett-e

В море соли и так до чёрта, морю не надо слёз.

Уважаемые знатоки, мне очень нужно сделать CSS дополнение к обычному блочному дизайну. НЕ меняя схему дизайна.

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

запись создана: 19.01.2010 в 21:32

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

URL


Запомнить