[Error]  Problema con el Menu
* URL del foro: http://www.zero-juegos.es/ * Versión del foro: 1.6 * Actualización: Ninguna Bueno, tengo un problema bastante gordo, y es ke estub...


Bueno, tengo un problema bastante gordo, y es ke estube tocando cosas en el header aumentado el banner y etc.

Consegui aumentar el banner, y tambien logre kitar la url que te ponen siempre en el logo del banner.

Al tocar algo k no se lo que es se me quedo asi:
Si os dais cuenta tambien me puse un color blanco al rededor del menu, y eos era negro como vereis en la otra foto.

[Imagen: dibujolab.jpg]

¡ATENCION! Y ASI ES COMO ERA ANTES EL FORO, BIEN.
[Imagen: dibujojo.png]

*Esta imagen no tiene el banner Aumentado a 200.

Que quiero?

-Que en la 1º foto, se kite esa barra imaginaria debajo del banner y que se pege el banner al menu.

-Y que se le kite el color blanco rodeando el menu como en la 2 foto.

Un Saludo.
Última modificación: 21 Nov, 2010, 10:34 am por the juanxo.
pero sube la plantilla para que te puedamos ayudar a corregir.
Pero sieske no se de donde es el error
Esto?

Código:
body {
    background: #000 url(images/ocean/bg.png);
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 25px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

a:link {
    color: #007d7d;
    text-decoration: none;
}

a:visited {
    color: #007d7d;
    text-decoration: none;
}

a:hover, a:active {
    color: #000;
    text-decoration: underline;
}

#container {
    background: url(images/ocean/fondo1.gif);
    width: 92%;
    color: #000000;
    border: 1px solid #000;
    border-top: 0;
    margin: auto auto;
    text-align: left;
}
.logo {

    background: #006666 url(http://www.zero-juegos.es/images/ocean/logo_bg.png) top left repeat-x;
    border-bottom: 1px solid #000;
    height: 200px;
}

#content {
    width: auto !important;
    padding: 20px;
}

.menu ul {
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #000000;
    text-decoration: none;
}

.menu ul a:visited {
    color: #000000;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #4874a3;
    text-decoration: none;
}

#panel {
    background: #efefef;
    color: #000000;
    font-size: 11px;
    border: 1px solid #D4D4D4;
    padding: 8px;
}

.upper_panel {
    background: #1B1C1B url(images/ocean/tcat_bg.png) top left repeat-x;
    color: #fff;
    border-bottom: 1px solid #000;
    padding: 7px;
}

.upper_panel a {
    color: #fff;
    padding-left: 20px;
    margin-right: 15px;
    
    font-weight: bold;
}

.upper_panel a.search {
    background: url(images/ocean/icons/search.gif) no-repeat;
}

.upper_panel a.memberlist {
    background: url(images/ocean/icons/memberlist.gif) no-repeat;
}

.upper_panel a.calendar {
    background: url(images/ocean/icons/calendar.gif) no-repeat;
}

.upper_panel a.help {
    background: url(images/ocean/icons/help.gif) no-repeat;
    margin-right: 0;
}

.upper_panel a.login {
    background: url(images/ocean/icons/login.gif) no-repeat;
    margin-left: 10px;
}

.upper_panel a.register {
    background: url(images/ocean/icons/register.gif) no-repeat;
}

.upper_panel a.logout {
    background: url(images/ocean/icons/logout.gif) no-repeat right;
    padding-right: 20px;
    margin-left: 10px;
    padding-left: 0;
    margin-right: 0;
}

.lower_panel a.admincp {
    background: url(images/ocean/icons/admincp.gif) no-repeat;
    padding-left: 20px;
}

.lower_panel a.modcp {
    background: url(images/ocean/icons/modcp.gif) no-repeat;
    padding-left: 20px;
}

.lower_panel a.usercp {
    background: url(images/ocean/icons/usercp.gif) no-repeat;
    padding-left: 20px;
}

.lower_panel {
    background: #efefef;
    color: #888888;
    border-bottom: 1px solid #ccc;
    padding: 6px;
}

.lower_panel a {
    color: #626262;
    margin-right: 15px;
}

.lower_panel a:hover,
.lower_panel a:active {
    text-decoration: none;
    color: #000;
}

table {
    color: #000000;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    background: #fff;
    width: 100%;
    margin: auto auto;
    border: 1px solid #000;
}

.thead {
    background: #006666 url(images/ocean/thead_bg.png) top left repeat-x;
    color: #fff;
    border-bottom: 1px solid #003e3e;
}

.thead a:link {
    color: #fff;
    text-decoration: none;
}

.thead a:visited {
    color: #fff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #fff;
    text-decoration: underline;
}

.tcat {
    background: #1B1C1B url(images/ocean/tcat_bg.png) top left repeat-x;
    color: #fff;
    border-bottom: 1px solid #000;
}

.tcat a:link {
    color: #fff;
}

.tcat a:visited {
    color: #fff;
}

.tcat a:hover, .tcat a:active {
    color: #fff;
}

.trow1 {
    background: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
}

.trow2 {
    background: #EFEFEF;
    border-bottom: 1px solid #e0e0e0;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
    border-bottom: 1px solid #F7E86A;
    color: #000;
}

.trow_selected td a,
.trow_selected td a:link,
.trow_selected td a:visited,
.trow_selected td a:hover,
.trow_selected td a:active {
    color: #000;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #007d7d;
    color: #ffffff;
    border-top: 1px solid #005b5b;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #1B1C1B url(images/ocean/tcat_bg.png) top left repeat-x;
    color: #fff;
    border-top: 1px solid #000;
    padding: 6px;
}

.bottommenu div span.smalltext a {
    color: #fff;
    margin-right: 15px;
}

.navigation {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}

.navigation a:link {
    color: #009797;
    text-decoration: none;
}

.navigation a:visited {
    color: #009797;
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    color: #000;
    text-decoration: none;
}

.navigation .active {
    color: #000000;
    font-size: small;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #888888;
    padding: 3px;
    
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #888888;
    padding: 2px;
    line-height: 1.4;
    
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #888888;
    padding: 2px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.textbox:focus,
textarea:focus,
select:focus {
    border: 1px solid #000;
}

input[type=submit] {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-weight: bold;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #008080;
    color: #fff;
}

.popup_menu {
    background: #fff;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #efefef;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #008080;
    color: #fff;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/ocean/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/ocean/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/ocean/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    width: auto;
    float: right;
    vertical-align: middle;
    margin-top: 2px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    background: #006666 url(images/ocean/thead_bg.png) top left repeat-x;
    color: #fff;
    margin: 0;
    padding: 6px;
    border-top: 1px solid #00101b;
}

#copyright a {
    color: #fff;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/ocean/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    background: #efefef;
    border: 1px solid #ccc;
}

.pagination .pagination_current {
    background: #efefef;
    border: 1px solid #ccc;
    
    font-weight: bold;
}

.pagination a:hover {
    background: #008080;
    color: #fff;
    border: 1px solid #005f5f;
    
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

fieldset,
fieldset.trow1,
fieldset.trow2 {
    background: #ededed;
    border: 1px solid #ccc;
}
Última modificación: 21 Nov, 2010, 10:50 am por Cluster.
y el error esta en la plantilla que modificastes, en este caso creo que hablamos del header.
Si, fue tocar para que se me fuese una url de esas que te ponen en el logo, que te redirige al portal por eso.
es como si se hubiese copiado el menu, arriba.

Entonces por eso esta el hueco, y tambien el menu esta rodeado de blanco, que eso no estaba antes tampoco.
Tambien estube tocando el .logo
Última modificación: 21 Nov, 2010, 10:59 am por the juanxo.
Repito lo que digo Mauro a ver si así lo haces:

(21 Nov, 2010, 10:37 am)Mauro escribió: pero sube la plantilla para que te puedamos ayudar a corregir.
Última modificación: 21 Nov, 2010, 1:16 pm por Cluster.
necesitas subir la plantilla header para que te podamos ayudar a solucionar tu problema
Aqui teneis la plantilla Header

Código:
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="logo"><a href="http://www.zero-juegos.es/index.php" class="logo" alt=".: Zero-Juegos.: " title=".: Zero-Juegos.: "></a></div>
            <div class="menu">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />
El header lo dejas así:
Código:
<div id="container">
        <a name="top" id="top"></a>    
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            {$welcomeblock}
        </div>
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            <navigation>
            <br />

Y cambias el CSS del .logo de dentro del global.css por:
Código:
.logo {
    background: #006666 url(images/ocean/logo_bg.png) top left repeat-x;
    border-bottom: 1px solid #000;
    height: 200px;
}

Y en el el estilo de tu theme, tienes que elegir el logo para que salga bien.
para solucionar el problema de los textos escondidos borra toda la plantilla header y pega esto:

Código:
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="logo"><a href="http://www.zero-juegos.es/index.php" class="logo" alt=".: Zero-Juegos.: " title=".: Zero-Juegos.: "></a></div>
            
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />

Espero te sirva. Saludos