Joomla 1.5 Разместить модуль в углу браузера

Discussion in 'Изменение шаблона (кастомизация)' started by The_Razer, Mar 1, 2011.

  1. Offline

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

    Joined:
    Aug 15, 2010
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    Здравствуйте!
    Как можно разместить модуль (в моем случае плеер Simple MP3 Player) в нижнем правом углу браузера (например как Joomla Adeptus UP)? Очень надеюсь на помощь и заранее благодарен.
     
  2.  
  3. ycsus
    Offline

    ycsus Недавно здесь => Cпециалист <=

    Joined:
    Feb 19, 2011
    Messages:
    249
    Likes Received:
    33
    Gender:
    Male
    Через абсолютное позиционирование. Сделать див в котором модуль абсолютным и задать right и bottom 0.
     
  4. Offline

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

    Joined:
    Aug 15, 2010
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    Я не очень хорошо разбираюсь в джумле, можно на примере кода?
    О чем Вы говорите понимаю а как реализовать не знаю.
     
  5. ycsus
    Offline

    ycsus Недавно здесь => Cпециалист <=

    Joined:
    Feb 19, 2011
    Messages:
    249
    Likes Received:
    33
    Gender:
    Male
    Да как то это не жумла, а просто верстка...
    Допустим есть позиция, в ней ваш модуль.
    Код (html):
    1. <div id="abs"><jdoc type="module" name="abs"></div>

    и присваиваем диву абсолют в ксске
    Код (html):
    1. div#abs{
    2.      position: absolute;
    3.      right:0;
    4.      bottom:0;
    5. }

    Главное что б сверху этого дива не было блоков с релейтивом, которые бы перебили позиционирование относительно боди или общего дива
     
  6. Offline

    TroL Недавно здесь => Cпециалист <=

    Joined:
    Mar 1, 2011
    Messages:
    501
    Likes Received:
    34
    Gender:
    Male
    Если тебе надо чтоб он при прокрутке передвигался и постоянно находился в этом углу то (пример ycsus)
    в шаблоне
    <div id="abs"><jdoc type="module" name="abs"></div>

    в ксс
    div#abs{
    position: fixed;
    right:0;
    bottom:0;
    }
     
    The_Razer likes this.
  7. ycsus
    Offline

    ycsus Недавно здесь => Cпециалист <=

    Joined:
    Feb 19, 2011
    Messages:
    249
    Likes Received:
    33
    Gender:
    Male
    Код (html):
    1. position: fixed;

    и то правда, чот протупил.
     
    The_Razer likes this.
  8. Offline

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

    Joined:
    Aug 15, 2010
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    А как мне теперь в этот новый модуль запихнуть плеер?
     
  9. ycsus
    Offline

    ycsus Недавно здесь => Cпециалист <=

    Joined:
    Feb 19, 2011
    Messages:
    249
    Likes Received:
    33
    Gender:
    Male
    выставить у модуля позицию ту которую сделали в этом блоке.
     

Share This Page

Loading...