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

суббота, 12 июня 2010

19:20

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

2005

Здравствуйте.
В CSS не разбираюсь, однако сделала себе простенький дизайн. Копировала коды из этого сообщества.
Мой дневник отображается так, как надо. Все по центру, закрепленное меню и фон. Но как только захожу в ленту избранного, дневник приобретает вид бесплатного. Как избавиться?
И еще ссылки в меня все либо синие, либо фиолетовые. Как их сделать черными?
Спасибо.

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

URL

09:53

поиск.

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

It's like trying to turn around on a one way street

доброго времени суток.
css-дизайны делать начала совсем недавно. хотелось бы узнать, как убрать этот поиск?
смотреть картинку.

решено. спасибо Chere~.

URL

пятница, 11 июня 2010

22:42

Help!

все записи пользователя в сообществе Pa-ra-pa

Солнце светит, Дженсен улыбается, и значит, все прекрасно в мире Джареда Падалеки...(с)

Здравствуйте)
Хотела бы задать вопрос:
Дело в том, что, когда я устанавливаю фон body, картинка по идее должна находится в верхнем правом углу. Но у меня она ни в какую не хочет смещаться. Разумеется background-position: top right я ввести не забыла.
Может кто знает в чем дело?
Вот собственно и сама проблема:

Искала по соо что-нибудь подобное, не нашла(

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

URL

09:03

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

"Если вдруг встретишься с удивительным попробуй заглянуть туда, и тогда..." Возвращение Кота

Доброго времени суток!
Не могли бы Вы мне подсказать. Я изменила @настроение: на свой вариант, через

 .atMood {content:'@статус';}

И всё нормально, всё с работало, но исчезла картинка настроения. (см. картинку)

Я попробовала по разному, но в итоге получалась только глупость в виде дублирования (@статус:@статус: ) и удаления.
Как мне сохранить и картинку и переименованное элемент?
Прошу прощения, если повторяюсь.

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

URL

среда, 09 июня 2010

23:31

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

Before you judge me, try hard to love me.

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

Добрые люди, надеюсь на вашу помощь!

Подскажите пожалуйста как бороться с такой проблемой, как обображение CSS дизайна в разных брайзерах?
В IE он выглядит отлично, а в Мозилле и Опере все съезжает

Заранее благодарю от всего сердца!

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

URL

вторник, 08 июня 2010

14:51

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

-|Le ciel est vide sans imagination|- Пропитанная чувствами малиновая булочка

Доброго времени суток.
Не могли бы вы помочь, у меня запись заезжает за правую границу. Как это можно исправить?
Заранее спасибо.

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

URL

воскресенье, 06 июня 2010

02:34

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

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

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

запись создана: 06.06.2010 в 00:20

URL

01:49

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

✖У человека в душе дыра размером с Бога, и каждый заполняет её как может.© Жан Поль Сартр✖

Не подскажете как изменить цвет названия дневника в меню?
использую это - #thisDiaryLinks_title a{ color: #A76B83 !important; } , но ничего не меняется :duma:

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

URL

суббота, 05 июня 2010

16:20

все записи пользователя в сообществе *Тери*

Такой вот парадокс: Мы совершаем подвиги для тех, кому до нас нет никакого дела, а любят нас те, кому мы нужны и без всяких подвигов…(с)

Всем доброго времени суток! меняю дизайн, кое-что не получается..
1. Как оформить ссылки в эпиграфе картинками, как вот тут pay.diary.ru/~felisfenix/?
2. Как задать бордюр картинкой фиксированной ширины?
буду благодарна за ответы)

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

URL

пятница, 04 июня 2010

17:51

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

...

Здравствуйте!
У меня такая проблема. Ознакомилась с эпиграфом. Нашла, что искала, но когда вставляю такой код (он указан в теме), чтоб картинка зафиксировалась, и записи уходили под нее
#extratop { background: url('/userdir/1/5/7/4/1574608/56228771.png') 0 0 no-repeat; !important; width:800; height:253px; !important; margin-top:0px !important; position:fixed;}
то экстратоп просто не появляется. Помогите решить проблему, пожалуйста.

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

URL

17:25

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

Чтоб я тя больше у нас на районе не видел!

Не знаю, что произошло, но я не менял код, а меню в дизайне внезапно "поплыло". Иконки теперь стоят не посередине фона меню, и сместились к центру.
Как будто "сбился" масштаб. Масштаб в фф по умолчанию, дизайн динамический.

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

URL

четверг, 03 июня 2010

20:11

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

Знаете, что меня смешит? Мысль о том, что вам будет не смешно. (c)

Здравствуйте, не могли бы вы мне помочь: хочу сделать, чтобы в каждом заголовке перед временем записи была иконка, примерно как на этом s60.radikal.ru/i170/1005/03/863c81195b54t.jpg дизайне "запятая", вставляю ее и возникает проблема: иконка заезжает на время. Сделала отступ между ней и временем записи с помощью margin, но теперь вместе со временем записи сдвигается и сам текст заголовка.
И еще, когда пытаюсь сделать размер заголовка меньше, картинка обрезается, нельзя ли как-нибудь задать атрибуты для иконки и текста заголовка отдельно?

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

URL

20:03

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

no shit

Здравствуйте.
Я абсолютно ничего не трогала в дизайне, но недавно почему-то блок записей "уехал" вниз.

капс было-стало

Причины этого - это такое, но как исправить?

body {font-family:Tahoma; font-weight: normal; font-style: normal; font-size:85%; background-color:#828387; background-image: url('/userdir/2/9/1/7/291757/41910566.gif'); background-repeat: repeat-y; color:#757474; padding-top: 0 !important; padding-left: 0 !important;}
 .block_design .bordered{background-color:transparent;}
 .header,h1{color:#111111; font-size:100%; text-transform: lowercase; font-weight: bold; font-style: bold; background-color:transparent; right;}
 .header span{color: #757474 !important;}
 .header h2{font-weight: bold; font-style: normal;}
 .singlePost .header, .linkssection .header{background-color:transparent;}
 .menuSection,#epigraph,.formcontainer,.pageBar, .postContent, .postLinksBackg, .postTitle, .authorName, .communityName, .order_button, .section, .list_box{background-color:transparent;}
 #side h1 a, .header a{color:#757474;}
 .countSecond .postContent, .countSecond .postLinksBackg, .countSecond .postTitle, .countSecond .authorName, .countSecond .communityName, .singlePost.countSecond .header, .linkssection.countSecond .header{background-color:transparent;}
 .postDate, .countSecond .postDate{color:#fff; font-size:100%; font-weight: bold; font-style: normal; background-color:transparent; padding-top: 30px !important;}
 .top .bordered{background-color:transparent;}
 .top .menuSection ul, .top #thisDiaryPhoto, .top #sign{background-color:transparent; border-color:#757474; }
 .top .menuSection_title{color: #a0a0a0;}
 .cbegun {color:#757474;}
 #GroupOp {background-color:transparent; color:#fff;}
 .block_design .singlePost, .block_design .menuSection, .block_design .singleComment, .block_design .section, .block_design #epigraph, .block_design .pageBar, .block_design .group_link, .block_design .list_box{border-color: #757474;}
 .block_design .countSecond .postContent, .block_design .countSecond .header, .block_design .countSecond .postLinksBackg, .block_design .countSecond .authorName, .block_design .countSecond .communityName{background-color:transparent;}
 .block_design .header,.block_design h1, .block_design #topNav, .block_design .postTitle, .block_design .singlePost .header.postDate, .block_design .linkssection .header, .block_design .postDate{background-color:transparent;}
 .block_design #side h1 a{color: #a0a0a0;}
 .calnd th { background-color:transparent; color:#757474; font-weight: bold; font-style: normal; }
 .calnd tr.cal-head{border-bottom-color: #757474;}
 .calnd td.cal-mnth { font-weight: bold; font-style: normal; color:#757474; }
 .advertising { background-color:transparent; }
 .sign{color:#757474;}
 .in-list .postTitle{color: #757474;}
 #content {background-color:transparent;}
 .pollLine { background-color:#757474; }
 .TagL {color:#111111;}
 #my_tags{border-color:#111111; background-color:transparent;}
 #info_wind .flwin {color: #111111; border-color: #757474;}
 #vkl li a{color: #000;}
 #vkl .z_top{background-color: transparent;}
 #vkl .current a, #vkl .current .z_n{background-color:transparent;}
 #vkl li a, #vkl .z_n{background-color:transparent;}
 #vkl .z_v{background-color: #757474;}
 #vkl .z_n, #vkl li a{border-color: #757474;}
 .mceToolbarTop{background:transparent!important;}
 .mce{border: 1px solid #757474 !important; position: relative;}
 .mceToolbarTop{border-bottom:1px solid #757474!important;}
 .htmlbox{border-color: #757474; border-color: #757474;}
 #jsbut {background-color:transparent!important; border-bottom-color:#757474 !important;}
 #codebuttons a img, a.mceButtonNormal img, a.mceButtonSelected img, a.mceButtonDisabled img{ border-color: #757474 !important;}
 *html a.mceButtonNormal, *html a.mceButtonSelected, *html a.mceButtonDisabled{ border-color: #757474 !important;}
 span.mceMenuButton img, span.mceMenuButtonSelected img{border-color: #757474;}
 span.mceMenuButton img.mceMenuButton, span.mceMenuButtonSelected img.mceMenuButton, span.mceMenuButton:hover img.mceMenuButton, span.mceMenuButtonSelected:hover img.mceMenuButton{border-left:none !important;}
 #shsmile{background-color:transparent; border-color:#757474;}
 .SmilePanelElement small { background: transparent; border-color:#757474; color:#757474;}
 .htmlbox textarea, input.text, #trspisok textarea, #close_text{background-color: transparent; font-family:Tahoma; [$journal_fon#]; color:#757474;}
 input.text, select, #trspisok textarea, #de#ion, #close_text, #side #search_selectbtid{border-color: #772b0a;}
 input.submit, .submit{border-color: #757474; border-color: #757474;}
 #suggestform{border-color: #757474;}
 #wrapper{ padding-left:100px; padding-top: 0px important!; position: relative; margin:0 !important; padding-bottom: 0 !important; height: 100%;}
 #topNav, #thisDiaryPhoto{}
 #page-t{ background-color: #fff;}
 #side{padding-top: 200px; width: 160px; background-color: #fff;}
 #side .bordered{ }
 #thisDiaryInfo{ position: absolute; top: 20px; left: 115px; font-size: 200%; font-weight: bold; }
 #side #thisDiaryInfo a{ color: #111111; }
 #side h1{ position: absolute; width: 49px; height: 200px; top: 20px; left: 100px; background: # no-repeat center; }
 #side h1 a{ display:block; width: 49px; height: 200px; }
 #side h1 a span{ display: none; }
 .singlePost, .singleComment{ }
 .urlLink{ font-weight: bold; }
 .postLinksBackg{ font-size: 90%; text-transform: lowercase; font-weight: normal; font-style:normal; padding-bottom: 30px !important;}
 #epigraph .postLinksBackg, .prevnext{ background-image: none; }
 .left #page-t{ margin-left: 180px; margin-right: 5px; border-left-style: solid; border-color: #a0a0a0; height: 100%;}
 .postTitle{ text-align: left; }
 .postDate, .countSecond .postDate{ font-size: 100%; color: #111111; text-transform: lowercase; }
 .offtop {font-family: "Tahoma"; font-style: normal; font-weight: normal;font-size: 90%; font-color:#a0a0a0;}
 #postsArea a:link,#postsArea a:visited{color:#111111}
 #postsArea a:hover, #postsArea a:active{color:#a0a0a0}
 #commentsArea a:link,#commentsArea a:visited{color:#111111}
 #commentsArea a:hover, #commentsArea a:active{color:#a0a0a0}
 #side{font-family: "Tahoma"; font-style: normal;font-weight: normal;font-size: 100%; font-color: #111111;}
 #side a:link,#side a:visited{font-family: "Tahoma"; font-style: normal;font-weight: normal;font-size: 95%; color:#111111;}
 #side a:hover, #side a:active{font-family: "Tahoma"; font-style: normal;font-weight: normal;font-size: 95%; color:#a0a0a0;}
 #commentsArea_title, #addCommentArea_title{ clear:both; font-size: 100%; color: #828387; text-transform: lowercase; }
 #login_form input.submit{ width: 40px; }
 #usrlog, #usrpass{ width: 50px; }
 #side input.text{ color: #111111; }

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

URL

среда, 02 июня 2010

21:37

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

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

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

 #thisDiaryPhoto {display:block !important; border:1px solid #ffffff !important; }
 #thisDiaryPhoto img { width:120px !important; height:120px !important;  }
 #thisDiaryPhoto a:hover { border-bottom:none !important; }

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

запись создана: 01.06.2010 в 00:28

@темы: меню

URL

12:14

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

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

Как сделать фон записи, заключённого в тег CODE другим цветом?
по умолчанию он прозрачный.
Если это не цсс - извиняюсь.

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

URL

понедельник, 31 мая 2010

19:02

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

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

Почти все доделала. Осталась пара мелочей))))

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

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

URL

15:45

Оформление страницы комментариев + воспрос про меню

все записи пользователя в сообществе BON-BONE

Ты отвратительна, моя красавица!

Здравствуйте! Я решил освежить дизайн, и мне это практически удалось благодаря замечательным статьям, на которые ведут ссылки в эпиграфе. Но тем не менее осталось 2 нерешенных вопроса:

1. Возможно ли контролировать отображение поста на странице комментариев? Я хочу, чтобы мой аватар не отображался рядом содержимым записи. Как это сделать?

2. Возможно ли растянуть блок меню до конца страницы ~~и наполнить его своей информацией (текстами, графикой)?~~ Я видел, что так делили, но не понял как.

Заранее спасибо!

запись создана: 30.05.2010 в 22:58

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

URL

14:59

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

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

Суть - ставлю фоновую картинку. Фиксирую, чтобы не прокручивалась.

1. Вопрос - как ее отпозиционировать - чтобы она была по центру от центральной точки монитора? То бишь - если размер монитора разный - то картинка все равнов всегда по центру.

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

3. И последний, самый важный для меня вопрос. На картинке я в ФШ приблизительно начиркала, как вижу диз.
Как сделать чтобы фоновая картинка была на месте, фон записей двигался вверх вниз - а ПОВЕРХ него в правом верхнем углу была часть фона? листва от дерева.
Вроде через див можно сделать?

Заранее огромнейшая благодарность^^

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

URL


Запомнить