Webboard

Pełna wersja: Dodatkowe Buttony Problem
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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 :D 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 :D
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!