Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

wyśrodkowanie loga

Założony przez  Sabat.

13.09.2014, 11:36 (Ten post był ostatnio modyfikowany: 13.09.2014, 11:37 przez Sabat.)
#1
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?

<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 /> 
13.09.2014, 11:40 (Ten post był ostatnio modyfikowany: 13.09.2014, 11:48 przez arusf2011.)
#2
Wpierw daj link do strony.
<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.
13.09.2014, 11:53
#3
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.
13.09.2014, 11:59
#4
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ł.
13.09.2014, 12:03
#5
Ale mu chodzi aby napis Hexodria był na wysokości obrazka, a nie na samym dole rozumiesz? ...
13.09.2014, 12:05 (Ten post był ostatnio modyfikowany: 13.09.2014, 12:06 przez SLAVOO.)
#6
Sabat napisał(a):Mam taki mały problem:

Adres forum. Może tak czas się nauczyć podawać wszystkie informacje w pierwszym poście?
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
13.09.2014, 12:12
#7
<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

  • Gość
  •   0
13.09.2014, 12:19
#8
Po 1. Co to w ogóle za zapis tego loga?
<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:
<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:
#logo
Pod nim dodajesz (o ile już tego nie dodałeś):
#logo img{
float:left;
}
#logo span{
margin:30px 0 0 5px;
float:left;
}



Użytkownicy przeglądający ten wątek:

2 gości