Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Rizii

Как заменить обычную шапку на CSS код?

Recommended Posts

Здравствуйте, извините за то что не нашёл решение этой проблемы на форуме.

 

Вобщем у меня вопрос: Как заменить обычную шапку на CSS код?

 

Допустим у меня есть код:

 

<style>

li a{

display: block;

width: 1902px;

height: 181px;

background: url(//s7.hostingkartinok.com/uploads/images/2014/05/10833f88e00cc684027913cc79c50fba.png) no-repeat;

white-space: nowrap;

text-indent: 100%;

}

li:hover a{

background-image: url(//s7.hostingkartinok.com/uploads/images/2014/05/af0c10cbe9083bf4bb122ec753bb87dc.png)

}

</style>

<ul>

<li>

<a href="#">Игровое сообщество Free Alliance</a>

</li>

</ul>

 

Возможно ли как то поставить его вместо обычной шапки?

 

Буду очень признателен.

Share this post


Link to post
Share on other sites

Что мешает css код прикрепить к обычной шапки? Стандартный лого сверстан по определенным правилам, вы уверены что что ваш код не разъедется в шапке?

Стандартная шапка находится в шаблоне Глобальные -> defaultHeader

А сам блок шапки в Глобальные -> globalTemplate: div#logo

Share this post


Link to post
Share on other sites

Что мешает css код прикрепить к обычной шапки? Стандартный лого сверстан по определенным правилам, вы уверены что что ваш код не разъедется в шапке?

Стандартная шапка находится в шаблоне Глобальные -> defaultHeader

А сам блок шапки в Глобальные -> globalTemplate: div#logo

 

Дело в том что, когда я прикрепляю css код изображение буквально умножается.

Возможно ли как то убрать эту проблему?

 

http://s7.hostingkartinok.com/uploads/images/2014/05/5c96d9f04153abb36262d211f4d81396.png

Share this post


Link to post
Share on other sites

Умножается, потому что у селекторах нет никаких идентификаторов, или классов к кому бы они конкретно относились, поэтому выбираются все элементы li на странице. Нужно указать кому конкретно применять данные правила

#logo li a{

и

#logo li:hover a

Share this post


Link to post
Share on other sites

Умножается, потому что у селекторах нет никаких идентификаторов, или классов к кому бы они конкретно относились, поэтому выбираются все элементы li на странице. Нужно указать кому конкретно применять данные правила

#logo li a{

и

#logo li:hover a

 

Извините, я плохо разбираюсь в css, Вы не могли бы указать куда подставлять индификатор?

 

 <a href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img src='{parse replacement="logo_img"}' alt='{$this->lang->words['logo']}' /></a>
<style>
   li a{
       display: block;
       width: 1902px;
       height: 181px;
       background: url(http://s7.hostingkartinok.com/uploads/images/2014/05/10833f88e00cc684027913cc79c50fba.png) no-repeat;
       white-space: nowrap;
       text-indent: 100%;
   }
   li:hover a{
       background-image: url(http://s7.hostingkartinok.com/uploads/images/2014/05/af0c10cbe9083bf4bb122ec753bb87dc.png)
   }
</style>
<ul>
   <li>
       <a href="#">Игровое сообщество Free Alliance</a>
   </li>
</ul> 

Share this post


Link to post
Share on other sites

Дык, я же указал, нужно только немного смекалки.

 

   #logo li a{
     ...
   }
   #logo li:hover a{
     ...
   }

Share this post


Link to post
Share on other sites

Дык, я же указал, нужно только немного смекалки.

 

   #logo li a{
     ...
   }
   #logo li:hover a{
     ...
   }

 

Большое спасибо!

Проблема заключалась в том, что:

 

Название файла было не "logo", а "logo_img"

 

Ещё раз спасибо, желаю удачи!

Share this post


Link to post
Share on other sites

По моему вы либо суть, либо проблему перепутали. О каком "название файла" идет речь?.. Название бэкграунд файла к css селекторам не имеет никакого отношения. В худшем случае изображение просто бы не отобразилось.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...