New question

Question:

Date: 01-04-2018 17:22:00 (In Spanish)

Necesito un estilo css para una etiqueta div para mi red social[Resolved]

Hola Comunidad, estoy creando una Red social pero e tenido un poquito de problemas para la creacion de las publicaciones debido a que la e creado con tablas y me han recomendado etiqueta div, tengo pocos conocimientos de css, por favor alguien que me cree un codigo de css para una etiqueta div.

Ojo si la pueden crear estilo facebook mucho mejor. Gracias
Tags: CSS - CSS3 - Facebook - The Community Votes: 0 - Answers: 3 - Views: 13 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  • Date: 01-04-2018 19:32:01 Hola amigo,
    Te recomiendo este tutorial, completamente gratis.

    Saludos
    @Edintique
    www.quecodigo.com
      Votes: 1 - Link answer
     
  • Date: 02-04-2018 08:34:27 Hola Braylin Payano

    Si lo quieres hacer con puro CSS debes tener mucho conocimiento sobre el tema para que la web sea responsive y se vea bien con todos los dispositivos, navegadores,etc.

    Quizás puedas utilizar algún Framework CSS como Bootstrap para hacer la maquetación la cual es responsive para todos los dispositivos y navegadores.

    Por otro lado puedes buscar algun template que ya esté creado y listo para utilizar, al cual lo puedas modificar adaptándolo a tus necesidades. Claro que deberás tener algún conocimiento sobre Bootstrap.

    He encontrado un template similar a Facebook creado con el Framework Bootstrap 3.0.0. Publish date: 13.04.2014 (Aclaro que la versión actual de Bootstrap es la 4 por lo tanto es un poco antiguo. Hay algunas diferencias entre las versiones 3.x y la 4)

    Preview template
    Codigo online: Faceboot - A Facebook style template for Boot
    Descarga el Theme: Theme

    Deberás informarte sobre la licencia de uso.

    También puedes mirar 15 Best Useful Free And Premium Bootstrap Social Network Templates 2018 para darte alguna idea.


    Te dejo el link de una lista de videos donde el autor del video crea un Clon del template de Facebook, es en ingles pero tal vez se le entienda el concepto de desarrollo al mirarlo. Creo que utiliza Bootstrap version 3.3.7. Sería una de la últimas versiones de este Framework.
    Lista de videos

    Clone Facebook frontend with BootStrap



    No lo he visto por lo tanto no puedo valorar la calidad de las buenas prácticas por lo tanto queda a tu criterio.

    Vuelvo a aclarar que Framework Bootstrap 3.X y la ultima version 4 hay diferencias notables.



    Si lo deseas puedes dejar la URL de tu proyecto para que lo miremos y te brindemos sugerencias.

    Espero que te sirva como punto de partida

    Saludos
      Votes: 3 - Link answer
     
  • Date: 02-04-2018 11:24:46 Hola Braylin:

    Mi voto positivo por tu entusiasmo.

    Me duele en el alma que digas e con el verbo HABER [pero e tenido], [debido a que la e creado]. Es Intenet. Puedo entenderlo.

    Respecto a "si la pueden crear estilo facebook" apenas son 10.000 líneas de código (15.070 para ser exactos antes de loguearte, aunque solamente te aparezcan 25).

    Walter apunta bien. Sería lo más fácil.

    Los viejos optamos por construirnos nuestro propio responsive (adaptativo ¿no?).
    CSS puro y duro:
    *{
      // lo que pongas
    }
    html{
    // idem
    }
    // etc.
    @media all and (min-width: 980px){
      // Esto irá para pantallas de estudio " más de 980px.
    
    @media screen and (max-width:979px) {
      // lo mismo para pantallas menores a 980px
    ]
    @media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
      // Aquí ya me voy a los los móviles, permitiéndoles que lo pongan vertical u horizontal
    }

    Ahora te resta lo má difícil: programar los estilos.
      Votes: 2 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In