Картинка для меню, которая увеличивается с увеличением текста

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем SIMPSONkod, 03.10.2008.

  1. SIMPSONkod
    Offline

    SIMPSONkod Недавно здесь

    Регистрация:
    14.09.2008
    Сообщения:
    30
    Симпатии:
    0
    Как реализовать на joomla, чтобы фоновая картинка увеличивалась с увилечением кол-ва текста и соответственно уменьшалась с уменьшением текста?

    [​IMG]

    Чтобы (2) изменяла свой размер.

    Добавлено через 19 часов 17 минут
    Разве никто не знает?
     
    Последнее редактирование: 03.10.2008
  2.  
  3. sectus
    Offline

    sectus специалист

    Регистрация:
    19.04.2006
    Сообщения:
    1 210
    Симпатии:
    46
    Пол:
    Мужской
    Где-нить такое уже видели?
     
  4. Offline

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    изменялась в вышину?? Смотря что за тип меню..
    Так как если не считать Опера 9.5+ CSS3 никто не держит в плане multi-background необходимо 3 элемента для подвешивания back - если они есть то в принципе ничего невозможно нет ))
     
  5. Offline

    Viper Недавно здесь

    Регистрация:
    26.10.2006
    Сообщения:
    46
    Симпатии:
    2
    Пол:
    Мужской
    я с вас поражаюсь :)

    уже работает :)

    причем здесь версия браузера и CSS ?

    все это делается на div'ах

    Код (html):
    1. #module {
    2.     padding: 0;
    3.     width: 200px;
    4. }
    5. #top {
    6.     background: url(top.jpg) top no-repeat;
    7.     height: 28px;
    8.     text-align: center;
    9. }
    10. #middle {
    11.     background: url(middle.jpg) repeat-y;
    12.     padding: 0 5px;
    13. }
    14. #bottom {
    15.     background: url(bottom.jpg) bottom no-repeat;
    16.     height: 27px;
    17.     text-align: center;
    18. }


    Код (html):
    1. <div id="module">
    2.     <div id="top">Header module</div>
    3.     <div id="middle">Content for New Div Tag Goes Here</div>
    4.     <div id="bottom">Footer</div>
    5. </div>


    пашет в IE7, FF3, Opera9, Safari 3(Win)

    если кто не понял смотрим в аттаче.
     

    Вложения:

    • ml.zip
      Размер файла:
      6.8 КБ
      Просмотров:
      6
  6. Offline

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    при том что не каждое стандартное меню под джумлу выдаст в коде 3 дива - это 1)
    в опере 9.5 можно на 1 див наложить 3 бэкграунда - это 2)
     
  7. Offline

    Viper Недавно здесь

    Регистрация:
    26.10.2006
    Сообщения:
    46
    Симпатии:
    2
    Пол:
    Мужской
    само собой что если такой вопрос, то меню стандартное такого не позволит.
    а как насчет FF или Safari ? дадут ли они тот же результат ?

    PS! конечно можно изобретать велосипед, но можно ведь погнуть уже существующий с меньшими затратами.
     
  8. SIMPSONkod
    Offline

    SIMPSONkod Недавно здесь

    Регистрация:
    14.09.2008
    Сообщения:
    30
    Симпатии:
    0


    Всё сделал как ты написал, а получилось так

    [​IMG]

    Так в ie 7 и опере 9.5
     
  9. Offline

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    FF начнет поддерживать с версии 3.1 Сафари - с 4ки кажется
     
  10. Offline

    Viper Недавно здесь

    Регистрация:
    26.10.2006
    Сообщения:
    46
    Симпатии:
    2
    Пол:
    Мужской
    хм... странно. проверьте отступы сверху и снизу у блоков.

    Оффтопик (не в тему) - жми сюда!
     

Поделиться этой страницей

Загрузка...