Webboard

Pełna wersja: Przy zmianie menu jest wszędzie lupa
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Szablon header:

<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<div class="logo" id="slide"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<ul class="menu top_links">
  <li><a href="http://www.swlogistic.xaa.pl"> <i style="font-size: 12px;" class="fa fa-home fa-fw" original-title=""></i> STRONA GŁÓWNA</a>
<li><a href="/forum"> <i style="font-size: 12px;" class="fa fa-globe fa-fw" original-title=""></i> FORUM</a>
 <li><a href="http://www.swlogistic.xaa.pl/machinepark.html"> <i style="font-size: 12px;" class="fa fa-truck fa-fw" original-title=""></i> TABOR</a>
 </li>
 <li><a href="/forum/search.php"> <i style="font-size: 12px;" class="fa fa-search fa-fw" original-title=""></i> SZUKAJ</a></li>
 <li><a href=""> <i style="font-size: 12px;" class="fa fa-facebook fa-fw" original-title=""></i> FACEBOOK</a></li>
</ul>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$remote_avatar_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />
Co jest?  [attachment=11190]



Chciałbym osiągnąć w headerze takie ikonki jak tutaj: [attachment=11191]



Skopiowałem sobie z drugiego stylu to wszystko ale ikonkę mam tylko taką jedną.



Kod z drugiego stylu (z którego chcę to wyjąć)


<a name="top" id="top"></a>
<div class="welcomeblock">
    <div class="welcomeblock-wrapper">
<div class="float_right">
{$quicksearch}
 </div>
      <div class="nawigacja_usera">
                {$welcomeblock}
      </div>
 </div>
         
</div>
    </div>
</div>
<header>
<div class="wrapper">
             <ul id="menu">
   <li><a href="http://www.swlogistic.xaa.pl"> <i style="font-size: 12px;" class="fa fa-home fa-fw" original-title=""></i> STRONA GŁÓWNA</a>
<li><a href="/forum"> <i style="font-size: 12px;" class="fa fa-globe fa-fw" original-title=""></i> FORUM</a>
 <li><a href="http://www.swlogistic.xaa.pl/machinepark.html"> <i style="font-size: 12px;" class="fa fa-truck fa-fw" original-title=""></i> TABOR</a>
 </li>
 <li><a href="/forum/search.php"> <i style="font-size: 12px;" class="fa fa-search fa-fw" original-title=""></i> SZUKAJ</a></li>
 <li><a href=""> <i style="font-size: 12px;" class="fa fa-facebook fa-fw" original-title=""></i> FACEBOOK</a></li>
</ul>
<div id="header">
<div class="logo" id="slide"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
</div>
</div>
 </div>
</header>
</div>
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}              
{$awaitingusers}
              <navigation>
                 <div class="content">
                 <div class="wrapper">
<br />




konto utworzone, rzeczywiście zapomniałem o tym. Przepraszam.
Krok 1) Musisz zaincludować Font-Awesome: http://fontawesome.io/get-started/
Krok 2) Wystarczy usunąć:
Kod:
#header ul.menu li a {
    padding-left: 20px;
    background-image: url(../../../images/headerlinks_sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 16px;
}

i najlepiej pozycje tych obrazków, aby nie zaśmiecać kodu.

I gotowe.
(18.01.2017, 15:19)Snake_ napisał(a): [ -> ]Krok 1) Musisz zaincludować Font-Awesome: http://fontawesome.io/get-started/
Krok 2) Wystarczy usunąć:
Kod:
#header ul.menu li a {
    padding-left: 20px;
    background-image: url(../../../images/headerlinks_sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 16px;
}

i najlepiej pozycje tych obrazków, aby nie zaśmiecać kodu.

I gotowe.
Saved my life! :) Dzięki serdeczne za pomoc. Poleciała gwiazdeczka. Może komuś się jeszcze przyda twoja pomoc.




Aha! Warto przy instalacji tego maila jednak podać. :P