.postLinksBackg

[кин.]

добрый день,подскажите как сделать тень у блоков-комментарии,подписаться в цитаник.?


уже имеющееся описание.

 .postLinksBackg a { background: #e38b77 !important; font: 11px Georgia !important; color: #252525 !important; padding: 3px 5px 3px 5px !important; width: 180px !important; display: inline;}

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

---

дополнительный блок и враппер

[Лунный дождь]

здравствуйте. у меня проблема. в дизайне задний фон замощен бесшовником, слева лепится полупрозрачный враппер, а справа в качестве #add_block1 выставлена картинка. но она перекрывает все, враппер в том числе. подскажите, пожалуйста, как сделать, чтобы враппер наоборот перекрывал этот блок?
+ хотя сам блок зафиксирован с помощью position:fixed; bottom:0px; right:0px; но отображается он только в окне редактирования дизайна и Сафари оО. какой код должен быть точно прописан для него? по соо честно искала и честно не нашла

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

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

---

Картинка в экстработтоме

[[Грим]]

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

Собственно, возник вот какой вопрос. Есть картинка шириной 1034 и высотой 500 пикселей, которая вставляется в экстработтом. На данный момент это выглядит так:



Как видно, отображается только нижняя часть картинки, высотой в 200 пикселей, как и задумано. А дальше проблема - мне надо, чтобы верхняя часть картинки тоже показывались, но только в #side (оболочке меню), а оболочки постов и т.п. - были поверх. Примерно это должно выглядеть вот так (криво состыковано в пейнтнете):



Собственно, прошу помощи - как и что надо прописать в css? Параллельно сам экспериментирую, но пока безуспешно. Заранее спасибо!

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

---

отступ перед экстработтомом в новой записи

[Сэниа]

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

Прошу совета умных людей, ибо себя к ним причислять с этого момента уже не могу) Даже если делать скидку на то, что торможу всегда ночью нещадно))
У меня как-то неожиданно возникли проблемы с экстработтомом. Он принципиально "отступает" от записей. И если в дневнике/ленте избранного отступ проявляется только в эксплорере, и пикселей на 5, то в форме добавления нового поста оно выглядит просто адски: ссылк. во всех браузерах.
Firebug говорит, что там только wrapper, а page-t/page-c кончаются гораааздо раньше.
Где я туплю, подскажите?

 {-----топ-----}
 body {padding: 0 !important; background-image:url('/userdir/5/4/4/1/5441/65549039.jpg') !important;background-color: #DED3C6;}
 #wrapper{min-width:950px!important; width:950px!important; margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop { background: url('/userdir/5/4/4/1/5441/65586770.jpg') no-repeat !important; width:950px !important; height:580px; margin-top:0px !important;}
 {-----тело-----}
 #page-t{background:#ffffff; background: url('/userdir/5/4/4/1/5441/65549936.jpg') !important; margin-left: 97px !important; margin-top: -170px !important; width:594px !important; padding-bottom:0px; margin-bottom: 0px !important; }
 #page-c div.bordered {margin-bottom:0 !important}
 #postsArea { padding:12px !important; width:565px ;}
 {-----менюшка-----}
 .menuSection {background: url('/userdir/5/4/4/1/5441/65552609.jpg') !important; min-height: 33px; border-top: solid 2px #ffffff !important; border-bottom: solid 2px white !important; width: 185px !important;}
 #side { position:relative; top: -442px; left: -44px; min-width: 185px; }
 #side h1 a {position:relative; left: -457px; top: 190px; font-size:20px; white-space:nowrap;}
 #thisDiaryInfo {position:relative; left: -647px; top: 107px; white-space:nowrap;background:none !important; font-size:10px; border-top: none !important; border-bottom: none !important;}
 #authorName {position:relative; top: -8px; }
 #thisDiaryPhoto img { height: 100px; width:100px; }
 #Stats {margin-right: 50px !important;margin-top: 7px !important; }
 {-----ссылки-----}
 a:link {text-decoration: none !important;}
 a:active {text-decoration:none !important; }
 A:hover {text-decoration: underline overline; color: #7C6E81 !important;}
 a:visited {text-decoration: none; }
 {-----нефиг-ползти-вширь-----}
 .singleComment { width:565px !important;}
 .singlePost{ width:565px !important;}
 #epigraph .singlePost, #post0 {background:none !important;}
 .postLinks {margin-right: 50px !important; }
 {-----нижняя-навигация-----}
 #pageBar {padding:6px 5px 0 5px; font: bold 12px "Trebuchet MS", Verdana, Helvetica, sans-serif; margin-bottom: 1px;}
 #pageBar a {display:block; padding:3px 6px 3px 6px; float:left; border: solid 1px #d5d3cc; color:#3A5151; margin-right:3px;}
 #pageBar strong {display:block; padding:3px; float:left; padding:3px 6px 3px 6px; border: solid 1px #d5d3cc; margin-right:3px;}
 #pageBar a:hover {background:#fff; color:#000;}
 #pageBar .pages_str a { border: none; }
 {-----боттом-----}
 #extrabottom { background: url('/userdir/5/4/4/1/5441/65625824.jpg') no-repeat !important; width:950px !important; height:134px; margin-top:0px !important;}
 

Заранее спасибо ^^``

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

---

Меню

[бескрайняя]

Здравствуйте. У меня такая вот проблема.

1. - решено

В Мазиле блок меню расположен нормально

А в опере, во-первых, с другой стороны, а во-вторых наползает на блок записей.


Что может быть не так и как это исправить?

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

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

---

обводка эпиграфа

[storm weather]

Сделала подчёркивание записей через код:
.singlePost { border: 1px solid #d5d3d1 !important;}
в итоге у меня получился обведённый эпиграф

Как сделать так, что бы эпиграф не подчёркивался или хотя бы одной линией, а записи были выделены?

@темы: эпиграф

---

Отступ в комментариях

[NagiNaoe]

У меня такая проблема - большой отступ текста в комментариях от аватар, не могу понять, от чего такое( CSS код делал очень давно, так что и разобраться самому надежды нет(( Надеюсь, на вашу помощь... укажите ошибку))
Вот код:
#side{font-size: 13pt; }
.offtop {font-size: 13pt; font-family:"Monotype Corsiva";}
.paragraph div:first-letter { font-size: 22px; font-family:"Monotype Corsiva"; margin-right: 3px; color: #ac0104; line-height:100% !important; line-height:140%; }
.countFirstDate { text-align: center;}
.countSecondDate {text-align:center;}
.left #wrapper{width:830px;margin: 0 0 0 -420px !important;padding:0 !important;position:relative;left:49%;}
.left #side{width:185px !important;margin:0 !important;}
.left #page-t{width:645px !important;padding:0 !important;}
.left #page-t{ margin-left: 210px !important }
.singleComment .postContent { padding-left:140px; }
.singleComment .postInner { margin-left:-150px; padding-left:150px; }
.singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }
.commentAuthor .avatar { margin:0px 0 0px; width:auto; max-width: 140px; }
.avatar, .avatarNew{ float:left; background: # no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
.avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
a:hover{cursor: crosshair;}
body {background: # 0 0 fixed no-repeat; }
#side .bordered a, #side .bordered input, textarea { position:relative; z-index: 2; }
#side .bordered { background: none; background: # repeat bottom right !important; background-image: none; filter: progidXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/6/9/7/0/69705/27062933.png', sizingMethod='scale'); zoom: 1; }
#page-t .bordered a, #page-t .bordered input, textarea { position:relative; z-index: 2; }
textarea { position:relative; z-index: 2; }
#page-t .bordered { background: none; background: repeat bottom right !important; background-image: none; filter: progidXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/6/9/7/0/69705/27062933.png', sizingMethod='scale'); zoom: 1; }
A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 2px; border-bottom-color: #ac0104;}
#postsCalendar{display:none}
#albumLink{display:none}
#myFavLink{display:none}
#photolibLink{display:none}
#communityCatalogueLink{display:none}
#diarySpiritLink{display:none}
#diarySupportLink{display:none}
#paySupportLink{display:none}
body {background: # no-repeat; !important;}
body {background-image: url('/userdir/2/2/4/8/2248135/65539373.jpg'); background-attachment: fixed; }
#side a:link,#side a:visited{color:grey}
#side a:hover,#side a:active{color: #ac0104 }

Как это выглядит в комментариях - можете глянуть у меня. Дневник открыт.

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

---

[Eiji-kun.]

Здравствуйте, прошу о помощи.

Я что-то опять нахимичил с кодом.

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

2. как убрать этот голубой фон? или проще изменить размер дневника? и как тогда это сделать?

 

Код:

</p><p>#extratop {background: url('/userdir/1/5/6/0/1560499/65457737.gif') 0 0 no-repeat; width: 850px; height:400px; }<br /> #wrapper{width:80px;min-width:70; background: #99CCFF; position:relative; top: -8px;}<br /> #side{width:150px;text-align:center;}<br /> .left #page-c {margin-left:-160px;}<br /> .left #page-t {margin-left:160px;}<br /> div.menuSection, div.pageBar, .calnd { background: #d8eafd; border-style:solid; border-color:#000000 !important; border-width:1px; padding:50px;}<br /> .postDate { text-align: center; }<br /> .menuSection {text-align:center; }<br /> #postsCalendar{display:none}<br /> #albumLink{display:none}<br /> # rssLink{display:none}<br /> # myDiaryLink{display:none}<br /> #discussionLink{display:none}<br /> # myProfileLink{display:none}<br /> # optionsLink{display:none}<br /> # myStatLink{display:none}<br /> #photolibLink{display:none}<br /> # allDiaryLink{display:none}<br /> # allDiaryLink{display:none}<br /> #favListLink{display:none}<br /> #pchListLink{display:none}<br /> #communityCatalogueLink{display:none}<br /> # myCommunitiesLink{display:none}<br /> #randomDiaryLink{display:none}<br /> # diarySpiritLink{display:none}<br /> #diarySupportLink{display:none}<br /> #YaSearch {display:none;}<br /> #wrapper{min-width: 735px !important; width: 735px !important; max-width: 735px !important;}<br /> #page-c{background: url("/userdir/1/5/6/0/1560499/65459726.png");}<br /> #extrabottom {background: url("/userdir/1/5/6/0/1560499/65461133.gif"); height: 400px;}

 

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

---

[Идунн]

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

код

#extratop{height:350px;background:url('/userdir/3/4/2/2/342277/65443850.jpg') 50% 0 no-repeat;}
#side #globalLinks{background: none;border:none; max-height: 20px; height: 20px !important;heigth:auto; overflow: hidden;position:relative;display:block;z-index:1;}
#side #globalLinks:hover {max-height: 1000px;height: 400px;overflow: visible;position: relative;z-index:3; background: none; border: none;}
#globalLinks ul {background: #f3ff88; border: 0px dotted #000000;}
#globalLinks ul ul{background: none; border: none;}
#side div{margin:0px;padding:3px;}
#globalLinks {position:absolute; top: -9030px; !important; left:1100%; width: 150px; !important;}
#side #myDiaryLinks {background: none;border:none; max-height: 20px; height: 20px !important;heigth:auto; overflow: hidden;position:relative;display:block;z-index:1;}
#side #myDiaryLinks:hover {max-height: 1000px;height: 300px;overflow: visible;position: relative;z-index:3; background: none; border: none;}
#myDiaryLinks ul {background: #f3ff88; border: 0px dotted #000000;}
#myDiaryLinks ul ul{background: none; border: none;}
#myDiaryLinks{position:absolute;top:-9005px;left:750%; margin-left: -3px ;width: 140px;}

@темы: меню

---

Уехал URL

[Тупак Юпанки]

Проблема решена, спасибо Aloria.

День добрый!

Почти доделала себе дизайн, но никак не могу поставить URL под строку "темы", он уехал у меня влево.
http://static.diary.ru/userdir/6/7/4/7/674772/65446865.jpg

Вот мой кривой код:

body {background: #051103; padding: 0px !important; }
 #wrapper{min-width: 965px !important; width: 973px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; }
 #extratop {background: url('/userdir/6/7/4/7/674772/65298665.jpg') no-repeat; width: 975px; height:686px;}
 #page-c {width: 981px !important; background:url('/userdir/6/7/4/7/674772/65065196.jpg') repeat-y; margin-top: -2x !important;}
 #postsArea, #commentsArea, #addCommentArea { width: 875px !important; margin-left: -190px; font-size: 14px !important; font-family: MS Sans Serif;}
 .postLinksBackg {background: url('/userdir/6/7/4/7/674772/65065202.jpg') no-repeat top; height:249px; width:981px; position:relative; right:43px; z-index:1; ; margin-bottom:-10px;}
 .postDate {color : #FFFFFF !important; font-family: Verdana; font-size: 14px !important; text-align: left; }
 .postTitle {margin-top: -10px !important; color : #FFFFFF !important; font-size : 15px !important; font-family: Verdana;}
 .postLinks {color: #FFFFFF !important; font-family: Verdana; font-size: 11px !important; position:relative; right:43px; margin-bottom:-10px; }
 .postLinksBackg {margin-top: -10px !important; }
 .sign {margin-left: 20px !important; margin-top: 20px !important; }
 span.quote_text {border-top: 1px dotted #A4606E; border-bottom: 1px dotted #A4606E; display: inline-block; font-style: Verdana; margin-top: 5px; padding: 5px; margin-bottom: 5px; color: #724063;}
 .atMusic, .atMood, .atTag {margin-top: -15px !important;}
 #side {position: relative !important; background: # no-repeat; width: 220px; height:531px; top: -640px; left:65px; text-align: center; }
 .menuSection li { font-size: 12px !important;; margin: 3px 0 0 0px !important; text-shadow: 3px 3px 3px #CBB8CE; }
 .menuSection a:hover, .menuSection a:active, #authorName:hover {color: #9884A8!important; text-decoration: none; }
 #thisDiaryPhoto, #photolibLink, #lastComments, #upInChart, #albumLink, #diarySpiritLink, #albumLink, #faqLink, #communityCatalogueLink, #Stats {display: none !important;}
 #topNav {display:none !important;}
 #extrabottom {background: url('/userdir/6/7/4/7/674772/65065208.jpg') no-repeat; width: 975px; height:155px; position:relative; right:4px; }

Подскажите, пожалуйста, что я не так прописала.

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

---

[felandaris]

UPD: Возник еще один вопрос.
Требуется: поставить разделитель-картинку между постами, вот туда, где темно-серое: тык. Так как и для враппера, и для сингл.поста у меня уже заданы цвета/фоны, то обычными средствами впихнуть разделитель не получается. Если вписывать его после ссылок, то продолжается вся запись, и смотрится это отвратительно. Есть выход?


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

1. Каким образом можно изменить цвет надписи "Комментарии" в, собственно, комментариях?) Нашла.)
2. Можно ли изменить цвет подложки под любимыми смайлами? Что только из селекторов не пихала - не хотят. Решено. Спасибо  Aloria

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

---

[manhattan.]

Разваливается дизайн

Сегодня где-то с середины дня у платников с верхним меню page-c выпал из wrapper, у всех остальных выпали нижняя навигация и extrabottom.

Обсуждение здесь и в Техподдержке.
Разработчики уже в курсе, нужно подождать, должны скоро поправить.

временное решение:

#page-c, #bottomNav {width:780px !important;min-width:0 !important;margin:0 auto !important;}

этот код сожмет основную колонку до нужной вам ширины (замените 780 на свою) и поставит её по-центру.

-----

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

---

Проблемы с прозрачностью.

[Akai Kaji]

Долго искала похожий пост, может, и пропустила.
В общем, проблема такая. Недавно вернулась на дайри, на радостях решила попробовать CSS. Я ламер, разобралась только на нужном мне уровне, сделала несложный дизайн с прозрачностью. Сегодня запостила картинку с DeviantArt с помощью кода по умолчанию (это вроде бы флэш, если я не путаю) - а ее почти не видно. Дизайн устраивает меня полностью, в том числе то, что все картинки становятся полупрозрачными, так что заменять фон записи не хочу.
Вот здесь пример.
Можно ли как-то выкрутиться или просто терпеть проблемы с флэшками?

Поправка: в Мозилле и ИЕ всё стало нормально, но в Опере (10.51) выглядит вот так.


Upd. Ответ получен.

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

---

[Sinnet]

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

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

---

[Чувство Алмаза]

Я сделала сама дизайн, но возникло 2 проблемы:

1. Периодически изчезает фоновая картинка вопрос решен

2. Результаты тестов изображаются некорректно и на них не перейти вопрос решен

Весь код:

body {background: url('/userdir/2/0/0/6/2006185/65194571.jpg'0 0 fixed repeat; padding: 0px !important;}

#myLinks closed li:nth-child(2) a { font-weight: normal !important;}

#extratop{background:url('/userdir/2/0/0/6/2006185/64831394.jpg' no-repeat; width:100%; height:380px;}

#side {margin-top:-1px !important; }

#authorName {position:absolute !important; top: 390px !important; left:30px !important; text-transform: none !important; color: #F6E91A!important; }

#topNavLinks {display:none}

#myDiaryLink a{color: #3D0D69;!important; font-size:24px !important;}

div#globalLinks,div#myDiaryLinks, div.pageBar, .calnd {background: #B160FD; border-width:1px; border-color:#F8C0FD; border-style:solid; padding:7px;}

#globalLinks a{color: #e7175a;!important; font-size:18px !important;}

div.menuSection, div.pageBar, .calnd { background: #C323CD; border-width:1px; border-color:#A3FBE7; border-style:solid; padding:7px;}

div#thisDiaryInfo,div#lastComments{ border: 0px;}

#mainpageLink a{color: #0E1973; !important; font-size:22px !important;}

#side a:hover {color: #F81403; text-decoration: none;}

#favListLink #writeToAuthor a{color: #e7175a;!important; font-size:18px !important;}

#postsCalendar a{color: #051B89;!important; font-size:18px !important;}

#tagslistlink a{color: #051B89;!important; font-size:18px !important;}

#rssLink a{color: #051B89;!important; font-size:18px !important;}

#upInChart a{color: #051B89;!important; font-size:18px !important;}

#writeThisDiary a{color: #0B7C6D;!important; font-size:22px !important;}

#myDraftLink a{color: #072406;!important; font-size:18px !important;}

#umailLink a{color: #072406;!important; font-size:18px !important;}

#myFavLink a{color: #D63D14;!important; font-size:20px !important;}

#myQuotLink a{color: #D63D14;!important; font-size:20px !important;}

#discussionLink a{color: #072406;!important; font-size:18px !important;}

#photolibLink a{color: #072406;!important; font-size:18px !important;}

#optionsLink a{color: #0A5E04;!important; font-size:20px !important;}

#myProfileLink a{color: #76074E;!important; font-size:18px !important;}

#albumLink a{color: #76074E;!important; font-size:18px !important;}

#favListLink a{color: #0F1806; !important; font-size:20px !important;}

#pchListLink a{color: #41071D; !important; font-size:18px !important;}

#communityCatalogueLink a{color: #41071D; !important; font-size:18px !important;}

#myCommunitiesLink a{color: #7D0633; !important; font-size:20px !important;}

#randomDiaryLink a{color: #472B0A; !important; font-size:18px !important;}

#diarySpiritLink a{color: #472B0A; !important; font-size:18px !important;}

#diarySupportLink a{color: #085116; !important; font-size:20px !important;}

#faqLink a{color: #085116; !important; font-size:20px !important;}

#iAmQuit a{color: #085116; !important; font-size:20px !important;}

#allDiaryLink a{color: #085116; !important; font-size:20px !important;}

#myLinks closed li:nth-child(2) a { font-weight: normal !important;}

#extratop{background:url('/userdir/2/0/0/6/2006185/64831394.jpg' no-repeat; width:100%; height:380px;}

#side {margin-top:-0px !important;}

#authorName {color: #FCFF00;!important; font-size:30px !important;}

#side h1 a {color: #f95805;!important; font-size:24px !important;}

#topNavLinks {display:none}

#myDiaryLink a{color: #3D0D69;!important; font-size:24px !important;}

div#globalLinks,div#myDiaryLinks, div.pageBar, .calnd { background: #B160FD; border-width:1px; border-color:#F8C0FD; border-style:solid; padding:7px;}

#globalLinks a{color: #e7175a;!important; font-size:18px !important;}

div.menuSection, div.pageBar, .calnd { background: #C323CD; border-width:1px; border-color:#A3FBE7; border-style:solid; padding:7px;}

div#thisDiaryInfo,div#lastComments{ border: 0px;}

#mainpageLink a{color: #0E1973; !important; font-size:22px !important;}

#side a:hover {color: #F81403; text-decoration: none;}

#favListLink #writeToAuthor a{color: #e7175a;!important; font-size:18px !important;}

#postsCalendar a{color: #051B89;!important; font-size:18px !important;}

#tagslistlink a{color: #051B89;!important; font-size:18px !important;}

#rssLink a{color: #051B89;!important; font-size:18px !important;}

#upInChart a{color: #051B89;!important; font-size:18px !important;}

#writeThisDiary a{color: #0B7C6D;!important; font-size:22px !important;}

#myDraftLink a{color: #072406;!important; font-size:18px !important;}

#umailLink a{color: #072406;!important; font-size:18px !important;}

#myFavLink a{color: #D63D14;!important; font-size:20px !important;}

#myQuotLink a{color: #D63D14;!important; font-size:20px !important;}

#discussionLink a{color: #072406;!important; font-size:18px !important;}

#photolibLink a{color: #072406;!important; font-size:18px !important;}

#optionsLink a{color: #0A5E04;!important; font-size:20px !important;}

#myProfileLink a{color: #76074E;!important; font-size:18px !important;}

#albumLink a{color: #76074E;!important; font-size:18px !important;}

#favListLink a{color: #0F1806; !important; font-size:20px !important;}

#pchListLink a{color: #41071D; !important; font-size:18px !important;}

#communityCatalogueLink a{color: #41071D; !important; font-size:18px !important;}

#myCommunitiesLink a{color: #7D0633; !important; font-size:20px !important;}

#randomDiaryLink a{color: #472B0A; !important; font-size:18px !important;}

#diarySpiritLink a{color: #472B0A; !important; font-size:18px !important;}

#diarySupportLink a{color: #085116; !important; font-size:20px !important;}

#faqLink a{color: #085116; !important; font-size:20px !important;}

#iAmQuit a{color: #085116; !important; font-size:20px !important;}

#allDiaryLink a{color: #085116; !important; font-size:20px !important;}

.postInner {background: #550A62;border: 1px solid #550A62;}

.singlePost {border-style:lined; border-width:0 0 0px;}

.singlePost {padding-bottom: 120px !important; background: url('/userdir/2/0/0/6/2006185/65156273.gif' center bottom no-repeat;}

.avatar img {border-style:solid; border-color:#000000; border-width: 3px !important; margin-top:6px !important; margin-left:auto; margin-right:auto;}

#side {margin-top:30px !important; }

#side h1 a {color: #C59FFA;!important; font-size:24px !important;}

.atMusic em { font-size: 0 px; background: url('/userdir/2/0/0/6/2006185/65276528.gif' no-repeat 0; padding-left: 70px !important; }

.atMusic em SPAN { position: absolute; left:-1000px;}

.postLinks {display:block; width:92%; text-align:center; margin-right:4%}

2. Скрин результатов тестов

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

---

[taya ww]

здравствуйте еще раз. решила сделать шапку с длинной горизонтальной картинкой но на разных компьютерах с разным расширением становится видно что делаю ересь.
если на моем компьютере все выглядит нормально то на компьютере с разрешением меньше моего, картинка сбоку съедается (без горизонтальной полосы прокрутки, просто тупо обрывает изображение). а если картинку уменьшаю то на моем компьютере картинка+какой то серый кусок справа, а на втором компе - все норм. помогите ребята.
основу кода брала старую, может где что путаю? #extratop {background: #ccc url('/userdir/2/7/8/8/278855/64781999.jpg') no-repeat; height:263px; width:100%;}

для наглядности

для наглядности
1)все нормально на моем компе


2)все плохо на моем компе, но нормально на чужом


3)а вот так выглядит на чужом когда нормально на моем (видите? половину алмаза сожрал)

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

---

Поиск сенсея.

[safe and sound]

Здравствуйте.
В css я новичок, но все же какое-то представление имею. Однако, понятия не имею о динамическом дизайне.
Почитать в сети о нем я могу, однако я ищу человека, которому будет не лень поговорить и объяснить мне все лично.
Надеюсь, что найдется хоть один доброволец.
Всем хорошего дня.


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

@темы: diaryCSS, Учеба

---

[Фиру]

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

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

---

Обводка враппера.

[Aira Branford]

В ленте самого дневника хром и мозилла почему-то считают мой враппер высотой в 569 пикселей.
На странице с комментариями мозилла продлевает враппер до поля для ввода текста (смотреть), а хром показывает все те же 569px.
В чем проблема? Может, я с .bordered чего не так сделала? Ткните, если не трудно, в его внятное описание.

 b {font-size:12px; font-family:tahoma;}
 body.top {padding-top: 0px;}
 #myDiaryLink b, #allDiaryLink b { font: normal 14px "trebuchet ms" !important;}
 #extratop {width:940px; height:100px; background:url('/userdir/6/0/0/4/60049/64465586.jpg') no-repeat;}
 #wrapper {width:940px; min-width:940px; background:#ededed; border:4px double #333333;}
 a, a:hover, a:active {text-decoration:none !important;}
 #page-c {width:940px; min-width:940px; height:371px; padding-top: 100px; background:url('/userdir/6/0/0/4/60049/64465247.jpg') no-repeat ; background-position:0% 0%; }
 #page-t {padding-top:271px; }
 #page-t a {color:#636363 !important; border-bottom: #636363 1px dotted;}
 #page-t a:hover, a:active {color:#ff5000 !important; border-bottom: #ff5000 1px dotted;}
 #side h1 {font: italic 30px georgia !important; position:absolute; top:30px; left:50%; margin-left: -430px !important; background:transparent;}
 #side h1 a {color:#ffffff !important; text-shadow: #000000 0px 2px 1px;}
 #side a {color:#636363; text-shadow: #f8f6f6 0px 1px;}
 #side a:hover, a:active {color:#ff5000; border-bottom:none;}
 #side .bordered {background-color:transparent; border:none; margin-top:-37px;}
 #authorName {font: italic 30px georgia !important; position:relative; top:15px; margin-right:60px;}
 a#authorName {color:#ffffff !important; text-shadow: #000000 0px 2px 1px;}
 .authorName {font:12px Tahoma !important; max-width:120px !important; text-align:center !important;}
 {главное меню}
 #globalLinks {height:190px; width:165px; padding:0; position:absolute; top:108px !important; left:50%; margin-left:-430px; text-align:center; font-weight:normal;}
 #globalLinks ul {display:block; width:151px; font:14px "trebuchet ms"; margin:-1px 0 0 0; padding:0; text-transform:lowercase; background:transparent;}
 #globalLinks_title {height:23px;text-shadow: #ffffff 0px 1px;}
 {мой дневник}
 #myDiaryLinks {padding:0 ; position:absolute; left50%; top:108px; margin-left:240px; text-align:center;}
 #myDiaryLinks ul { display:block; width:126px; font:14px "trebuchet ms"; margin:0px; text-transform:lowercase; background:transparent;}
 #myDiaryLinks_title {height: 22px; text-shadow: #ffffff 0px 1px;}
 {записи}
 #thisDiaryOwner {width:145px;padding:0; position:absolute;top:108px;left:50%; margin-left:-40px; text-align:center;}
 #thisDiaryOwner ul {display:block;width:230px; margin-left: -50px !important; font:14px "trebuchet ms"; margin:-7px 0 0 0px ; text-transform:lowercase; background:transparent;}
 #thisDiaryOwner_title {text-shadow: #ffffff 0px 1px;}
 #TagsList {display:block; width:200px; height:480px;text-align:left !important; padding-left:60px; background-color:#ececec;}
 {display none}
 .order_button, #myNotepadLink,#myLinksLink,#myProfileLink,#albumLink,#photolibLink,#communityCatalogueLink,#faqLink,#iAmQuit, #thisDiaryLinks,#YaSearch, .prevnext,#lastComments, #thisDiaryPhoto, .urlLink, #commentsArea_title, #subscribeEmail, #unsubscribeEmail, #postsCalendar, #rssLink, #upInChart, #bottomNav, #pchs{display:none !important;}
 #usrlog, #usrpass, #open_uri, #save, .std_submit,#login_form_title {display:none;}
 #myDiaryLinks_title, #globalLinks_title, #thisDiaryOwner_title {cursor:default; }
 #thisDiaryOwner_title b, #myDiaryLinks_title b, #globalLinks_title b{font: italic normal 22px georgia !important; color:#636363;}
 {границы}
 input.text, select, #trspisok textarea, #de#ion, #close_text, #side #search_selectbtid, .htmlbox { border:1px dashed #ACACAC; }
 {логин}
 #commentsArea {margin-top:0px !important; margin-bottom:0px;}
 #postsArea {padding-bottom:0px !important; margin-bottom:0px;}
 {misc}
 .eot {color:#69b24c;}
 .communityName { border-bottom:none !important; padding-bottom:5px !important;}
 .communityName a, .authorName a{ border-bottom:none !important; }
 .sign {text-align:center;}
 .postActionLinks a {border-bottom:none !important;}
 .postDate, .postTitle {padding-left: 5px !important;}
 .postLinksBackg {text-align:center;}
 .paragraph {padding-left: 10px; padding-right: 10px;}
 .avatar, .avatar img {text-align:center !important;}
 b {font-family: tahoma; font-size:12px;}
 .TagL {font: bold 12px Tahoma;color:#636363;border-bottom:none !important;}
 .atTag span {display:none !important; }
 .atTag:before {content: "жёпки:"; font-size: 14px; color:#219496; }
 .atMusic span {display:none !important; }
 .atMusic:before {content: "музыка:"; font-size: 14px; color:#219496; }
 .atMood span {display:none !important; }
 .atMood:before {content: "настроение:"; font-size: 14px; color:#219496; }
 .atMusic em, .atMood em, .atTag em { font-size: 100%; }
 

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

---

Не могу поставить на место блоки и настроить отступы.

[Espira]

У меня такая проблема. Не могу подвинуть экстратоп к полосе записей так, чтобы весь контейнер был справа, а не разплывался по всему экрану.
Двигала уже всё, что могла, пробовала прописывать флоапы и паддинги, не получается от совсем. Что у меня не так? Как воткнуть на место?
Должно быть вот так:

А выглядит всё так, как сейчас у меня в дневнике. дневник открыт.

Первые несколько строк кода

Код:

body {background:#ffffff url('/userdir/1/1/8/3/1183839/64990355.jpg') repeat-y fixed;}
#wrapper {min-width:100%!important; width:100%px; background: url('/userdir/1/1/8/3/1183839/55614113.png'); background-position:fixed; margin: 0 !important; padding:0 !important; overflow:hidden !important;}
#page-c{width:850px !important; padding:0 !important; margin:0 !important;}
#page-t {margin:0 !important; padding-left:500 !important;}
.singlePost { padding:0 !important; margin:0; width:auto;}
div.bordered {margin-bottom:0 !important;}
#side{width:120px !important; margin:0 !important; padding-left:265px !important;}
#extratop {background: url('/userdir/1/1/8/3/1183839/64990613.png') no-repeat; height: 400px; width: 980px;}

В css понимаю мало, но пытаюсь разобраться. Помогите, пожалуйста.
заранее спасибо.

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