Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > wyśrodkowanie loga
Pełna wersja: wyśrodkowanie loga
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

Sabat

13.09.2014, 11:36
wersja skryptu MyBB: ---
adres forum: ---
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Mam taki mały problem:
[Obrazek: syfxtc.jpg]

Jak to zrobić aby napis był po środku loga?

Kod PHP:
<div class="topwrap1">
<div class="wrap">
<div class="topwrap">
<div style="float: right;">{$welcomeblock}</div>
<div class="menuwrap">
<ul class="nav">      
<li><a href="{$mybb->settings['bburl']}/portal.php"><i class="icon-white icon-globe" style="font-size: 15px;margin-right:2px;"></i> Portal</a></li>
<li><a href="{$mybb->settings['bburl']}"><i class="icon-home" style="font-size: 15px;margin-right:2px;"></i> Forum</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="icon-group" style="font-size: 13px;margin-right:2px;"></i> {$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><i class="icon-calendar" style="font-size: 13px;margin-right:2px;"></i> {$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="icon-exclamation-sign" style="font-size: 13px;margin-right:2px;"></i> {$lang->toplinks_help}</a></li>
<li class="dropdown"><a href="#">Więcej</a>
<ul>
<li><a href="http://wiki.hexodria.pl/index.php">Wiki</a></li>
<li><a href="http://hexodria.pl/sklep/">Sklep SMS</a></li>
</ul></li>
 </ul>               
</div></div></div></div>

<div class="headerwrap">
<div class="wrap">
<div class="header">
<div id="logo">
<a href="{$mybb->settings['bburl']}/index.php" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /> <span><img src='/images/df/logo.png' /img> </i> Hex</span>odria</a>
</div>    
<div style="float: right;margin-right: -20px;"><span class="sidebartoggle""><a class="clickbutton" title="Zamknij Side Bar"></a><a class="clickedbuttons" title="Otwórz Side Bar"></a></span>
<span class="ent-advanced"><a href="{$mybb->settings['bburl']}/search.php" title="Zaawansowane wyszukiwanie"></a></span>
<div class="ent-search" id="ent-search">
<form id="searchform" action="search.php" method="post">
<div class="ent-search-input-wrap">
<input type="hidden" value="do_search" name="action">
<input type="hidden" value="" name="tid">
<input class="ent-search-input" placeholder="Wpisz czego szukasz..." type="text" name="keywords" value="" id="s">
</div>
<input class="ent-search-submit" type="submit" id="go" value=""><span class="ent-icon-search"></span>
</form>
</div>   
</div>
</div>
</div>
</div>
<div id="container">
        <a name="top" id="top"></a>
        <hr class="hidden" />
        <div id="content">
<div class="navwrap"><navigation></div>
<div class="announce">
<div class="announcehead"><i class="icon-microphone"></i></div>
<div id="testimonials">
<ul>
<li>
<testi>
<p>Witamy na Hexodria.pl - Najlepsze miejsce w sieci do Fragowania.</p>
</testi></li>    
 <li><testi>
<p>Aktualnie trwają prace nad serwerem MineCraft o tematyce RolePlay, serwer jest podobny do starego Seggelina! </p>
</testi></li>    
 <li><testi>
<p>Aby umilić wam korzystanie z naszego serwisu, jesteśmy w trakcie tworzenia Wiki oraz Shoutboxa do pogawędek :)</p>
</testi></li>    
 <li><testi>
<p>Zapraszamy na nasz serwer TeamSpeak 3 IP: 79.133.218.21 Zarejestruj się na forum, a otrzymasz możliwość posiadania własnego kanału!</p>
</testi>    
</li></ul></div>
</div>
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <br /> 

arusf2011

13.09.2014, 11:40
Wpierw daj link do strony.
Kod PHP:
<div class="topwrap1">
<div class="wrap">
<div class="topwrap">
<div style="float: right;">{$welcomeblock}</div>
<div class="menuwrap">
<ul class="nav">      
<li><a href="{$mybb->settings['bburl']}/portal.php"><i class="icon-white icon-globe" style="font-size: 15px;margin-right:2px;"></i> Portal</a></li>
<li><a href="{$mybb->settings['bburl']}"><i class="icon-home" style="font-size: 15px;margin-right:2px;"></i> Forum</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="icon-group" style="font-size: 13px;margin-right:2px;"></i> {$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><i class="icon-calendar" style="font-size: 13px;margin-right:2px;"></i> {$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="icon-exclamation-sign" style="font-size: 13px;margin-right:2px;"></i> {$lang->toplinks_help}</a></li>
<li class="dropdown"><a href="#">Więcej</a>
<ul>
<li><a href="http://wiki.hexodria.pl/index.php">Wiki</a></li>
<li><a href="http://hexodria.pl/sklep/">Sklep SMS</a></li>
</ul></li>
 </ul>               
</div></div></div></div>

<div class="headerwrap">
<div class="wrap">
<div class="header">
<center><div id="logo">
<a href="{$mybb->settings['bburl']}/index.php" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /> <span><img src='/images/df/logo.png' /img> </i> Hex</span>odria</a>
</div></center>    
<div style="float: right;margin-right: -20px;"><span class="sidebartoggle""><a class="clickbutton" title="Zamknij Side Bar"></a><a class="clickedbuttons" title="Otwórz Side Bar"></a></span>
<span class="ent-advanced"><a href="{$mybb->settings['bburl']}/search.php" title="Zaawansowane wyszukiwanie"></a></span>
<div class="ent-search" id="ent-search">
<form id="searchform" action="search.php" method="post">
<div class="ent-search-input-wrap">
<input type="hidden" value="do_search" name="action">
<input type="hidden" value="" name="tid">
<input class="ent-search-input" placeholder="Wpisz czego szukasz..." type="text" name="keywords" value="" id="s">
</div>
<input class="ent-search-submit" type="submit" id="go" value=""><span class="ent-icon-search"></span>
</form>
</div>   
</div>
</div>
</div>
</div>
<div id="container">
        <a name="top" id="top"></a>
        <hr class="hidden" />
        <div id="content">
<div class="navwrap"><navigation></div>
<div class="announce">
<div class="announcehead"><i class="icon-microphone"></i></div>
<div id="testimonials">
<ul>
<li>
<testi>
<p>Witamy na Hexodria.pl - Najlepsze miejsce w sieci do Fragowania.</p>
</testi></li>    
 <li><testi>
<p>Aktualnie trwają prace nad serwerem MineCraft o tematyce RolePlay, serwer jest podobny do starego Seggelina! </p>
</testi></li>    
 <li><testi>
<p>Aby umilić wam korzystanie z naszego serwisu, jesteśmy w trakcie tworzenia Wiki oraz Shoutboxa do pogawędek :)</p>
</testi></li>    
 <li><testi>
<p>Zapraszamy na nasz serwer TeamSpeak 3 IP: 79.133.218.21 Zarejestruj się na forum, a otrzymasz możliwość posiadania własnego kanału!</p>
</testi>    
</li></ul></div>
</div>
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <br /> 
Wklej to do szablonu index.

Bekamax

13.09.2014, 11:53
Dał link, na sreenie jest widoczny + nic nie zmieniłeś w tym co mu wysłałeś i w indexie tego problemu nie naprawisz tylko w css trzeba.

Dałeś po prostu za duży obrazek, to logo w tym stylu jest zrobione tylko pod tekst, który zmienia kolor po najechaniu. Wpisałeś obrazek więc wyrównało jakby to był napis.. Wgraj mniejszy obrazek lub po prostu odpuść sobie ten obrazek.

arusf2011

13.09.2014, 11:59
Nie.
W indexie to zmieni.
Robiłem to samo na innym forum i działa.
Przecież <center> odnosi się do wyśrodkowania.
Co do loga - usuń puste pole i jak dasz mój kod, to będzie tak jak tego byś chciał.

Bekamax

13.09.2014, 12:03
Ale mu chodzi aby napis Hexodria był na wysokości obrazka, a nie na samym dole rozumiesz? ...

SLAVOO

13.09.2014, 12:05
Sabat napisał(a):Mam taki mały problem:

Adres forum. Może tak czas się nauczyć podawać wszystkie informacje w pierwszym poście?

arusf2011

13.09.2014, 12:12
Kod PHP:
<div class="topwrap1">
<div class="wrap">
<div class="topwrap">
<div style="float: right;">{$welcomeblock}</div>
<div class="menuwrap">
<ul class="nav">      
<li><a href="{$mybb->settings['bburl']}/portal.php"><i class="icon-white icon-globe" style="font-size: 15px;margin-right:2px;"></i> Portal</a></li>
<li><a href="{$mybb->settings['bburl']}"><i class="icon-home" style="font-size: 15px;margin-right:2px;"></i> Forum</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="icon-group" style="font-size: 13px;margin-right:2px;"></i> {$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><i class="icon-calendar" style="font-size: 13px;margin-right:2px;"></i> {$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="icon-exclamation-sign" style="font-size: 13px;margin-right:2px;"></i> {$lang->toplinks_help}</a></li>
<li class="dropdown"><a href="#">Więcej</a>
<ul>
<li><a href="http://wiki.hexodria.pl/index.php">Wiki</a></li>
<li><a href="http://hexodria.pl/sklep/">Sklep SMS</a></li>
</ul></li>
 </ul>               
</div></div></div></div>

<div class="headerwrap">
<div class="wrap">
<div class="header">
<div id="logo">
<a href="{$mybb->settings['bburl']}/index.php" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /> <span><img src='/images/df/logo.png' /img> </i><align=left Hex</span>odria</align></a>
</div>    
<div style="float: right;margin-right: -20px;"><span class="sidebartoggle""><a class="clickbutton" title="Zamknij Side Bar"></a><a class="clickedbuttons" title="Otwórz Side Bar"></a></span>
<span class="ent-advanced"><a href="{$mybb->settings['bburl']}/search.php" title="Zaawansowane wyszukiwanie"></a></span>
<div class="ent-search" id="ent-search">
<form id="searchform" action="search.php" method="post">
<div class="ent-search-input-wrap">
<input type="hidden" value="do_search" name="action">
<input type="hidden" value="" name="tid">
<input class="ent-search-input" placeholder="Wpisz czego szukasz..." type="text" name="keywords" value="" id="s">
</div>
<input class="ent-search-submit" type="submit" id="go" value=""><span class="ent-icon-search"></span>
</form>
</div>   
</div>
</div>
</div>
</div>
<div id="container">
        <a name="top" id="top"></a>
        <hr class="hidden" />
        <div id="content">
<div class="navwrap"><navigation></div>
<div class="announce">
<div class="announcehead"><i class="icon-microphone"></i></div>
<div id="testimonials">
<ul>
<li>
<testi>
<p>Witamy na Hexodria.pl - Najlepsze miejsce w sieci do Fragowania.</p>
</testi></li>    
 <li><testi>
<p>Aktualnie trwają prace nad serwerem MineCraft o tematyce RolePlay, serwer jest podobny do starego Seggelina! </p>
</testi></li>    
 <li><testi>
<p>Aby umilić wam korzystanie z naszego serwisu, jesteśmy w trakcie tworzenia Wiki oraz Shoutboxa do pogawędek :)</p>
</testi></li>    
 <li><testi>
<p>Zapraszamy na nasz serwer TeamSpeak 3 IP: 79.133.218.21 Zarejestruj się na forum, a otrzymasz możliwość posiadania własnego kanału!</p>
</testi>    
</li></ul></div>
</div>
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <br /> 
To spróbuj to. Może to o to ci chodzi.

Salvation

13.09.2014, 12:19
Po 1. Co to w ogóle za zapis tego loga?
Kod:
<div id="logo">
<a href="http://hexodria.pl/index.php" alt="Hexodria.pl - Twoje Miejsce Fragowania" title="Hexodria.pl - Twoje Miejsce Fragowania"> <span><img src="/images/df/logo.png" img="">  Hex</span>odria</a>
</div>

Po 2. Wywalasz przed znacznik span znacznik img w takiej postaci:
Kod:
<div id="logo">
<a href="index.php" title="Hexodria.pl - Twoje Miejsce Fragowania"><img src="/images/df/logo.png" alt="logo"><span><font color=#0A9FE4>Hex</font>odria</span></a>
</div>

Po 3. Wchodzisz do global.css i szukasz znacznika:
Kod:
#logo
Pod nim dodajesz (o ile już tego nie dodałeś):
Kod:
#logo img{
float:left;
}
#logo span{
margin:30px 0 0 5px;
float:left;
}
Webboard > Wsparcie MyBB > Style, szablony i grafika > wyśrodkowanie loga