Возник вот такой небольшой вопрос...У меня дневник с кодом
Tex http://mark1992.diary.ru/но я вот хочу вместо того поля
темно-зеленого на котором
ник и
название дневника поставить картинку шириной так пикселей в 100-150.Чтоб ник и имя дневника на фоне этой картинки были. Это можно сделать?
Вот мой код.
читать дальше* html body{behavior:url("/files/csshover.htc");}
* html #wrapper{overflow:visible;}
body{ background-attachment:fixed !important; }
body { background: url('/userdir/6/7/3/8/673897/28693145.jpg'
right bottom no-repeat; }
body.left{padding-left:10px !important;}
.postDate, .postTitle {font-family: "Trebuchet MS",Arial,sans-serif!important; font-size:200%!important; font-weight:700!important;}
A {color:#223919!important;}
#wrapper{ background:#add49d; padding:0 !important; width:780px; min-width:780px!important; margin:0 auto !important;overflow:hidden !important;}
#side {margin:0 !important; padding:0 !important;}
#side .bordered {width:780px; background:#1c400f; margin: 0 !important; padding: 0!important; position:absolute; top:10px;}
#side li {float:left; display:block; padding-right:10px!important;}
#side A, #side {color:#ffffff!important;}
#page-c {padding-top:130px; height:auto; margin:0!important}
#page-t {margin:0!important}
.singlePost {height: auto !important; height: 1em; border: 0 !important;}
#thisDiaryLinks, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:146px; padding:10px 5px!important; margin:0!important;}
#thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul { display:none; width:760px; padding:5px 10px; position:absolute;left:0; top:75px;}
#lastComments ul li {float:left; width:350px!important; margin-right:20px; height:40px; border-bottom: 1px dashed #ddd;}
#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!important;}
#myDiaryLinks ul, #myDiaryLinks ul {display:block;}
#thisDiaryLinks, #thisDiaryLinks ul {background:#add49d;}
#globalLinks, #globalLinks ul {background:#add49d;}
#thisDiaryOwner, #thisDiaryOwner ul {background:#89D51C;}
#myDiaryLinks, #myDiaryLinks ul {background:#e33827;}
#lastComments, #lastComments ul {background:#659f4e;}
#pchs, #pchs ul {background:#005286;}
#thisDiaryPhoto, #YaSearch, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #more_login {display:none !important;}
#thisDiaryInfo, H1 { font-size:140%!important; background:#1c400f!important;margin:10px 0 0 0!important; height:45px!important;}
#thisDiaryInfo {width:250px;text-align:right; padding: 10px 10px 0 0!important; }
H1 {width:510px;text-align:left!important; padding:10px 0 0 10px!important;}
.search {width:160px !important;}
.sign {font:80% normal; color:#223919;}
.header {color:#2d4922!important;}
#TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-50px;}
#TagsList LI {border-bottom: 1px dashed #223919; display:block; height:20px; float:left; width:130px!important; margin-right:10px!important;}
#TagsList LI A {padding:0 !important; }
.paragraph div:first-letter { font-size: 30px; border: 3px solid #223919 padding: 2px 5px 2px 5px !important; margin-right: 8px !important; background: #add49d}
.bordered { BACKGROUND: #223919; border: 7px double #add49d; text-align: justify; margin: 3px; padding: 3px; }
.paragraph div:first-letter { font-size: 30px; float: left !important; float: none; font-family:Tahoma, Arial; border: 3px solid #223919 !important; border:none; padding: 2px 5px 2px 5px !important; padding: 0px; margin-right: 3px !important; color: #223919; line-height:100% !important; line-height:140%; background: #659f4e !important;background:none; }
#pchs {FONT-SIZE: 13px; font-family: Tahoma, Arial; font-weight: bold; color: #bd9049; text-align:center; text-decoration: none}
# type="text/css"# A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {font-size: 24; font-weight: bold; color: red;}
@темы:
дневники,
фоновые картинки,
Дизайн
-
-
21.03.2008 в 00:48Я сделал слегка не так.
Дело в том, что меню по умолчанию располагается в элементе #side и по каким-то непонятным мне причинам имеет тот же бэкграунд, что и .SinglePost
Попобуй установить экстратоп с фоном - нужной тебе картинкой
сделай его фиксированной ширины, которая будет равняться ширине самого меню.
Высоту сделай равной высоте тому куску, в котором находятся H1 и #thisDiaryInfo
В общем, так, чтобы картинка полностью перекрывала сейчас твой зеленый фон на этих ссылках.
После этого в коде меню изменяешь в следующей строчке:
#side .bordered {width:780px; background:# !important; margin: 0 !important; padding: 0!important; position:absolute; top:10px;}
А в ОБЫЧНЫХ Настройках (Оформление дневника) БЕЗ CSS в графе "Фон - Запись" оставь # - будет прозрачный фон у поля записи
Теперь у тебя у самого меню - прозрачный фон. Из-за этого видна бэк-картинка экстратопа, которую ты поставил.
Получилось?
Но теперь есть косяк - все записи и комменты тоже прозрачные и виден фон дневника.
Чтобы этого избежать, изменяешь следующую строку:
#page-t {margin:0!important; background: нужный_тебе_цвет_или_фон_записей !important;}
Вот теперь все должно быть нормально.
К сожалению, другими. более простыми способами, которых я перепробовал кучу, ничего не получалось...
Сейчас, видимо, вообще откажусь от TEXUS и буду писать что-то полностью свое.
-
-
21.03.2008 в 01:52Спасибо за такое подробное обьяснение.
Завтра буду
мучиться.пробовать это все настраивать.....