@CSS — стилизация дневников — @дневники: асоциальная сеть

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

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


Запомнить