Modificaciones del Theme

Mauro 5 Nov, 2010, 3:19 pm

#41

gracias, al final lo arregle con un <div class="dia">{$lastpost_date} {$lastpost_time}</div>
y despues en global.css puse
.dia {
text-align: right;
}

Una pregunta que atributo tendria que poner para subrayar palabras?

Night~ 5 Nov, 2010, 3:30 pm

#42

Para subrayar palabras pon algo como

Código:
<underline>Texto aquí</underline>

y aparece así xd y si quieres hacer eso en css haces

Código:
.dia {

text-align: right;

text-decoration: underline;

}

o un

Código:
.dia a:hover {

text-align: right;

text-decoration: underline;

}

para que cuando haya un link adentro de esa div y le pongas el mouse ensima, se subraye ^^

Última modificación: 5 Nov, 2010, 4:49 pm por Royal.

Mauro 5 Nov, 2010, 5:02 pm

#43

Gracias night +mas rep para vos, ahora tendria que hacer un menu mas copado, por que el default es muy feo, dejo una pic como va quedando el foro a ver si me pueden orientar para hacer un buen menu.
[attachment=1669]

PD: Otra consulta si ensancho un poquito mas el foro con el container, las letras se van a ver afectadas? digo si se verian mas alargadas??

nocktis21 5 Nov, 2010, 6:05 pm

#44

Ve al set de plantillas de tu tema/caja del foro/forumbit_depth1_cat, te saldra algo así:

Código:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<thead>

<tr>

<td class="thead" colspan="5">

<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>

<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>

</td>

</tr>

</thead>

<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">

<tr>

<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>

<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>

<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>

<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>

</tr>

{$sub_forums}

</tbody>

</table>

<br />

Sustituyelo por esto:

Código:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<thead>

<tr>

<td class="thead" colspan="3">

<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>

<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>

</td>

</tr>

</thead>

<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">

<tr>

<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>

<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>

</tr>

{$sub_forums}

</tbody>

</table>

<br />

Ve al set de plantillas de tu tema/caja del foro/forumbit_depth2_forum, te saldra algo así:

Código:
<tr>

<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>

<td class="{$bgcolor}" valign="top">

<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>

</td>

<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>

<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>

<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>

</tr>

Sustituyelo por:

Código:
<tr>

<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>

<td class="{$bgcolor}" valign="middle">

<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}

<div class="hover_stats">

<img src="images/sutema/hover_stats_arrow.gif" class="stats_arrow" />

<div class="idx_stats">{$lang->forumbit_posts} {$posts}{$unapproved['unapproved_posts']}  &middot;  {$lang->forumbit_threads} {$threads}{$unapproved['unapproved_threads']}</div>

</div>

<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>

</td>

<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>

</tr>

Ve al set de plantillas de tu tema/caja del foro/forumbit_depth2_cat, te saldra algo así:

Código:
<tr>

<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>

<td class="{$bgcolor}" valign="top">

<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$subforums}</div>

</td>

<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>

<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>

<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>

</tr>

Sustituyelo por esto:

Código:
<tr>

<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>

<td class="{$bgcolor}" valign="top">

<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}

<div class="hover_stats">

<img src="images/sutema/hover_stats_arrow.gif" class="stats_arrow" />

<div class="idx_stats">{$lang->forumbit_posts} {$posts}{$unapproved['unapproved_posts']}  &middot;  {$lang->forumbit_threads} {$threads}{$unapproved['unapproved_threads']}</div>

</div>

<div class="smalltext">{$forum['description']}{$subforums}</div>

</td>

<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>

</tr>

Añade esto en el css:

Código:
.stats_arrow{ margin-left: 5px; margin-right: -5px; position: relative; margin-top: -1px; }

.idx_stats{ background: #424242; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 10px; padding: 3px 5px; display:inline; }

.hover_stats{ position: absolute; display:none; }

tr:hover .hover_stats{ display:inline; }

En la plantilla "forumbit_depth2_cat" y "forumbit_depth2_forum" esta el siguiente texto:

Código:
<img src="images/sutema/hover_stats_arrow.gif" class="stats_arrow" />

Cambien donde dice "sutema" por el nombre del directorio de su tema del foro.

Ahora solo sube la imagen adjuntada en el directorio de su tema.

Resultado:
[Imagen: 123o6q1.png]

(5 Nov, 2010, 5:02 pm)Mauro escribió: ahora tendria que hacer un menu mas copado, por que el default es muy feo, dejo una pic como va quedando el foro a ver si me pueden orientar para hacer un buen menu.

A mi en lo personal me gustan los menus que tienen una barra ancha y un cuadro con texto pero creo que deberías decidir de que forma hacerlo dependiendo de el diseño que le quieras dar a la pagina incluyendo colores y tematica.

Cita:Si ensancho un poquito mas el foro con el container, las letras se van a ver afectadas? digo si se verian mas alargadas??

No pasa nada, lo que le hagas al container solo afecta a la zona blanca osea al container y no al texto.

Última modificación: 5 Nov, 2010, 6:07 pm por Azagthoth.

Mauro 5 Nov, 2010, 6:14 pm

#45

Gracias ~EroKenji por el tutorial, pero yo no lo pedi jajaaj no entiendo por que lo pusistes???
Otra cosa no puedo sustituir esas plantillas que me dices, tendria que buscar los cambios que hicistes una por una por que ya las tengo modificadas a mi gusto.

Y me ha surguido un nuevo problema no se por que, puse para registrarme y la imagen de verificacion no aparece. No entiendo por que si yo ahi no he tocado nada.

nocktis21 5 Nov, 2010, 6:30 pm

#46

¿Ah no? Vi que preguntabas como hacer esto pero era un poco diferente y me pareció mas bonito así por eso lo personalice un poco.

Los cambios que hize son:
-Quitar el tcat de threads y replies (también sus celdas).
-Agregar el codigo del efecto tooltip.

Solamente esos, el codigo del efecto es este:

Código:
<div class="hover_stats">

<img src="images/sutema/hover_stats_arrow.gif" class="stats_arrow" />

<div class="idx_stats">{$lang->forumbit_posts} {$posts}{$unapproved['unapproved_posts']}  &middot;  {$lang->forumbit_threads} {$threads}{$unapproved['unapproved_threads']}</div>

</div>

Lo agrege debajo de {$forumviewers}, se tiene que hacer la modificacion entera ya que si no saldría el efecto y a la derecha los temas y respuestas así no tendría caso hacer esto.

Restaura la plantilla y volverá todo a la normalidad (si tenias cambios se perderan y estará la plantilla por defecto.)

Mauro 6 Nov, 2010, 8:36 am

#47

(5 Nov, 2010, 6:14 pm)Mauro escribió: Y me ha surguido un nuevo problema no se por que, puse para registrarme y la imagen de verificacion no aparece. No entiendo por que si yo ahi no he tocado nada.

ya solucione esto, otra pregunta sobre la parte del index del foro, el debug solo lo ven los adm? los moderadores y miembros lo ven? Si lo saco pasa algo? o mas o menos vi como sacarlo manualmente desde el panel adm no se puede no?

Maxii_mybb_import8095 6 Nov, 2010, 8:39 am

#48

Si lo sacas no pasa nada, solo es una estadistica de carga del foro. Y lo ven todos los usuarios.

Última modificación: 6 Nov, 2010, 8:40 am por Aeroxis.

nentab 6 Nov, 2010, 8:43 am

#49

(6 Nov, 2010, 8:39 am)Raizer escribió: Si lo sacas no pasa nada, solo es una estadistica de carga del foro. Y lo ven todos los usuarios.

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.

Maxii_mybb_import8095 6 Nov, 2010, 8:49 am

#50

A, pensé que lo veían todos Sad

, cuando entre una vez como invitado a mi foro, aparecio :S

[Error] Modificaciones del Theme