• 0
  • 7 RepliesReplies
  • 4884 ReadTimes Read
  • 29 PointsPoints

Topic: Creando espacios libres en el BoardIndex.template [XAT]

Usuario: DIBILO
Rango: Nuevo Usuario
Mensajes: 307
Points: 7
Perfil: View Profile
Pais:
bo
Buenas amigos he estado un poco aburrido en un proyecto que tengo no finalizado, pero quiero enseñar ya que estoy por aquí a como colocar box (espacios libre) en el board y que vean que puedan añadir cosas a su gusto, por ejemplo un chat.

Bueno primero que todo nos vamos a nuestro BoardIntex.template.php de nuestro theme que tengamos y buscamos lo siguiente:

Code: [Select]
// Here's where the "Info Center" starts...

echo '

Abajo de eso colocaremos este código:

Code: [Select]
<div class="roundframe"><div class="cat_bar"><h3 class="catbg"><div align="center"><u>Xat del foro</u></h3></div>

CONTENIDO DE LO QUE QUIERAS

</div></div>

Bueno ya tenemos nuestro box creado, han visto que fácil es, las etiquetas class son el diseño (CSS) del box, la <h3> es el titulo y donde pone contenido de lo que quieras colocas el código que te dan al generar un xat.


Ejemplo:

Code: [Select]
<div class="roundframe"><div class="cat_bar"><h3 class="catbg"><div align="center"><u>Xat del foro</u></h3></div>


<br><div align="center"><u>Reglas del chat</u></div>






<li>
<b>Queda prohibido insultar</li><li>
Queda prhonibido amenazar
</li>
<li>ETC</li><li>ETC...</b></li>

<hr><div align="center"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=194766967" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></div><hr>



</div></div>


Ese sería mi xat y quedaría así;




Ustedes pueden colocar lo que quieran y el código donde quieran espero que les allá gustado y si tienen algún problema pregunten.

-Un saludo, DIBILO.
NIVEL DE EXPERIENCIA: -10
You do not have permission to give points
point 29 Points

Users who gave points in this topic » Losox (10 Pts) » 4kstore (10 Pts) » EduardO (6 Pts) » joseklein31 (3 Pts) 

Usuario: Losox
Rango: Excelente User
Mensajes: 874
Points: 109
Perfil: View Profile
Pais:
mx
Re:Creando espacios libres en el BoardIndex.template [XAT]
Reply #1 April 29, 2013 - 03:35 15:35
Buen tutorial, se ve muy bien y además es muy simple de hacer.

Te quedo bien. +10

Usuario: DIBILO
Rango: Nuevo Usuario
Mensajes: 307
Points: 7
Perfil: View Profile
Pais:
bo
Re:Creando espacios libres en el BoardIndex.template [XAT]
Reply #2 April 29, 2013 - 04:02 16:02
Buen tutorial, se ve muy bien y además es muy simple de hacer.

Te quedo bien. +10

Si muy simple y es una base para poder agregar lo que quieras y poder aportar mas.
Gracias por tu comentario.

-Un saludo, DIBILO.

Usuario: EduardO
Rango: Nuevo Usuario
Mensajes: 875
Points: 15
Mi web: http://www.gamerzperu.com/
Perfil: View Profile
Pais:
pe
Re:Creando espacios libres en el BoardIndex.template [XAT]
Reply #3 April 29, 2013 - 04:53 16:53
Simple y sensillo, esta bueno!

Usuario: Lean
Rango: Fundador
Mensajes: 6782
Points: 236
Perfil: View Profile
Pais:
ar
Re:Creando espacios libres en el BoardIndex.template [XAT]
Reply #4 April 29, 2013 - 04:58 16:58
Buen tuto! +10

Usuario: 4kstore
Rango: Moderador Global
Mensajes: 4916
Points: 8111
Mi web: http://www.smfsimple.com
Perfil: View Profile
Pais:
ar
Re:Creando espacios libres en el BoardIndex.template [XAT]
Reply #5 April 29, 2013 - 07:27 19:27
Muy buen tutorial, aunque usas etiquetas y atributos de html que ya no se utilizan en los estándares nuevos

El atributo align es despreciado en html 4.0.1
http://www.w3schools.com/tags/att_div_align.asp

La etiqueta <u> tambien es despreciada, podes usar css para hacer el mismo efecto.
http://www.w3schools.com/tags/tag_u.asp

La etiqueta <hr> debería ser <hr /> para seguir lo que es xhtml

Smf utiliza <strong> en vez de <b>, estuve leyendo y no hay diferencia pero bueno seria seguir la arquitectura de smf

La ultima sugerencia seria utilizar una correcta indentacion en el código para que este todo mas ordenado y fácil de leer.

De igual manera funciona aunque son buenas practicas para ir adoptando si queres desarrollar cosas para SMF

Espero que no se tome como critica sino como observaciones para que aprendas algo nuevo y sigas creando cosas ;)

Muchas gracias por compartir!
Saludos

no avatar
Usuario: joseklein31
Rango: Nuevo Usuario
Mensajes: 29
Points: 1
Perfil: View Profile
Pais:
ec
Re:Creando espacios libres en el BoardIndex.template [XAT]
Reply #6 April 30, 2013 - 07:35 07:35
Ami no me va, intente poner un código y pues se queda el foro blanco, ya probé con otras cosas y nada.

Gracias

Usuario: DIBILO
Rango: Nuevo Usuario
Mensajes: 307
Points: 7
Perfil: View Profile
Pais:
bo
Re:Creando espacios libres en el BoardIndex.template [XAT]
Reply #7 April 30, 2013 - 09:52 09:52
Muy buen tutorial, aunque usas etiquetas y atributos de html que ya no se utilizan en los estándares nuevos

El atributo align es despreciado en html 4.0.1
http://www.w3schools.com/tags/att_div_align.asp

La etiqueta <u> tambien es despreciada, podes usar css para hacer el mismo efecto.
http://www.w3schools.com/tags/tag_u.asp

La etiqueta <hr> debería ser <hr /> para seguir lo que es xhtml

Smf utiliza <strong> en vez de <b>, estuve leyendo y no hay diferencia pero bueno seria seguir la arquitectura de smf

La ultima sugerencia seria utilizar una correcta indentacion en el código para que este todo mas ordenado y fácil de leer.

De igual manera funciona aunque son buenas practicas para ir adoptando si queres desarrollar cosas para SMF

Espero que no se tome como critica sino como observaciones para que aprendas algo nuevo y sigas creando cosas ;)

Muchas gracias por compartir!
Saludos

Para nada, me encanta que me corrigan, me gusta aprender y me ha gustado mucho tus observaciones, para proximos proyectos lo tendré mucho en cuenta.

Ami no me va, intente poner un código y pues se queda el foro blanco, ya probé con otras cosas y nada.

Gracias

Estarás colocandolo mal amigo, pasame tu boardintex.template.php y te lo agrego.

-Un saludo, DIBILO.

 

TAGS



top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines