Cambiar header

iNFAMOUS 19 Jan, 2015, 7:58 am

Hola gente de mybb, les queria pedir una ayudita: quiero cambiar el header de mi foro igual como esta en la imagen, si alguien me da una mano con esto, se lo agradezco!

[Imagen: OaP2EWi.png]

iNFAMOUS 19 Jan, 2015, 12:14 pm

Alguna ayuda? plssssss

angeluz 19 Jan, 2015, 3:19 pm

En primer lugar no apresures, aquí todos (excepto yo), tienen vida social Tongue

Aquí te va el tuto C;

1.- Ve a tú global.css(todo se hará aquí) y busca .wrapper
y cambias el ancho por 97%

2.- Ve a tú global.css y busca #menu
Cambia el height por 30px

3.- Busca #menu li a y reemplaza todo lo que está entre las llaves ( { } )
por esto:
display: block;
padding: 7px 42px 0 42px;
text-decoration: none;
color: #EBEBEB;
text-align: center;
border-right: 1px solid #313131;

4.- Busca #menu li
y borra esto:
line-height: 40px;
(algo así)

5.- Para terminar vas a ir a tú plantilla header y buscas el <i del primer <li> y le borras el padding a lo del style y el font-size en 15 o 16px ;D

Adiós

iNFAMOUS 19 Jan, 2015, 3:48 pm

(19 Jan, 2015, 3:19 pm)angeluz escribió: En primer lugar no apresures, aquí todos (excepto yo), tienen vida social

Aquí te va el tuto C;

1.- Ve a tú global.css(todo se hará aquí) y busca .wrapper
y cambias el ancho por 97%

2.- Ve a tú global.css y busca #menu
Cambia el height por 30px

3.- Busca #menu li a y reemplaza todo lo que está entre las llaves ( { } )
por esto:
display: block;
padding: 7px 42px 0 42px;
text-decoration: none;
color: #EBEBEB;
text-align: center;
border-right: 1px solid #313131;

4.- Busca #menu li
y borra esto:
line-height: 40px;
(algo así)

5.- Para terminar vas a ir a tú plantilla header y buscas el <i del primer <li> y le borras el padding a lo del style y el font-size en 15 o 16px ;D

Adiós

Hola, mira. Me salio todo mal, yo estoy editando el theme default de mybb, pero el global.css no tiene el #menu ni #menu li y tampoco el #menu li a, tampoco tiene algunos codigos como "line-height: 40px;"

alguna ayuda? fijate como se ve mi foro.

angeluz 19 Jan, 2015, 5:20 pm

Yo te di los pasos con el theme que tenías cuando entre, era uno negro...

Desde el theme default es todavia más lata ._.

Lo ocupas desde el theme default, entonces???

iNFAMOUS 20 Jan, 2015, 5:54 am

Hola angelus, si, gracias por la ayuda! estoy editando el carbon theme xD

bueno mira; quiero cambiar el header asi. ¿Hay chance de que me puedas colocar el codigo?.

Y otra cosa; que el color del header, osea lo que esta atras del logo y menu, se pueda modificar el color, ya que si modifico el color del header, se modifica el color del fondo..

[Imagen: zLZTVMC.png]

Gracias y saludos

Última modificación: 20 Jan, 2015, 5:54 am por iNFAMOUS.

iNFAMOUS 20 Jan, 2015, 1:28 pm

Upppeado!...........

angeluz 20 Jan, 2015, 10:53 pm

Ya qe este en mi pc, desde el wii u no puedo editarlo, descuida, no lo olvidare, si para el jueves no lo hago recuerdame con un mp c:

iNFAMOUS 21 Jan, 2015, 7:10 am

Hola, dale gracias! por las dudas este es mi header ahora mismo:

Código PHP:
<?php 

<div id="container">

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

        <div id="header">

          <div id="panel">

                <div class="upper">

                    <div class="wrapper">

                        {$welcomeblock}

                    <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->

                <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->

            </div>

        </div>

            <div id="logo">

                <div class="wrapper">

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

                  <ul id="menu">

    <li><a href="#"><i class="fa fa-bars" style="padding: 7px 0;font-size: 20px;"></i></a></li>

    <li><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>

    <li><a href="{$mybb->settings['bburl']}/index.php">Forum</a>

        <ul>

            <li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">View New Posts</a></li>

            <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily" class="selected">View Today's Posts</a></li></ul></li>

    <li><a href="{$mybb->settings['bburl']}/memberlist.php">Member List</a></li>

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

    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>

</ul> 

                </div>

            </div>

        <div id="content">

            <div class="wrapperindex">

                {$pm_notice}

                {$bannedwarning}

                {$bbclosedwarning}

                {$unreadreports}

                {$pending_joinrequests}

                {$awaitingusers}

                <navigation>

                <br />

Última modificación: 21 Jan, 2015, 7:10 am por iNFAMOUS.

[Ayuda] Cambiar header