Proyectos materializecss y bootstrap

Started by Dhayzon, June 23, 2016, 01:42:01 AM

Previous topic - Next topic

Dhayzon

buenos mi idea  y proyecto a futuro  es abrir dos  hilos tantos aquí en smf y Github, básicamente se trata de temas/plantillas  echos a base de estos 2  framework's de css

mi objetivo es  hacer un reestructurado completo de toda la arquitectura html y adaptarlo para cada framework.
smf básicamente esta  conformado por tablas en su mayoría, lo que dificulta crear platillas responsivas, eso causa un impacto negativo.en nuestros usuarios.
se esta masificando el uso de los smartphones, es por eso que es imprescindible que nuestros foros echos con smf no sean ignorados..   y causen una  impresión positiva en la primera visita.
si desean apoyar serán bienvenidos, sus ideas, sus reportes todo sera tomado en cuenta.
se necesitar  también beta testers  para probar los temas  creados.
nada sera con fines de lucro, solo quiero más foros con smf.
pueden contactarse conmigo  por aqui comentarios / mp de SMF o los siguientes sitios.
+https://github.com/dhayzon
+http://dhayzon.com/
creo que no podre editar este tema en un futuro les avisare como  va todo desde el área temas y diseño
http://www.simplemachines.org/community/index.php?board=102.0

saludos.





-Rock Lee-

Parece interesante yo ando con bootstrap recien ando aprendiendo lo justo y necesario parece simple una vez sabes lo básico, ahora materializecss nunca escuche suena interesante aprender...


Saludos!
¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Diego Andrés

Muy buena tu iniciativa, recuerda que aquí estamos para ayudarte con cualquier duda!
Y lo mejor es que continúes las actualizaciones y demás cosas en este mismo tema (respondiendo), así todo está en un solo lugar y sin generar tantos temas, o si pasa mucho tiempo entre temas puede ser que alguien se pierda de alguna novedad.

PD: También intentaré brindar sugerencias y feedback de vez en cuando si lo solicitas
PD2: En dado caso que ya pretendas poner un theme para descarga y test entonces sí está bien que hagas un nuevo tema en la otra sección, pero no te olvides de avisar en este por si alguien se lo pierde

Saludos!  :D

SMF Tricks - Free & Premium Responsive Themes for SMF.

Dhayzon

estoy en exámenes finales dentro de 2 semanas lo iniciare, espero que todo salga como lo tengo planeado.

Diego Andrés

Quote from: Dhayzon on June 27, 2016, 05:22:07 PM
estoy en exámenes finales dentro de 2 semanas lo iniciare, espero que todo salga como lo tengo planeado.

Dale mucha suerte.
Por mi parte publicare un par de themes responsive gratuitos a lo largo de esta semana.

Saludos!

SMF Tricks - Free & Premium Responsive Themes for SMF.

Diego Andrés

Flexive theme responsive con bootstrap, html validado (en las plantillas principales): http://www.simplemachines.org/community/index.php?topic=547014.0

SMF Tricks - Free & Premium Responsive Themes for SMF.

Dhayzon

buen tema diego, felicidades.

por otra parte  yo avance un poco  falta mucho pero ya le pueden echar un ojo.
no hace falta explicar que este tema no sera compatible con mods que hagan modificaciones en los temas. pero pienso dar soporte  para los que usen el teman  aquí el pequeño avance.

http://dhayzon.com/index.php?theme=6

-Rock Lee-

Quote from: Dhayzon on June 29, 2016, 03:53:59 AM
buen tema diego, felicidades.

por otra parte  yo avance un poco  falta mucho pero ya le pueden echar un ojo.
no hace falta explicar que este tema no sera compatible con mods que hagan modificaciones en los temas. pero pienso dar soporte  para los que usen el teman  aquí el pequeño avance.

http://dhayzon.com/index.php?theme=6

Aunque hay muchos o una parte usa ganchos... ademas va queriendo, ¿al momento bajar la resolución podes ocultar algunas cosas?

Saludos!
¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Dhayzon

claro, en caso de los dispositivos moviles el menú y cosas sin importancia se esconderán y con algunos botones serán mostrados, sera  100% responsiva, por ahora estoy enfocando en el html para escritorio, luego iniciare con lo responsivo, aunque estoy de la mano con ambas cosas pero pero me enfoco mas en lo primero


Diego Andrés


SMF Tricks - Free & Premium Responsive Themes for SMF.

Dhayzon

Centro de Información - index template


Diego Andrés

Va muy bien, recuerda validar para revisar si te queda algo obsoleto como los atributos align

SMF Tricks - Free & Premium Responsive Themes for SMF.

Dhayzon

si diego gracias, jaja si, hay algunos aling que quedaron de las tablas checare siempre eso de la validación adjunto algunas capturas.






responsive,  no me quedo también tengo que hacer algunos ajustes.



-Rock Lee-

El problema de hacerlo responsive es que arbitrariamente debes sacar cosas para poder mejorar el aspecto y carga en si, el problema es que sacar y que no... va quedando muy bien ahora veo si al rato paso por github


Saludos!
¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Dhayzon

lo estaba probando en mi movil y esta horrible jajajaj 
http://dhayzon.com/index.php

cambie el board.indextemplate con esta estructura de boostrap

<div class="panel panel-default">
  <!-- Default panel contents -->
  <div class="panel-heading">Panel heading</div>
   
  <!-- List group -->
  <ul class="list-group">
    <li class="list-group-item">Cras justo odio</li>
    <li class="list-group-item">Dapibus ac facilisis in</li>
    <li class="list-group-item">Morbi leo risus</li>
    <li class="list-group-item">Porta ac consectetur ac</li>
    <li class="list-group-item">Vestibulum at eros</li>
  </ul>
</div>

Dhayzon


Advertisement: