Centrar la leyenda de los iconos

Xilver266 23 Aug, 2010, 3:52 pm

Foro: en mi perfil
Version 1.6

Problema: Hola quisiera centrar la leyenda de los iconos de (FORO NUEVO, FORO NO NUEVO, FORO CERRADO) Los iconos de los foros que aparecen al pie del indice. He andando toquetenado en el CSS y por mas que pongo center no quiere centrarse

Gustavo R. 23 Aug, 2010, 4:20 pm

Ve a la plantilla Index y busca esto:

Código:
<td class="trow2"><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" border="0" /></td>

    <td align="left" class="trow1"><div class="smallfont">{$lang->new_posts}&nbsp;</div></td>

    <td class="trow2" ><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" border="0" /></td>

    <td align="left" class="trow1" ><div class="smallfont">{$lang->no_new_posts}&nbsp;</div></td>

    <td class="trow2" ><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}"  border="0" /></td>

    <td align="left" class="trow1" ><div class="smallfont">{$lang->forum_locked}&nbsp;</div></td>

Y tan solo dale center:

Cita:<tr align="center">
<td class="trow2"><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" border="0" /></td>
<td align="left" class="trow1"><div class="smallfont">{$lang->new_posts} </div></td>
<td class="trow2" ><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" border="0" /></td>
<td align="left" class="trow1" ><div class="smallfont">{$lang->no_new_posts} </div></td>
<td class="trow2" ><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" border="0" /></td>
<td align="left" class="trow1" ><div class="smallfont">{$lang->forum_locked} </div></td>
</tr>

[Imagen: http://i.imgur.com/l7Qimoa.png]

Xilver266 23 Aug, 2010, 4:29 pm

Ahora me ha quedado así:

[Imagen: capturawt.png]

Y lo que he encontrado era esto

Cita:<dl class="forum_legend smalltext" align="center">
<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->new_posts}</dd>

<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
<dd>{$lang->forum_locked}</dd>
</dl>

Le he añadido lo que está en negrita

Gustavo R. 23 Aug, 2010, 4:33 pm

Mejor dejalo asi:

Código:
<center>

<dl class="forum_legend smalltext" >

<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>

<dd>{$lang->new_posts}</dd>

</br>

<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>

<dd>{$lang->no_new_posts}</dd>

</br>

<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>

<dd>{$lang->forum_locked}</dd>

</dl>

</center>

[Imagen: http://i.imgur.com/l7Qimoa.png]

Xilver266 23 Aug, 2010, 4:55 pm

Así simplemente no hace efecto. Es muy raro

Gustavo R. 23 Aug, 2010, 4:59 pm

Pasa me tu plantilla completa

[Imagen: http://i.imgur.com/l7Qimoa.png]

Xilver266 23 Aug, 2010, 5:16 pm

Cita:<html>
<head>
<link rel="shortcut icon" href="http://img22.imageshack.us/img22/1946/faviconub.png" type="image/x-icon" />
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">

</script>
</head>
<body>
{$header}
{$ps_header_index}
{$forums}
{$ps_footer_index}
{$boardstats}

<center>
<dl class="forum_legend smalltext">
<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->new_posts}</dd>

<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
<dd>{$lang->forum_locked}</dd>
</dl>
</center>
<br style="clear: both" />
{$footer}
</body>
</html>

Gustavo R. 23 Aug, 2010, 5:24 pm

Código:
<html>

<head>

<link rel="shortcut icon" href="http://img22.imageshack.us/img22/1946/faviconub.png" type="image/x-icon" />

<title>{$mybb->settings['bbname']}</title>

{$headerinclude}

<script type="text/javascript">

<!--

lang.no_new_posts = "{$lang->no_new_posts}";

lang.click_mark_read = "{$lang->click_mark_read}";

// -->

</script>

</head>

<body>

{$header}

{$ps_header_index}

{$forums}

{$ps_footer_index}

{$boardstats}

<tbody>

<tr align="center">

    <td class="trow2"><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" border="0" /></td>

    <td align="left" class="trow1"><div class="smallfont">{$lang->new_posts}&nbsp;</div></td>

</dd>

    <td class="trow2" ><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" border="0" /></td>

    <td align="left" class="trow1" ><div class="smallfont">{$lang->no_new_posts}&nbsp;</div></td>

    <td class="trow2" ><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}"  border="0" /></td>

    <td align="left" class="trow1" ><div class="smallfont">{$lang->forum_locked}&nbsp;</div></td>        

</tr>

</tbody>

<br style="clear: both" />

{$footer}

</body>

</html>

Intenta asi

[Imagen: http://i.imgur.com/l7Qimoa.png]

DarkFinder 24 Aug, 2010, 8:57 pm

yo lo intente asi como tu dics bour y no queda, queda uno abajo del otro y todos alineados a la izquierda

Gypaete 25 Aug, 2010, 3:42 am

#10

Intentar así ,

Código:
<html>

<head>

<link rel="shortcut icon" href="http://img22.imageshack.us/img22/1946/faviconub.png" type="image/x-icon" />

<title>{$mybb->settings['bbname']}</title>

{$headerinclude}

<script type="text/javascript">

<!--

lang.no_new_posts = "{$lang->no_new_posts}";

lang.click_mark_read = "{$lang->click_mark_read}";

// -->

</script>

</head>

<body>

{$header}

{$ps_header_index}

{$forums}

{$ps_footer_index}

{$boardstats}

<dl class="forum_legend smalltext" align="center">

<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>

<dd>{$lang->new_posts}</dd>

<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>

<dd>{$lang->no_new_posts}</dd>

<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>

<dd>{$lang->forum_locked}</dd>

</dl>

<br style="clear: both" />

{$footer}

</body>

</html>