Zmiana headera na pokazany w poście (screen)

wersja skryptu MyBB: 1.6.15
adres forum: fungaming.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam, jak mogę zrobić takie menu
z takiego menu


Jeżeli ktoś pomoże będą rep+ za każdy post.

*
Przy dodatku wie ktoś jaka to jest czcionka z tego 1 obrazka?

Snake_ napisał 21.08.2014, 11:55:
1 wątek - 1 problem! Nie obiecuj nagród. Poprawiam tytuł.

Wszystko odbywa się w szablonie header - wydzieliłem logo do nowej klasy .header i jej ustawiłem wysokość 107px. To wszystko.

Czyli jak to zrobić? bo nie kumam.

eh no wiem że wam czas marnuję, ale ty przynajmniej wiesz o co chodzi i poradzisz sobie a ja nie potrafię nawet dodać tła.. może i umiem ale jestem zbyt tępy

Snake_ napisał 21.08.2014, 12:03:
No dobrze, ale kultura powinna być.

Jest wiele kursów, by się poduczyć.

Pokaż szablon header.

<div id="container">
        <a name="top" id="top"></a>
    
        <div class="header">
      <div id="logo">
         <a href="{$mybb->settings['bburl']}/index.php" class="logoyazi" title="{$mybb->settings['bbname']}" rel="home" accesskey="1">FunGaming</a>
      </div>

      <div class="menu" class="clearfix">
           <li><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
           <li><a href="{$mybb->settings['bburl']}/index.php" class="aktif">Forum</a></li>
           <li><a href="{$mybb->settings['bburl']}//search.php">Szukaj</a></li>
           <li><a href="{$mybb->settings['bburl']}/memberlist.php">Użytkownicy</a></li>
           <li><a href="{$mybb->settings['bburl']}/calendar.php" title="Kalendarz">{$lang->toplinks_calendar}</a></li>
           <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" title="Pomoc">{$lang->toplinks_help}</a></li>
       <li><a href="{$mybb->settings['bburl']}/search.php" title="Ara">{$lang->toplinks_search}</a></li>
      </div>
</div>


        


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

        
        <hr class="hidden" />
        
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />

Prosz.

<div id="container">
        <a name="top" id="top"></a>
        <div class="header" style="height: 107px;">
      <div id="logo">
        <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" class="tipsy1" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
      </div>
        <div class="header">
      <div class="menu" class="clearfix">
           <li><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
           <li><a href="{$mybb->settings['bburl']}/index.php" class="aktif">Forum</a></li>
           <li><a href="{$mybb->settings['bburl']}//search.php">Szukaj</a></li>
           <li><a href="{$mybb->settings['bburl']}/memberlist.php">Użytkownicy</a></li>
           <li><a href="{$mybb->settings['bburl']}/calendar.php" title="Kalendarz">{$lang->toplinks_calendar}</a></li>
           <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" title="Pomoc">{$lang->toplinks_help}</a></li>
       <li><a href="{$mybb->settings['bburl']}/search.php" title="Ara">{$lang->toplinks_search}</a></li>
      </div>
</div>


        


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

        
        <hr class="hidden" />
        
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br /> 


sprawdz fungaming.xaa.pl

Coś nie działa ;c

<div id="container">
        <a name="top" id="top"></a>
    
        <div class="header" style="height: 107px;">
      <div id="logo">
        <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" class="tipsy1" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
      </div>
</div>
<div class="header">
      <div class="menu" class="clearfix">
           <li><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
           <li><a href="{$mybb->settings['bburl']}/index.php" class="aktif">Forum</a></li>
           <li><a href="{$mybb->settings['bburl']}//search.php">Szukaj</a></li>
           <li><a href="{$mybb->settings['bburl']}/memberlist.php">Użytkownicy</a></li>
           <li><a href="{$mybb->settings['bburl']}/calendar.php" class="tipsy1" title="Kalendarz">{$lang->toplinks_calendar}</a></li>
           <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="tipsy1" title="Pomoc">{$lang->toplinks_help}</a></li>
       <li><a href="{$mybb->settings['bburl']}" class="tipsy1" title="Serwerowe radio">Radio</a></li>
      </div>
</div>
        


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

        
        <hr class="hidden" />
        
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br /> 


i wgraj logo

logo wgrać do ftp?

No tak. Do ścieżki, jaką masz ustawioną w ACP → Style i szablony → Style → Twój styl.

Okej, wgrałem i działa.
Jak mogę dośrodkować to menu?

w global.css znajdź:

#logo {
float: left;
}
        

#logo a.logoyazi {
color: white;
height: 60px;
line-height: 60px;
padding: 0 18px;
font-weight: 300;
font-size: 20px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
display: block;
text-decoration: none;
}

.header {
background: #303030;
background: rgba(30, 30, 30, 0.9);
background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8) 0%, rgba(30, 30, 30, 0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30, 30, 30, 0.8)), color-stop(100%,rgba(30, 30, 30, 0.9)));
text-align: center;
background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8) 0%,rgba(30, 30, 30, 0.9) 100%);
background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8) 0%,rgba(30, 30, 30, 0.9) 100%);
background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8) 0%,rgba(30, 30, 30, 0.9) 100%);
background: linear-gradient(to bottom, rgba(30, 30, 30, 0.8) 0%,rgba(30, 30, 30, 0.9) 100%);
border: 1px solid #151515;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 5px, inset rgba(255, 255, 255, 0.12) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(255,255,255,0.12) 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 5px, inset rgba(255, 255, 255, 0.12) 0px 1px 0px;
height: 60px;
margin-top: 10px;
margin-bottom: 10px;
}

.menu {
font-size: 12px;
text-align: center;
}

.menu li {
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
float: left;
list-style: none;
}

.menu a:link {
   line-height: 60px;
     color: #fff;
     text-decoration: none;
     padding: 24px 15px;
}

.menu a:visited {
     line-height: 60px;
     color: #fff;
     text-decoration: none;
     padding: 24px 15px;
}


.menu a:hover, .menu a:active{
        line-height: 60px;
    background:rgba(0,0,0,0.2);
        color:#fff
    text-decoration: none;
        padding: 24px 15px;
} 


i zamień na:

#logo {
text-align: center;
}
        

#logo a.logoyazi {
color: white;
height: 60px;
line-height: 60px;
padding: 0 18px;
font-weight: 300;
font-size: 20px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
display: block;
text-decoration: none;
}
.header {
background: #303030;
background: rgba(30, 30, 30, 0.9);
background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8) 0%, rgba(30, 30, 30, 0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30, 30, 30, 0.8)), color-stop(100%,rgba(30, 30, 30, 0.9)));
background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8) 0%,rgba(30, 30, 30, 0.9) 100%);
background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8) 0%,rgba(30, 30, 30, 0.9) 100%);
background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8) 0%,rgba(30, 30, 30, 0.9) 100%);
background: linear-gradient(to bottom, rgba(30, 30, 30, 0.8) 0%,rgba(30, 30, 30, 0.9) 100%);
border: 1px solid #151515;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 5px, inset rgba(255, 255, 255, 0.12) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(255,255,255,0.12) 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 5px, inset rgba(255, 255, 255, 0.12) 0px 1px 0px;
height: 60px;
margin-top: 10px;
margin-bottom: 10px;
}

.menu {
font-size: 12px;
text-align: center;
}

.menu li {
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
list-style: none;
display: inline;
}

.menu a:link {
   line-height: 60px;
     color: #fff;
     text-decoration: none;
     padding: 24px 15px;
}

.menu a:visited {
     line-height: 60px;
     color: #fff;
     text-decoration: none;
     padding: 24px 15px;
}


.menu a:hover, .menu a:active{
        line-height: 60px;
    background:rgba(0,0,0,0.2);
        color:#fff;
    text-decoration: none;
        padding: 24px 15px;
}