Centrar la leyenda de los iconos
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
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
Ve a la plantilla Index y busca esto:
Y tan solo dale center:
Code:
<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>Y tan solo dale center:
Quote:<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>
Ahora me ha quedado así:
![[Image: capturawt.png]](http://img340.imageshack.us/img340/6629/capturawt.png)
Y lo que he encontrado era esto
Le he añadido lo que está en negrita
![[Image: capturawt.png]](http://img340.imageshack.us/img340/6629/capturawt.png)
Y lo que he encontrado era esto
Quote:<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
Mejor dejalo asi:
Code:
<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>
Así simplemente no hace efecto. Es muy raro
Quote:<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}
<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>
Code:
<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} </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} </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>
</tbody>
<br style="clear: both" />
{$footer}
</body>
</html>Intenta asi
yo lo intente asi como tu dics bour y no queda, queda uno abajo del otro y todos alineados a la izquierda
Intentar así ,
Code:
<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>![[Image: l7Qimoa.png]](http://i.imgur.com/l7Qimoa.png)