Support Joomla!

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by ZAjoomla!, Aug 24, 2009.

  1. Offline

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

    Joined:
    Apr 9, 2008
    Messages:
    95
    Likes Received:
    3
    Gender:
    Male
    Доброго времени суток, господа хорошие. Подскажите за даром как сделать такую замечателную и веселую штучку как синенькая картиночка с беленькими буквочками в правом верхнем углу этого форума (такая закладка, на которой мило написано Support Joomla!).

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

    Заранее благодарен.
     
    ZAjoomla!, Aug 24, 2009
    #1

  2. Ads Master

     
  3. stranik
    Offline

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

    Joined:
    Dec 3, 2008
    Messages:
    548
    Likes Received:
    36
    Gender:
    Male
    .class {
    position:absolute;
    }
     
    stranik, Aug 25, 2009
    #2
    ZAjoomla! likes this.
  4. Offline

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

    Joined:
    Apr 9, 2008
    Messages:
    95
    Likes Received:
    3
    Gender:
    Male
    Спасибо большое за помощь. Однако теперь рисунок переместился влево, а он мне нужен справа. Пытался прописать ему align="left", но нет реакции. Может и на этот вопрос у Вас есть ответ?
     
    ZAjoomla!, Aug 25, 2009
    #3
  5. stranik
    Offline

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

    Joined:
    Dec 3, 2008
    Messages:
    548
    Likes Received:
    36
    Gender:
    Male
    Засунь в div c стилем float:right или шириной 100%
     
    stranik, Aug 25, 2009
    #4
  6. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    У нас так:
    Код (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. }

    Главное - абсолютное позиционирование блока
     
    OlegM, Aug 25, 2009
    #5
    ZAjoomla! likes this.
  7. Offline

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

    Joined:
    Apr 9, 2008
    Messages:
    95
    Likes Received:
    3
    Gender:
    Male
    еееееее! спасибо большое, sourpuss! все получилось, как у Вас на сайте. успешной работе команде!
     
    ZAjoomla!, Aug 26, 2009
    #6
< как убрать ссылку на com_jcomments css в шапке сайта ? | Шаблон для WAP сайта. >

Share This Page

Loading...