среда, 17 января 2007
01:34

Изменение ширины колонки меню

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



Проблема

Сейчас ширина колонки меню строго определена 224 пикселями. На дневниках с маленьким размером основного шрифта (как, например, здесь) это многовато.



Решение

Использовать стили, которые выдаст этот маленький скрипт.



Подробности

Открыли код странички и посмотрели, какие интересные блоки там есть: #wrapper, который содержит в себе #side (как раз колонка меню) и #page-t (всё остальное). Посмотрели в шаблоне (http://diary.ru/block_layout.css) стили для этих блоков и перебили их.



Браузеры

Протестировал в IE6, FF, Op9. Завтра гляну в IE7.

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

URL
Комментарии
16.06.2007 в 12:25

Schwester
Ё
вот код... все параметры проста супер,проблема с картинкой....пишу no-repeat;,а она повторяется,

#thisDiaryOwner { position: absolute; right: 35px; top: 45px; background-image:url('/userdir/1/5/7/3/157344/9207073.gif'); no-repeat; width:60px !important; text-align:center;}

Что за нах...)
URL
16.06.2007 в 12:40

~Kitty~
«...в памяти save'ом одно лишь признание, но форматирует наше сознание может быть вирус, а может - другая любовь...»(с)
Schwester: уберите точку с запятой после адреса картинки перед no-repeat.

background-image:url('/userdir/1/5/7/3/157344/9207073.gif') no-repeat; - вот так должно быть.

Сейчас у вас получается, как будто это два разных параметра.
URL
16.06.2007 в 12:47

Schwester
Ё
Ну вот хренли))))Теперь вообще картинки нет)))уаххх
URL
16.06.2007 в 12:49

Schwester
Ё
~Kitty~ Слушайте,а зачем вообще код прописан с background-image???Обычно так не делается...может убить его?Т.е.оставить один background
URL
16.06.2007 в 12:51

~Kitty~
«...в памяти save'ом одно лишь признание, но форматирует наше сознание может быть вирус, а может - другая любовь...»(с)
Schwester: вообще, именно background-image писать не обязательно, image можно опускать.

Покажите код, которые у вас сейчас. Но с точкой с запятой у вас она бы точно не стала бы в единичном экемпляре - я объяснила выше, почему..
URL
16.06.2007 в 13:07

Schwester
Ё
~Kitty~ Дадада!!)))

Вот код,который полностью удоволетворяет моим требованиям))))

#thisDiaryOwner { position: absolute; right: 35px; top: 45px; background:url('/userdir/1/5/7/3/157344/9207073.gif') no-repeat; width:60px !important; text-align:center;}

Всё классно!! Нет проблем!
URL
16.06.2007 в 13:13

~Kitty~
«...в памяти save'ом одно лишь признание, но форматирует наше сознание может быть вирус, а может - другая любовь...»(с)
Schwester: ну супер :) Рада, что смогла помочь :)
URL
01.07.2007 в 17:23

srivaet_bo6ku
не работает калькулятор для правого меню...помогите, пожалуйста!
URL
19.09.2007 в 07:34

муравей штата Вой
Тепер, спи до завтра, Спробуєм може, ще
а вопросы задавать можно? просто для того, чтобы разобраться что к чему.

1. зачем нужно изменять body.left и .left #wrapper если это общие контейнеры? цель же изменить ширину вложенного-бокового.
2. почему в одном блоке два раза задаётся один и то-же параметр: margin-left:-234px !important; margin-left:-112px? отличие только в !important, - на что оно влияет?
3. можно ли опускать слово .left, если я знаю, что у меня левостороннее расположение? (#side { width:224px; margin-left:-234px !important; margin-left:-112px; margin-right:-224px; })
URL
08.10.2007 в 17:57

.наивно
Любовь не пятнают дружбой.Конец есть конец.(с)
У меня проблема.
Как бы я не вставляла этот год,у меня вообще ни4его не менятся с меню.
В 4ём может быть проблема и как можно её решить?
О4ень уж хо4ется поменять ширину меню.)
URL
23.11.2007 в 15:08

Mermaid
Эти глупые люди думают, что любовь есть, а русалок нет. Но мы-то с вами знаем, что все наоборот (с)
браузер Firefox
при вставки кода почему-то дневнику глубоко фиолетово, какой я цвет задаю... у него подчёркивание чёрное...
URL
23.11.2007 в 15:39

Mermaid
Эти глупые люди думают, что любовь есть, а русалок нет. Но мы-то с вами знаем, что все наоборот (с)
ой... извините.
мало того, что не в то окно, так и уже разобралась )
URL
23.01.2008 в 13:25

ванилЬ,
ت
спасибо.у меня получилось )
URL
05.02.2008 в 13:07

Christian Lacroix
потомственный сумасшедший.
Подскажите, пожалуйста, а как, собственно, совместить два кода: центровку и изменение ширины колонки? Что-то не выходит и получается лабуда полная или вообще ничего не происходит.
Первый код: body.left { padding-left: 10px !important; padding-left: 190px; }
.left #wrapper { margin:0 !important; margin-left:-180px; padding-left:180px; }
.left #side { width:170px; margin-left:-180px !important; margin-left:-90px; margin-right:-170px; }
.right #page-t { margin-right:180px; }
.right #side { width:170px; margin-left:-170px; }

И второй: .left #wrapper{width:680px;margin: 0 0 0 -272px !important;padding:0 !important;position:relative;left:40%;//left:39.6%;}
.left #side{width:170px !important;margin:0 !important;}
.left #page-c{width:500px !important;padding:0 !important;}
URL
05.02.2008 в 14:25

Tex
Неисправимый оптимист
Cain Knightlord. Dein fuhrer, код для узкого дневника посредин страницы уже подразумевает изменение ширины меню
URL
05.02.2008 в 17:47

Christian Lacroix
потомственный сумасшедший.
Tex
Но дело в том, что колонка все равно остается слишком широкой...
URL
21.03.2008 в 22:54

o_Omg_x)
EEEEEEEEEEE!!
Меню уползло вниз.под записи///
раньше находила где-то как...
не могу найти сейчас
URL
05.07.2010 в 20:44

Чёрная весна
Там вены с красным вином внутри.
о_0
кто-нибудь поможет нубу?)) ничегошеньки не понимаю :shy2:
URL
06.07.2010 в 11:12

Чёрная весна
Там вены с красным вином внутри.
bokonist, скрипт-то не открывается на том сайте :viking2:
URL
30.04.2011 в 11:36

Kaito Sai
Твоя личная Shangri-La!
а можно вопрос? у меня меню наверху, и мне нужно весь основной блок сдвинуть максимально влево как здесь astrumvivum.diary.ru/ как это сделать?:upset:
URL