Support Joomla!

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем ZAjoomla!, 24.08.2009.

  1. Offline

    ZAjoomla! Недавно здесь

    Регистрация:
    09.04.2008
    Сообщения:
    95
    Симпатии:
    3
    Пол:
    Мужской
    Доброго времени суток, господа хорошие. Подскажите за даром как сделать такую замечателную и веселую штучку как синенькая картиночка с беленькими буквочками в правом верхнем углу этого форума (такая закладка, на которой мило написано Support Joomla!).

    Я нарисовал такое замечательное дело во флеше себе на сайт. Вставил тупо в шаблон ссылку на картинку. Все замечательно и даже чудесно. Но теперь мой шаблон отклонился влево на размер картинки. А у вас ведь здесь шаблон посередине... Работаю на Joomla 1.0.15.

    Заранее благодарен.
     
  2.  
  3. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    .class {
    position:absolute;
    }
     
    ZAjoomla! нравится это.
  4. Offline

    ZAjoomla! Недавно здесь

    Регистрация:
    09.04.2008
    Сообщения:
    95
    Симпатии:
    3
    Пол:
    Мужской
    Спасибо большое за помощь. Однако теперь рисунок переместился влево, а он мне нужен справа. Пытался прописать ему align="left", но нет реакции. Может и на этот вопрос у Вас есть ответ?
     
  5. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    Засунь в div c стилем float:right или шириной 100%
     
  6. OlegM
    Offline

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 356
    Симпатии:
    370
    Пол:
    Мужской
    У нас так:
    Код (html):
    1. <a id="corner" href="http://joomla-support.ru/">Support Joomla!</a>

    Код (CODE):
    1. a#corner {
    2. background:url(joomla_donate.png) top right no-repeat !important;
    3. background:none;
    4. display:block;
    5. height:90px;
    6. width:100px;
    7. position:absolute;
    8. right:0;
    9. top:0;
    10. text-decoration:none;
    11. text-indent:-999em
    12. }

    Главное - абсолютное позиционирование блока
     
    ZAjoomla! нравится это.
  7. Offline

    ZAjoomla! Недавно здесь

    Регистрация:
    09.04.2008
    Сообщения:
    95
    Симпатии:
    3
    Пол:
    Мужской
    еееееее! спасибо большое, sourpuss! все получилось, как у Вас на сайте. успешной работе команде!
     

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

Загрузка...