[Sinnet]

Доброго времени суток.
пытаюсь сделать дизаин через css.фоновая картинка большая(как обойка на раб стол).но у меня не получается прописать код,чтоб она стояла чётко по середине и не повторялась.когда прописываю background-repeat: no-repeat 100% 50%; он повторяет её.если убрать проценты,то она будет закреплена наверху,а остальное пространство прозрачное.подскажите пожалуйста как это можно сделать.

@музыка: Hurts

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

---

[~Hecate~]

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

#wrapper{width:890px;min-width:0;}
#side{width:150px;}
.left #page-c {margin-left:-150px;}
.left #page-t {margin-left:150px;}
body{ background-attachment:fixed; }
.left #wrapper{background:#020202;overflow:hidden;}

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

---

[manhattan.]

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

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

---

[Chester]

Доброго времени суток. Возник такой вопрос, как загнать add_block под фоновое изображение?

Допустим, у меня стоит фоновая картинка, позиционированная в правый нижний угол, и при добавлении эддблоком чего угодно, эддблок наложится поверх, верно? Это можно обойти?

Спасибо.

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

---

[nero [DELETED user]]

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

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

---

[Звездочёт.]

Здравствуйте.
Скажите, пожалуйста, можно ли отключить принудительную прозрачность кнопок сортировки .order_button?
Я им говорю, допустим, вот такое:

 #sortFromBegin a {display:block; width:0px; height:0px; padding:15px 11px 0px 0px !important; background: url('/userdir/1/4/2/3/1423890/62009342.jpg') no-repeat; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0}

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

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

---

[Arumi]

Здравствуйте.
Подскажите, пожалуйста, в чем причина:
Проблема 1. У меня стоит полупрозрачный фон в меню. Фон сам сделан в фотошопе, прописан кодом

#side {background: url('/userdir/9/3/0/6/930699/61426847.png') ! important;}

Выглядит вот так

Но так он выглядит исключительно на моем рабочем компьютере все равно в каком браузере. У пч и на моем домашнем компьютере фона нет.


Проблема 2. Почему-то, когда я двигаю название дневника, вместе с ним двигается и само меню.

#side{width:224px;}
 .left #page-c {margin-left:-234px;}
 .left #page-t {margin-left:234px;}
 .right #page-c {margin-right:-234px;}
 .right #page-t {margin-right:234px;}
 #side {margin-top: 95px !important;}
 #side {background: url('/userdir/9/3/0/6/930699/61426847.png') ! important;}
 #side h1 {margin-top: -180px;}
 #side H1 A {font-size: 14pt; font-weight: bold; color: darkgreen !important;}
 #authorName {font-size: 12pt; font-family:"Comic Sans MS"; margin-right: 80px !important; color: black; font-weight: bold; border-color:white; border-style:solid;}
 .authorName {color: darkred !important;}
 #thisDiaryPhoto {margin-top: 30px; width:120px! important;min-width:120px!important;max-width:120px!important; border-color:white; border-style:solid;}

Проблема 3. Хочу поменять цвет имен/ников, которые отображаются в постах у комментариев людей.
Но код не срабатывает (что с импотант, что без)

.authorName {color: darkred !important;}

Буду очень признательна помощи ))

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

---

[Ketko777]

Извините, конечно, но, куда вписывать код, для дизайна? Например такой

body { background: #1e1d2d; }
#add_block1 {background: url('картинка №1') left bottom no-repeat !important ; position: fixed; width: 419px !important; height: 700px; z-index: -1 !important; bottom: 0px; left: 0px !important;}
#page-c { min-width: 60% !important; width: 92%; float: right !important; padding: 0 !important; }
#pchs, #myProfileLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #randomDiaryLink, #sortOrder, #albumLink, #myNotepadLink, #postsCalendar, #authorLiks, #YaSearch, #lastComments, #myDraftLink, #myQuotLink, #upInChart, #allDiaryLink, #faqLink, #myFavLink, #authorFav, #authorQuot, #authorAlbum, #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #addToFav, #Stats, #thisDiaryPhoto, #delFromFav {display: none !important;}
#authorName {font-size: 0px !important;}
#topNav {background: url('картинка №2') repeat-x !important; top: 0px; text-align: center;}
#side { position: fixed;}
#side h1 a { font-family: "Monotype Corsiva" !important; font-size: 23px !important; position: relative; left: 50px !important; color: #307575; text-align: center;}
.postDate {color: #30807e !important; font-family: Georgia !important; font-style: italic !important;}
#commentsArea a, #postsArea a {text-decoration: none; color: #eff45d !important;}
#commentsArea a:hover, #postsArea a:hover {text-decoration: none; color: #a32919 !important;}
.atTag a, .atMood em, .atMusic em, .atTag em {text-decoration: none; font-style: normal; font-size: 9px; color: #ff1e00;}
#discussionLink span.count_box a { background: url('картинка №3') no-repeat; text-indent: -9999px; outline: none; height: 48px; overflow: hidden; position: fixed; left: 70px; bottom : 560px; width: 35px;}
#discussionLink span.count_box { color: #fff !important; }
#discussionLink {font-size: 0px !important;}
#myDiaryLink span.count_box a { background: url('картинка №4') no-repeat; text-indent: -9999px; outline: none; height: 48px; overflow: hidden; position: fixed; left: 230px; bottom : 565px; width: 37px;}
#myDiaryLink {font-size: 0px !important;}
#myDiaryLink span.count_box { color: #fff !important; }
#umailLink span.count_box { color: #fff !important; }
#umailLink {font-size: 0px !important;}
#umailLink span.count_box a { background: url('картинка №5') no-repeat; text-indent: -9999px; outline: none; height: 54px; overflow: hidden; position: fixed; left: 260px; bottom : 480px; width: 53px; }
#mainpageLink, #favListLink, #pchListLink, #iAmQuit { position: relative; left: 180px !important; bottom: 70px;}

Просто не нахожу эту строку(((
И, да, как картинку прописать в левый блок, вместо цвета?

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

---

[Malum Universum]

Здравствуйте, уважаемые)

У меня в дизайне внезапно образовалась проблема: бэкграунд заголовка меню не закрывает обычный заголовок как раньше. Получается вот так:



Код:

 #globalLinks ul, #myDiaryLinks ul, #thisDiaryLinks ul, #thisDiaryOwner ul {display:block !important; visibility:visible !important}
 #thisDiaryOwner{background: url('/userdir/9/7/3/0/973005/59738009.jpg'); background-repeat: no-repeat; background-position: top; padding-left:50px; padding-top: 10px}

#thisDiaryOwner_title тоже не помогает. Не помогает и формат картинки, этот глюк проявляется и с jpg, и с png.

Этим кодом я пользуюсь уже много времени, и он всегда работал. Дело не в размерах, потому что они легко регулируются везде. И я не могу понять причину, почему код вдруг перестал работать. Может, вы поможете разобраться?

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

---

[Laquesis]

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

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

---

[жид-медведь]

upd. Можно ли каким-либо образом отлепить в пейджбаре две верхних ссылки от нижнего ряда цифр?

запись создана: 01.08.2010 в 04:44

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

---

[Joux]

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

А вопроса два:
1)
В коде строчка:

#wrapper { filter: alpha(opacity=90); -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70; !important} 

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

2) Не могу никак найти, как должна выглядеть строчка, которая отвечает за фиксированность фона?

Заранее большое спасибо.

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

---

[allein loses weight.]

проблемы таковы:

1. Собираюсь выносить ссылки меню на экстратоп, не убирается меню. Ну никак.
2.
кагбэ убрать эти стыки? чтобы все целеньким блоком было.

#wrapper{width:875px;min-width:0;}
#bottomNav{display: none !important;}
 #topNav{display: none !important;}
 body{background:#0C0505 url('/userdir/1/4/2/8/1428588/58258562.png') no-repeat 50% 0 fixed;}
 #extratop{height:612px;background:url('/userdir/1/4/2/8/1428588/58258856.png') 50% 0 no-repeat;}
 #extrabottom{height:155px;background:url('/userdir/1/4/2/8/1428588/58259123.png') 50% 0 no-repeat;}
 span.quote_text {font-style:normal; display: block; margin: 5px;padding: 5px; border:3px solid #777; font-size: 97%; background: #00000; }
 .postLinksBackg a:hover{text-decoration: none; border-bottom: dotted; border-width: 1px; border-bottom-color: #000000;}
 .postLinks {padding: 1px;}
 .menuSection {text-align:left; }
 A { TEXT-DECORATION: none;}
 A:hover { TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 1px; border-bottom-color: #000000;}
 .paragraph A { TEXT-DECORATION: none;}
 .paragraph A:hover { TEXT-DECORATION: none}
 #side .bordered { background: none; background: url('/userdir/1/4/2/8/1428588/58259060.png') repeat bottom right !important; background-image: none; filter: progidXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/1/4/2/8/1428588/58259060.png', sizingMethod='scale'); zoom: 1; }
 #side .bordered a, #side .bordered input, textarea { position:relative; z-index: 2; }
 #page-t .bordered { background: none; background: url('/userdir/1/4/2/8/1428588/58259060.png') repeat bottom right !important; background-image: none; filter: progidXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/1/4/2/8/1428588/58259060.png', sizingMethod='scale'); zoom: 1; }
 #page-t .bordered a, #page-t .bordered input, textarea { position:relative; z-index: 2; }
 .avatar img{ background: none; border-width:1px; border-color:#000000; border-style:solid; padding:1px;}
 

заранее благодарна.

запись создана: 28.07.2010 в 02:39

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

---

[Bernadett-e]

Как средствами CSS выделить отдельный пост? Или его часть.
Мой способ.
Основываемся на DIV. Придумываем название класса (я выбрала "vazhno"). Пишем такую конструкцию:

<div class="vazhno">текст записи</div>

Идём в дизайн, и пишет в CSS
.vazhno { свойство1; свойство1; свойство2; свойство3; }

Теперь рассмотрим примеры. У меня получилось четыре селектора, для каждого примера свой.
А чтобы не писать каждый раз вручную, программируем кнопку. Вот так:

 <div class="vazhno1">[maRk]</div> [cuRs] 
<div class="vazhno1">[maRk]</div> [cuRs] 
<div class="vazhno2">[maRk]</div> [cuRs] 
<div class="vazhno3">[maRk]</div> [cuRs] 
<div class="vazhno4">[maRk]</div> [cuRs]

Код

<div class="vazhno1">проверка</div>

CSS .vazhno1 { background: #ffcccc; border: 2px dotted #ff0000; }
background: #ffcccc; - цвет фона выделенной записи
border: 2px dotted #ff0000; - рамка на 2 пикселя, тип линии "точки", цвет рамки



Чужой способ. Автор Roldo

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

---

[Eilianta]

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

В выпадающем меню заменяю названия элементов на картинки + фон под самим меню. Ссылки сообщества, которые по идее thisDiaryLinks, не заменяются, неподвижно висят в углу и ни на что не реагируют.
сам диз

Код меню

#thisDiaryOwner {position:absolute; top:150px; left:220px}
 #myDiaryLinks {position:absolute; top:150px; left:390px}
 #globalLinks {position:absolute; top:150px; left:530px}
 #thisDiaryLinks {position:absolute; top:-1px; left:0px; }
 #thisDiaryOwner_title {background-image:url('/userdir/1/8/2/2/1822873/57612584.png'); width:67px; height:15px }
 #thisDiaryOwner_title b {display:none !important}
 #myDiaryLinks_title {background-image:url('/userdir/1/8/2/2/1822873/57612593.png'); width:120px; height:23px }
 #myDiaryLinks_title b {display:none !important}
 #globalLinks_title {background-image:url('/userdir/1/8/2/2/1822873/57612569.png'); width:117px; height:23px }
 #globalLinks_title b {display:none !important}
 #thisDiaryLinks_title {background-image:url('/userdir/1/8/2/2/1822873/57612608.png'); width:115px; height:17px;}
 #thisDiaryLinks_title b {display:none !important}
 #thisDiaryLinks ul {background-image:url('/userdir/1/8/2/2/1822873/57612230.png'); background-position:145px 0px; background-repeat:no-repeat; position:absolute; top:-143px; left:-50px; width:750px; height:130px; text-align:center !important; padding-left:-250px !important}
 #thisDiaryOwner ul {background-image:url('/userdir/1/8/2/2/1822873/57612230.png'); background-repeat:no-repeat; position:absolute; top:-143px; left:55px; width:550px; height:130px; text-align:center !important}
 #myDiaryLinks ul li {width:210px}
 #myDiaryLinks ul {background-image:url('/userdir/1/8/2/2/1822873/57612230.png'); background-repeat:no-repeat; position:absolute; top:-143px; left:-115px; width:550px; height:130px; text-align:center !important}
 #myDiaryLink, #myCommunityLink, #writeThisDiary, #myDraftLink, #myNotepadLink, #umailLink, #myFavLink, #joinThisCommunity, #writeThisCommunity, #communityDraftLink, #communityMyPosts, #communityFav, #communityQuote, #communityAlbum, #leaveThisCommunity {position:relative; top:0px; left:40px}
 #myQuotLink, #discussionLink, #albumLink, #myProfileLink, #optionsLink, #photolibLink {position:relative; top:-135px; left:270px}
 #globalLinks ul {background-image:url('/userdir/1/8/2/2/1822873/57612230.png'); background-repeat:no-repeat; position:absolute; top:-143px; left:-255px; width:550px; height:130px; text-align:center !important}

как это у меня выглядит


Диз надо к утру доделать, помогите, добрые знающие ^^

Решение найдено)

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

---

[Joker,say smile~]

Доброго времени суток.
Не пойму в чем проблема:

body {background: url('/userdir/1/3/0/0/1300833/57204764.png') 0 0 fixed repeat; padding: 0px !important;}
 #wrapper{ background: # repeat-y; min-width:0px!important;width:900px; margin: 0 auto !important;padding:0 !important; position:relative !important}

Однако body-картинка, не отображается в дизайне. Может у меня какая-то ошибка?

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

---

[Eiji-kun.]

Я меня основной бразуер - опера и в ней дизайн оттображается так. А в мозиле так.

При чём там совершенно другой дизайн, не считая основной страницы. Это можно как-нибудь изменить?

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

---

[Там, за облаками]

Добрый день.
Я новичок в css и бьюсь вот над каким вопросом:
Есть фоновая картинка днева. Нужно, чтобы её границы приклеивались к границам экрана. Ну, то есть, чтобы при любом пользовательском разрешении она была на всю страницу.
Как такое осуществить?

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

---

[Дашти]

Добрый день =)

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


Хочется убрать вертикальные полоски (они стоят в postArea) под вот эту зеленую хреновину в левом углу. Можно так? Или уже не париться и дорисовать экстратоп?)

Ответ найден, спасибо Aloria =)

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

---

[veravera]

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

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