Я тебя люблю. Сильно-сильно люблю. Но ты мне уже не нравишься

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

В последнее время (да и не только) в сообщество пишут по такому вопросу:
"Как уменьшить поле добавления новой записи?" ну или что-то такого типа.
Так вот. Впоследствии некоторых извращений (простите) над своим же дневником пришла к одному из вариантов ответов на этот вопрос. Так как сама с такой проблемой столкнулась=(
Вот примерно так выглядит стандартное поле добавления записи:

смотреть!

Что я предлагаю делать с тем, что часть кнопочек для форматирования текста да и сам текст уезжает за границу?
Я предлагаю просто уменьшить эти самые кнопочки=)

Код следующий:

a.mceButtonNormal img, a.mceButtonSelected img, a.mceButtonDisabled img, span.mceMenuButton img, span.mceMenuButtonSelected img {width: 15px !important; height: 15px !important;}

Полужирным выделена высота и ширина всех кнопок. Предлагаю вам самим ее отрегулировать на свой вкус=)
Итак. Что мы имеем?

смотреть!

Смотрится, конечно, не очень презентабельно, но я думаю с этим смириться вполне можно=)

Данную ширину и высоту в 15рх я прописала для своего дневника, в котором ширина блока записей 517рх. Подбирать можно и нужно под свою ширину!

Просмотрела в следующих браузерах:
Opera 9.24
Mozilla Firefox 2.0.0.8
Internet Explorer 6

Во всех этих браузерах код рабочий.
И еще (на всякий случай=) название селектора панели смайлов - #shsmile
Все предложения и броски тапками - в комменты=)
Спасибо за внимание. Надеюсь, пригодится=)))






@темы: Мысли вслух

Комментарии
06.11.2007 в 07:03

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

upd * со смайлами тупо выходит, думаю на крайний случай лучше просто уменьшить их кол-во
upd ** это работет только в визуальном редакторе
06.11.2007 в 14:49

Я никогда еще не пил шампанское до завтрака. За завтраком случалось. Но никогда до (с) к/ф "Завтрак у Тиффани"
хм а я по-другому решила эту проблему - установила отступы слева и справа для #page-t

#page-t {margin-left: 36px; margin-right: 34px; !important;}

конечно может тупо и примитивно, но зато работает :)
06.11.2007 в 16:24

восторг
Очень пригодилось))
а то мне приходилось находить странные решения этой проблемы)
теперь все просто замечательно))))
спасибо огромное)
07.11.2007 в 01:55

спааааааасибище огромное
.))
07.11.2007 в 12:37

100% sabiko. Please, hug, hold, feed, care for.
По-моему, мой вариант в переносом кнопок всё же был краше.
А ещё можно отступы между ними убрать, или хотя бы сильно уменьшить. Тоже не будет искажать изображения.
07.11.2007 в 14:50

dont care
вариант в переносом кнопок
А где такой был?
07.11.2007 в 16:01

100% sabiko. Please, hug, hold, feed, care for.
play|stop, тут вот сначала, и потом ещё пару раз кто-то спрашивал.

Короче, там же снизу как раз куча пространства свободного, можно лишние кнопки перепозиционировать пониже:
#mce_editor_0_nick_insert {position:absolute; top:24px; left:290px}
#mce_editor_0_nick_insert_L {position:absolute; top:24px; left:320px}
#mce_editor_0_nick_insert_M {position:absolute; top:24px; left:350px}
Это три последние, но можно и больше, места-то там полно)
Цыфири тоже можно подогнать поаккуратней.

А можно и маргины-паддинги все убить нафиг:
#mce_editor_0_toolbar * {padding:0 important; margin:0 !important}

как-то так)
01.01.2008 в 22:36

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