[LiMinze]

Порылась в сообществе основательно, все равно не помогло.

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

Имеется вот такой код:

body {background-attachment: fixed !important;}
 body {background: url('/userdir/1/4/8/1/1481839/52680854.jpg') !important;}

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

Если нужен - скрин

Если нужно - полный код

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

---

[milu]

Доброго всем времени суток!
Извините, если я не по адресу, моя проблема в сохранении картинки. Я сохраняю прозрачную картинку в gif и в png, в фотошопе указываю, что она должна быть прозрачной, но при загрузке всегда вижу черный фон.
Уже перерыла весь интернет, конкретного решения не нашла. Может кто-нибудь может помочь?
Заранее спасибо!

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

---

[Пятёркина [DELETED user]]

Товарищи, помогите, пожалуйста!
Да, я знаю, у меня кривые руки.
Да, я знаю, подобный вопрос много раз поднимался.
Да, я воспользовалась поиском.
Да, я пролистала 4 страницы сообщества по тегу "фоновые картинки", и ответа на мой вопрос не нашлось.
Дальше листать не стала, простите великодушно.

Вопрос в следующем.
Дано: есть картинко, которое я хочу поставить бэкграундом на #authorName, что бы текстовой ссылки не было видно.

Прописываю следующее:

 #authorName {display:block !important; background: url('/userdir/5/3/9/8/539884/52388771.jpg') 4 px 6px no-repeat; overflow: visible; width: 391px !important; heigh: 146px !important; line-height:146px top:-5px; left: 578px; position:relative; }

В итоге получается как-то неправильно: бэкграунд как-бы становится, но не полностью в высоту, плюс не убирается сама ссылка.

Вопрос: как быть в этой ситуации? буду рада и толковой ссылочке, и даже паре слов!

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

---

[Рыцарь Судьбы]

Здрасти. )
Подскажите, пожалуйста, как оформить поле для ввода записи/комментария — подставить фотом картинку,
и как оформить цитируемый текст: рамку вокруг цитаты и фоновую картинку.
картинко. Соответственно, она должна быть внизу справа.
И еще, к сожалению, не убирается подчеркивание у ссылок и не получается подставить виньетку в конце каждой записи.

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

---

[f_zu_f]

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

Как вставить фоном для меню свою картинку? По ссылкам в эпиграфе и темам записей ходила долго, что-то пробовала, но практически безрезультатно. Прописываю background-image для sideMenu menuSection, указываю адрес картинки из БИ, но ничего не получается. Чувствую, что делаю нечто совсем не то, но как сделать правильно - пока что не поняла.

Если подскажете, как сделать так, чтобы получилось - буду очень благодарна.

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

---

[<Кери>]

У меня такая проблема....
Я вставляю фоновую картинку с кодом:

body{background:url('http://s003.radikal.ru/i202/1002/7d/1a4fdcabb96a.jpg') no-repeat fixed;}

нажимаю сохранить....страница перезагружается и в сss стоит body{background:# no-repeat fixed;} и фоновая картинка естественно не поменялась...
Что я делаю не так?((((((

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

---

[тигр-тигр, жгучий страх]

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

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

Пишу код:

 .singlePost { width: 632px !important; height: 72px !important; background: url('/userdir/8/2/9/0/829005/51391736.jpg') no-repeat; margin-top: 500px !important}
 .postContent { width: 632px !important; background: url('/userdir/8/2/9/0/829005/51391931.jpg') repeat-y !important; }

Всё отлично.

Добавляю нижнюю часть:

.postInner {width: 632 !important; height: 308px !important; background:url('/userdir/8/2/9/0/829005/51392432.jpg') no-repeat 50% 100;}

Фон перестаёт динамически менять размер. Плюс перекашивается дизайн внизу дневника.

Это можно как-нибудь решить?
Если нужно, напишу весь код.

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

---

[horror world around me]

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

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

---

[Tenaku]

Доброго времени суток!
Очень прошу помочь с дизайном *_* совсем немного.
Есть задумка, а навыков работы с CSS мало.
Есть фон под дизайн, который должен стоять фиксированно в правом левом углу, и не должен повторяться сверху вниз. фон дневника #241011

картинко

Хочется слева пустить wrapper (все содержимое записей) без границ и фона со скроллом по зоне на картинке (ее ширина 600px). А меню справа по шоколадному цвету.
расстояние под пустой экстратоп 260px.
Заранее спасибо.

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

---

[mieze]

У меня для вас есть кое-что нужное! Может некоторые спрашивали себя, как сделать так, что-бы фон был заполнен фоновой картинкой, но сверху в низ ( с низу в верх, с право на лева итд.)
шёл как-бы такой цветовой залив, которые переходит от тёмного цвета до прозрачного.
как на скриншоте:
я вам покажу как это сделать!

пишем в код:

html {
    background: url('картинка для фона');
}

body {
    background: url('картинка для цветового перелива') top repeat-x;
}

если мы хотим ещё сделать вааааще хитро, и зафиксировать фон, т.е. что-бы фоновая картинка не двигалась, но цветовой перелив двигался, то пишем вот так:

html {
    background-image: url('картинка для фона');background-attachment: fixed;
}

body {
    background: url('картинка для цветового перелива') top repeat-x;
}

надеюсь вам понравится

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

---

[Энико [DELETED user]]

Привет Я сделала себе дизайн, не CSS в общем но CSS оказался необходим.
Имеется вот эта картинка я хочу ее добавить в дизайн дневника... так чтобы она была справа как бы на фоне... Каким кодом ее добавить в фон так чтобы она не дублировалась а просто "висела" сбоку, оставаясь на месте даже когда прокручивают записи например? И еще момент. Я так прикинула, что она похоже попадет под поле для записей... Как его сделать полупрозрачным?
Заранее большое спасибо)) Я чайник в CSS

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

---

[Prosto_Katty_Cat]

Помогите пожалуйста, товарищи.
Проблема в том. что я сама сделала дизайн, вроде все правильно, но не могу понять, куда делись Имя, Аватар и почему все стоит косо -__-
клик

body {background: url('/userdir/1/4/7/9/1479082/50557484.jpg') 0 0 fixed repeat; padding: 0px !important;}
 #wrapper{ background: url('/userdir/1/4/7/9/1479082/50556365.png') repeat-y; min-width:0px!important;width:900px; margin: 0 auto !important;padding:0 !important; position:relative !important}
 #extratop {background: url('/userdir/1/4/7/9/1479082/50556329.png') 0 0 no-repeat; height:300px; width:900px; background-position: center !important; margin-top:0px !important;}
 #extrabottom {background: url('/userdir/1/4/7/9/1479082/50556308.png') 0 0 no-repeat; height:100px;width:900px; background-position: center !important; margin-top:-10px}
 #page-c{ background: url('/userdir/1/4/7/9/1479082/50556011.png') repeat-y; width:900px !important;padding:0 !important;padding:0 !important; margin-right: 0px !important }
 #page-t { margin:0 !important}
 #postsArea { width:820px !important; position: relative !important; margin-left: 32px !important; padding: 10px !important }
 #commentsArea{width:820px !important; position: relative !important; margin-left:32px !important; padding: 10px !important}
 #addCommentArea {width:820px !important; position: relative !important; margin-left: 32px !important; padding: 10px !important}
 #side {width:600px !important; position:absolute; margin-top:-320px; margin-left:310px}
 .menuSection {text-align:center}
 #side ul {margin-left:18px !important; background: url('/userdir/1/4/7/9/1479082/50556029.png') repeat; border: 1px solid #0c8c65;}
 #side ul a {font-size: 13px !important;}
 #side li {padding:2px 15px !important}
 #thisDiaryOwner_title {display:block; width:129px; height:58px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/7/9/1479082/50556140.png') 2px 4px no-repeat; }
 #myDiaryLinks_title {display:block; width:179px; height:58px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/7/9/1479082/50556215.png') 2px 4px no-repeat; }
 #globalLinks_title {display:block; width:190px; height:58px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/7/9/1479082/50556185.png') 2px 4px no-repeat; }
 #side h1 a {position:absolute; margin-top:100px !important; margin-left: 115px !important; font-size: 20pt; font-weight: bold; text-decoration: none; color:#000000 !important;-moz-opacity:.50 !important;opacity:.50 !important; filter:alpha(opacity=50);}
 #authorName {position:absolute; margin-top:-370px !important; margin-left: 500px !important; font-size: 150%; color:#2bb5aa !important}
}
 a:hover {text-decoration: none; color: #050505 !important}
 .postTitle {text-shadow: 1px 1px 6px #000; background: url('/userdir/1/4/7/9/1479082/50560169.png') center no-repeat; width:580px !important; height:60px !important; position:relative !important; margin-left: 0px !important;margin-top:0px !important; text-align: center; padding-top: 40px !important; padding-left: 0px !important; color: #2bb5aa !important;}
 .postDate {font-size: 85% !important; color:#494540 !important}
 .avatar img {width:80px !important; min-width:80px !important; max-width:80px!important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); border: 4px double #272727}
 .avatar img:hover {width:100px !important; min-width:100px !important; max-width:100px!important;-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100); border: 4px double #272727}
 #sortFromBegin {display:none !important;}
 #sortFromEnd {display:none !important;}
 #sortFromLastComment {display:none !important;}
 .order_button {display:none}
 #iAmQuit, #thisDiaryPhoto, #thisDiaryLinks, #more_login, #YaSearch, #lastComments, #myLinks, #pchs, #albumLink, #allDiaryLink, #faqLink, #paySupportLink, #diarySupportLink, #diarySpiritLink , #randomDiaryLink, #myCommunitiesLink, #upInChart, #myDraftLink, #communityCatalogueLink , #photolibLink {display:none !important;}
 #bottomNav {display:none !important;}
 

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

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

---

[Ruri~]

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

пример рамки

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

---

[Касатик]

Доброго времени суток!
Вопрос следующий: фон постов обычно в IE нормально отображается или как?

П. Ссс... Всех с наступающим!!!

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

---

[Speil]

скажите пожалуйста, как сделать такие вещи чтоб блок с записями стоял слева, а справа была картинка (как не повторяющийся фон)

@музыка: лакримоса

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

---

[.amethyst poison]

Извините, я совсем новичек, делала только несколько совсем простеньких css дизайнов Так что возникли некоторые, очень глупые вопросы.

- Как закрепить фон так, чтоб он стоял на месте, а сам блок с записями двигался ?
- Как перенести название дневника на экстратоп?
- Как изменить шрифт текста записи и меню?

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

---

[nero [DELETED user]]

У меня назрел вопрос, так как сам я не совсем понимаю, что к чему. Скрин, на нем видно, что картинка сверху огибает экран, но когдя я вставляю такую же точно снизу, wrapper смещается влево, картинка уползает туда же. Почему-то наверху margin:0; padding:0; position: absolute работает, а снизу никак не хочет, это я крепил к exrtabottom. Опять-таки, при полученном результате со смещением, margin и padding тоже не работает. Еще крепил и к page-с и wrapper'у, тоже не смещается.
И еще, не знаю как прописать repeat для у, чтобы повторял непосредственно только боковую часть элемента, а не его целиком. Хотелось бы в итоге получить по краям экрана своеобразную рамку.
Помогите, пожалуйста, понять, в чем я налажал, и в чем не разбираюсь. Не сочтите за труд =)

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

---

[do not speak]

Не подскажете, почему у доп. блока не срабатывает repeat?
У меня задана ему высота, только на которую он и растягивается, а если ее убрать, то доп. блок вообще исчезает =(

код блока

весь код

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

---

[do not speak]

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

Код

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

---

[taya ww]

я сейчас сойду с ума. помогите пожалуйста: что неправильно прописываю?
#extratop {background: #ccc url('/userdir/2/7/8/8/278855/42448070.jpg') 0 0 no-repeat; height:310px; width:100%;}
#YaSearch{display:none}
body{background:#000000 # no-repeat 100% 100%;}

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

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