Webboard

wersja skryptu MyBB: 1.8.6
adres forum: www.csgamers.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam chciałem dodać do menu kilka buttonów przekierowujących na inny adres strony, udało mi się to jedynie w buttonie z napisem (nazwa) lecz w obrazku wystąpił problem
przeniesienia loga na prawą stronę forum próbowałem z różnymi rozmiarami obrazka nawet obrazek wielkości zwykłego napisu powodował przesuwanie się głównego loga.

Kod:
<li> <div id="link"><a href="link" style="color:red">Bans</a></div>

"Bans"

Header:

Kod:
<div id="wrapper"></div>

<div id="topwrap"><a name="top" id="top"></a>

<div id="mainwidth">

  <div class="float_left">   

  <div class="menu" style="margin-top: 0%;">

    <ul>

<li> <a href="{$mybb->settings['bburl']}/portal.php"><i class="fa fa-home"></i></br>Home</a></li>

<li> <a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-comments"></i></br>Forums</a>

<li> <a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-fw"></i></br> Search</a></li>

<li> <a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-user fa-fw"></i></br> Members</a></li>

<li> <a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>

<li> <a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-life-ring fa-fw"></i></br> Help</a></li>

<li> <div id="http://www.sourcebans.net"><a href="http://www.sourcebans.net" style="color:red">Bans</a></div>

  <ul></div></div>

<div class="float_right">{$welcomeblock}</div>

 </div></div>

<div id="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}"  /></a></div>

<div class="searchbox">

    <form action="search.php" method="post">

        <input type="text" name="keywords" class="textosearch" placeholder="Search..." title="Insert key words to perform a search..." />

        <input type="submit" name="submit" class="boton5" value="Search" />

        <input type="hidden" name="action" value="do_search" />

    </form></div></br>

 <br />

  <div id="mbox" style="margin-top: -5px;">  

      <br />

     <div id="container">

        <div id="content">

            <div class="wrapper">

                {$pm_notice}

                {$bannedwarning}

                {$bbclosedwarning}

                {$unreadreports}

                {$pending_joinrequests}

                {$awaitingusers}

                <navigation>

                  <br />

Dlaczego dodajesz to jako div? Divy mają strukturę blokową, więc nic dziwnego, że całość się przesunie.
Nowe elementy do menu dodajesz analogicznie do starych:

Kod:
<li> <a href="link_do_banow"><i class="fa fa-life-ring fa-fw"></i></br> Bans</a></li>

"Obrazek" lub jak wolisz - ikonkę zmieniasz podmieniając fa-life-ring na dowolny obiekt z Font Awesome:
https://fortawesome.github.io/Font-Awesome/icons/

(16.03.2016, 15:57)ficus napisał(a): [ -> ]"Obrazek" lub jak wolisz - ikonkę zmieniasz podmieniając fa-life-ring na dowolny obiekt z Font Awesome:
https://fortawesome.github.io/Font-Awesome/icons/

Nie chce widzieć na oczy tych FA

mam własną grafikę to może:

Kod:
<li> <a href="link_do_banow"><img src="link"></i></br> Bans</a></li>

Nie wiem czy dobrze to jest zrobione

Bez tego </i>, <img> zamyka się samo w sobie:

Kod:
<li> <a href="link_do_banow"><img src="link" alt="teskt_alternatywny" /></br> Bans</a></li>

Aczkolwiek jest szansa, że nie będzie to wyglądało tak jak chcesz. Najłatwiej spróbować, przecież nic się nie stanie

(16.03.2016, 16:25)ficus napisał(a): [ -> ]Aczkolwiek jest szansa, że nie będzie to wyglądało tak jak chcesz. Najłatwiej spróbować, przecież nic się nie stanie

http://zapodaj.net/808a53fea4701.png.html
Dalej się rozjechało

logo powinno być z lewej

U mnie jest z lewej.
http://i.imgur.com/LLlR0mo.png

Zostaw tak jak było, w ciemno nie zobaczę gdzie był błąd.

Ok zrobiłem, zmieniłem wielkość obrazka w photoshopie idealnie do krawędzi napisu i wyskalowało mi nagłówek na swoje miejsce, dziękuję za pomoc!

kdmm

ficus

kdmm

ficus

kdmm

ficus

kdmm