Modificaciones del Theme

nentab 6 Nov, 2010, 9:09 am

#51

(6 Nov, 2010, 8:49 am)Raizer escribió: A, pensé que lo veían todos , cuando entre una vez como invitado a mi foro, aparecio :S

Algo tendría mal ese foro. :S

Mauro 6 Nov, 2010, 7:44 pm

#52

(6 Nov, 2010, 8:43 am)abdonroda escribió: Te equivocas. El debug SOLO lo ven los administradores.
Y sí, se puede desactivar desde el ACP y no pasa nada. Eso, como dijo Raizer, solo muestra estadísticas.

Gracias ya lo desactive!!!
Bueno ahora tengo otra duda, hice un menu, y lo quiero remplazar por el default, el tema es pude remplazarlo pero no se como alinearlo a la derecha y arriba a la altura del logo, si me podrian ayudar con ese temita estaria agradecido, dejo las plantilla header y el codigo del menu.

header


	<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>
			<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 />

Codigo del Menu

<div style="background-color: #EFEFEF; width: 415px; border: 1px solid #000000;" align="center">
<table cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
	<td width="100%">
	<div class="navbar" style="font-size:14pt"><center><a href="index.php" accesskey="1"><b>AmxModX-ES</b></a>
<br><div style="font-size:8pt">Soporte en Español</div></div>
        </td>			
</tr>
</table>

<div align="center">
	        <table cellpadding="6" cellspacing="0" border="0" width="415" align="center" style="border-top-width:0px">
	        <tr align="left">
		<td class="menu_control" width="73" ><a href="search.php">Búsqueda</a></td>
		<td class="menu_control" width="147"><a href="memberlist.php">Lista de Miembros</a></td>
		<td class="menu_control" width="123"><a href="calendar.php">Calendario</a></td>
		<td class="menu_control" width="72"><a href="faq.php">Ayuda</a></td>     
                </tr></table>
	        <table cellpadding="6" cellspacing="0" border="0" width="415" align="center" style="border-top-width:0px">
	        <tr align="left">
                <td class="menu_control" width="75"><a href="http://www.amxmodx-es.org/creditos.php">Staff AmxModX-ES</a></td>
	        <td class="menu_control" width="100"><a href="https://forums.alliedmods.net/">AlliedModders</a></td>
                <td class="menu_control" width="75"><a href="http://www.amxmodx-es.org/">Web AmxModX-ES</a></td>	         							
	        </tr></table>
</div>
</div>

dejo la imagen de como lo quiero
[attachment=1673]

nentab 7 Nov, 2010, 3:50 am

#53

Prueba a poner esto en el header:

    <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>
			<div id="panel">
                {$welcomeblock}
            </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>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />

Y luego en el global.css tienes que añadir #panel un float: right;.

Mauro 7 Nov, 2010, 10:40 am

#54

Gracias abdon pero lo que has puesto no me sirvio, de todas forma solucione eso.
Bueno en fin he terminado el index del foro, me ha surgido un problema.
Hay resoluciones que el foro no se ve correctamente.
A mi personalmente se ve bien, y creo que resoluciones superiores a las mias se bien de bien.
El problema son con las resolciones inferiores como 800x600 o 1024x768.
A continuacion voy a dejar capturas con las resolciones defectuosas.

800x600:
[attachment=1678]

1024x768:
[attachment=1679]
[attachment=1680]

mi resolucion 1600x900
[attachment=1681]

Que tendria que hacer para ajustarlas a todas las resoluciones para que se vea como mi pc??

PD: gracias a la gente que me ayudo a testear este problema

Última modificación: 7 Nov, 2010, 10:41 am por alvarorojas4.

nentab 7 Nov, 2010, 11:03 am

#55

Tendrías que reducir el tamaño del logo. Porque el menu no creo que puedas reducir mucho. Por la resolución 800x600 supongo que no hace falta que te preocupes demasiado, porque ya es algo en "peligro de extinción" xD

Pero por lo menos en 1024x768 si tendrías que ponerlo bien.

Mauro 7 Nov, 2010, 6:57 pm

#56

(7 Nov, 2010, 11:03 am)abdonroda escribió: Tendrías que reducir el tamaño del logo. Porque el menu no creo que puedas reducir mucho. Por la resolución 800x600 supongo que no hace falta que te preocupes demasiado, porque ya es algo en "peligro de extinción" xD

Pero por lo menos en 1024x768 si tendrías que ponerlo bien.

Gracias Abdon como siempre, ya pude achicar un poco el logo y solucionar la resolucion 1024x768, bueno ahora sigo con otra pregunta
Quisiera poner una fila en donde señalo con la imagen, dentro de esas filas irian dos imagenes cualquiera.

Captura:

[attachment=1682]

PD: Mas Rep para vos Abdon

nocktis21 7 Nov, 2010, 7:14 pm

#57

Es algo muy sencillo, solo tienes que agregar en las plantillas "index_whosonline y index_stats" un "td" y ponerle un [ï]"colspan"[/i] y dentro de el td la imagen que quieras agregar.
Ejemplo: (Plantilla original de index_whosonline)

<tr>
<td class="tcat"><span class="smalltext"><strong>{$lang->whos_online}</strong> [<a href="online.php">{$lang->complete_list}</a>]</span></td>
</tr>
<tr>
<td class="trow1"><span class="smalltext">{$lang->online_note}<br />{$onlinemembers}</span></td>
</tr>

Y así con la fila que quieres agregar.

<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->whos_online}</strong> [<a href="online.php">{$lang->complete_list}</a>]</span></td>
</tr>
<tr>
<td class="trow1"><img src="" /></td>
<td class="trow1"><span class="smalltext">{$lang->online_note}<br />{$onlinemembers}</span></td>
</tr>

Recuerda que tienes que agregar tambien un colspan dentro de el thead de estadísticas.

Mauro 7 Nov, 2010, 7:26 pm

#58

entonces td serian las filas y tr las columnas? el colapsan que es?

Ahora pruebo hacerlo!!

Última modificación: 7 Nov, 2010, 7:27 pm por alvarorojas4.

nocktis21 7 Nov, 2010, 7:33 pm

#59

No, las filas serian tr y las columnas td. El colspan hace que un campo ocupe dos espacios o mas, ejemplo:
Si tienes un td arriba y dos abajo, saldra distorcionado, entonces al que tiene uno le pones colspan="2" y ocupara los dos espacios y saldra perfecto.

Mauro 8 Nov, 2010, 8:49 am

#60

Exelente ~EroKenji +rep para vos, me quedo perfecto.
Bueno ahora tengo otra duda, es con respecto el footer.
Hice una tabla y la tire float right.
La puse antes de que empiece <div id="copyright">, y le puse <div class="float_right">

Captura:
[attachment=1683]

Bueno el tema es que el copyright no queda centrado, he probado con varios comandos y no lo logro, me podrian ayudar con eso??
El copyright en el css text-align: "center";

Última modificación: 8 Nov, 2010, 8:49 am por alvarorojas4.

[Error] Modificaciones del Theme