фиксация "дроблёного меню"

[.сестра хаос.]

как зафиксировать меню при том что две его части- меню где темы, календарь записей и т.п., и мои ссылки, вынесены вправо. (меню левое). если ставлю стандартный код- #side {position: fixed}, то перенесенные вправо блоки меню снова кочуют влево, но не на свои прежние места, а в рядочек. пробовала фиксировать отдельно две оставшиеся части меню, но они просто налезают друг на друга и всё.

запись создана: 26.03.2007 в 13:53

@темы: меню

---

[.tara]

кто-нибудь может помочь мне с css? по асе (стучите 299166201 и укажите в запросе, пожалуйста, что это для помощи с css). буду очень благодарна!!!

@темы: diaryCSS

---

[стрекозёл]

Ещё раз здравствуйте!

Можно ли и как убрать из меню "мои ссылки", но только эту строчку, а сами ссылки оставить?

---

Полупрозрачный фон записи

[Трубчатый Кот]

Работает в IE6(!)/IE7, Opera, Firefox



1. Делаем полупрозрачный PNG в Фотопопе или другом редакторе, кладем себе в Библиотеку изображения.



2. Полупрозрачный фон нужным элементам прописывается так:

.классБлока

{

background: url('/userdir/9/3/1/2/93120/17332882.png') repeat bottom right !important;

Опера и Фаерфокс увидят !important и больше этот параметр менять не будут

background-image: none;

IE что такое !important не знает, поэтому отменит фоновый png

filter: progidXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/93120/17332882.png', sizingMethod='scale');

Зато только в IE есть filter который и сделает нам полупрозрачный фон через AlphaImageLoader

}



3. Для классов которым прописали полупрозрачноть прописывам новое свойство ссылок:

.классБлока a

{

position:relative; z-index: 2;

}



4. Если ники скачут, прибиваем их гвоздями:

.authorName { float:none;}

5. Следите за корректностью отступов в остальном стиле ))



Ссылки на png вставляем по аналогии, со своей Библиотеки изображений.



Проверялось на: Opera 9, Firefox 1.5, Internet Explorer 6 и 7



Как это выглядит можно посмотреть у меня в дневнике

Уже нельзя )



UPD: пофикшена проблема с неработающими ссылками в IE6

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

---

вопрос)

[Clarion.]

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



спасибо)

---

Цвет границ

[Mia Verwest]

Добрый день.



Добавила границы вокруг текста записи



Использовала этот код:

.bordered {border-style:ridge;}

.singlePost,.menuSection{border-style:ridge;}

.borderTop{border-style:ridge;}



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

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



Спасибо.

@темы: рамки и полоски

---

:)

[Tom.Heart]

Оч извиняюсь за свою тупость)а куда все эти ссылки вставлять?

---

крыша съехала

[konviki]

Здрасти. Вот такая вот проблема:появляется нижний, горизонтальный скролл.

посмотрите, пожалуста.

и если всё плохо, подскажите как исправить положение.

---

[[wintermute]]

по пунктам.)

1. как убрать вот

этот

лишний кусок полупрозрачного фона?

2. почему в IE #side вниз сползает? код рассчитывал вроде в новом калькуляторе...

ну и про прозрачность фона в IE можно даже не упоминать...)



собсна,

код.)

body {font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;background: url('/userdir/7/9/1/2/79126/17680895.jpg')}

.right #wrapper{width:897px;margin: 0 0 0 -449px !important;padding:0 !important;position:relative;left:50%;}

.right #side{width:187px !important;margin:0 !important;float:right;background: url('/userdir/7/9/1/2/79126/17526206.png')}

.right #page-c{width:700px !important;padding:0 !important;background: url('/userdir/7/9/1/2/79126/17526206.png')}

.right #page-t {margin:0 !important;}

.menuSection {text-align:right; background: url('/userdir/7/9/1/2/79126/17680483.png'); padding:5px;}

.bordered { border-width:2px; border-style:dashed; border-color: #F9f7f6;}

#lastComments {border-style:double;}

.countFirstDate, .countSecondDate {font-family: "Palatino Linotype",Verdana,Arial,Helvetica,sans-serif; font-size: 16px;text-align:center;}

.singlePost, .menuSection { border-style:double; background: url('/userdir/7/9/1/2/79126/17680483.png')}

.bordered {border-style:double;}

.singlePost,.menuSection{border-style:double;}

.borderTop{border-style:double;}

.singlePost { border-style: double; padding:5px;}

a:hover, a:active { background:#000000; color:#F9f7f6; text-decoration:none; cursor:crosshair;}





p.s. ну и оцените диз, кому не лень ^^

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

---

[*Ямай[СКА]я эмоци[Я]*]

Подскажите пожалуйста, как регулировать отступы самого текста записи от ее границ?

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

---

вопрос.

[arinuska]

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

"сча вроди беслатно всё это?а что будет когда будет платно?"придётся за всё платить?

---

[.tara]

можно ли сделать еще один блок справа с Постоянными Читателями.

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

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

---

фон.

[Конечно Вася.]

доброго времени суток.

у меня проблема.

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

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

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

---

2 in 1

[Трубчатый Кот]

1. Кто-нибудь пробовал включить нормальное отображение фоновых png для IE? И были ли успехи?



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

Полдня мучался и вдруг засомневался в целесообразности...

Стоит ли оно того?

P.S. В IE выглядит намного хуже.

@темы: diaryCSS

---

[Aqu1La]

Вопрос!

А как сделать, чтобы в меню рядом там например с "Избранное" стоял значок???

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

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

---

[литр молока]

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

У меня такой вопрос ... как поставить свою картинку напротив "Мой дневник"

"U-mail" и т.д. ????

И какого она должна быть размера?

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

---

[s_kai]

Прописано:



a:hover{text-decoration: none; border-bottom: dashed; border-width: 1px; border-bottom-color: rgb(0,225,0); color:#00E100 !important}



А можно ли сделать так, чтобы картинки, вложенные в ссылки, не подчеркивались?

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

---

записи и эпиграф

[Dark Nice]

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

на фон картинку ставлю

---

[Tonni]

я вас достала,искренне прошу прощения.Спасибо за код картинки сверху,но....в общем что надо с ней сделать(или с кодом),чтобы она выглядела нормально....

www.diary.ru/~tonnni



вот код(вы его знаете,конечно,но все же выложу): #extratop {BACKGROUND: url("/userdir/2/7/4/8/274855/17479330.jpg") repeat-x; WIDTH: 100%; LINE-HEIGHT: 100% !important; HEIGHT: 200px;}

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

---

Большая фотография

[Чудной Лис]

Наверное многим, как и мне, не нравилось что менюшка достаточно широкая, а вставляемая в неё картинка, как ни крути, сильно сжимается и выглядит непрезентабельно. Вот могу порекомендовать один метод для решения этой проблемы, с использованием css

Всё работает на IE6, FF2, O9, на других не проверял.



Идея состоит вот в чём. Как бы мы ни старались, фотография всё равно не будет видна на главной - там показывается пересжатая уменьшенная копия. Поэтому мы её меняем на прозрачную, которая и весит мизер, и не видна А настоящую нашу картинку мы указываем фоном для этой области. Единственно, необходимо указывать значение высоты (выделена жирным) для каждой картинки отдельно. В моем случае для картинки высотой в 280пх использовано значение 260пх.



1. В качестве фотографии нам нужно закачать прозрачную, вот такую:

2. А также, ннам понадобится картинка, которую мы хотим вместо фотографии.

3. Вводим такой код:



#thisDiaryInfo

{

background:url('путь к картинке на замену');

background-repeat:no-repeat;

background-position:top 100%;

}

#thisDiaryPhoto

{

height: 260px;

}