Webboard

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ć.

Demolka

Snake_

Demolka