Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje11-04-2016, 16:17 (UTC)    
Título del mensaje: Recurso para el diseño Profesional

Hola, un cordial saludo a toda la comunidad de paginawebgratis.es.
Espero que hasta ahora todos estén bien. Es comprensible y se entienden las situaciones de cada quien ya que los tiempos han cambiado; cada vez el tiempo se pasa mas rapido y a medida que nos trazamos distintas metas el tiempo se absorbe aun mas. Aun con todo y eso; me he tomado la molestia de hacer unas entradas estilo noticia para que quienes la quieran usar en el nuevo diseño que nos ha ofrecido pwg, llamado profesional.

Para una mejor referencia aqui tienen una captura. Y por supuesto, en vivo en mi sitio de pruebas cssactivo.es.tl



No está de más recordar que es un código html conjunto a un css por lo tanto en el extra <head>:

Código:
<link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
<style>
#articulo a i
{
      color:#343434;
}
#articulo a
{
      text-decoration:none;
}
#articulo
{
        margin-bottom:30px;
        background: #F4F4F4;
        border-radius:4px;
        padding:10px;
        border-left:5px solid #e84c3d;
        -webkit-box-shadow: 0px 16px 45px -22px rgba(92,90,92,1);
      -moz-box-shadow: 0px 16px 45px -22px rgba(92,90,92,1);
      box-shadow: 0px 16px 45px -22px rgba(92,90,92,1);
}
#articulo img
{
        margin-bottom:15px;
        margin-top:15px;
}
#articulo p
{
     font-family: 'Lora', serif;
     font-size:20px;
     margin-top:15px;
}
#articulo h1
{
     font-family: 'Oswald', sans-serif;
}
#articulo h3
{
     font-family: 'Slabo 27px', serif;
     padding:0px;
     margin:0px;
     color:#B9B9B9;
}
#info
{
     background:#D7D7D7;
     padding:5px;
     margin-top:15px;
}
</style>


Y en las paginas, presionando el boton fuente html del editor:

Código:
<div id="articulo">
<h1><span style="color:#52C0EB">CSS</span> ACTIVO</h1>
<h3>Codificaci&oacute;n CSS Pwgpro</h3>
<img src="http://placehold.it/925x200" alt="" />  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. <br />
<div id="info"><a href="#"><i class="fa fa-sign-in"></i>
 Ir a al post</a> &nbsp; <i class="fa fa-pencil-square"></i>
 Gabriel Navarro</div>
</div>
<!---------------DIVISOR----------------->

<div id="articulo">
<h1><span style="color:#e84c3d">Sin</span> censura</h1>
<h3>Codificaci&oacute;n CSS Pwgpro</h3>
<img src="http://placehold.it/925x200" alt="" />  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. <br />
<div id="info"><a href="#"><i class="fa fa-sign-in"></i>
 Ir a al post</a> &nbsp; <i class="fa fa-pencil-square"></i>
 Gabriel Navarro</div>
</div>


Es una estructura bastante sencilla, si desean cambiar el color solo deben editar los hexadecimales del css. Muchos, saben que es sencillo, pero quienes tengan dudas, no duden en comunicarse conmigo sin miedo, con gusto les podré explicar o ayudar en lo que esté a mi alcance.

Saludos desde Venezuela
Mensaje20-04-2016, 19:55 (UTC)    
Título del mensaje:

se ve genial para un tuneo de mi pagina pero no
mejor me quedo con el mio que es 20% mas genial, mas genial eh¿?
______________
La Mejor Musica y Organizada esta aca en http://mlp-la.es.tl
Twitter : http://twitter.com/mlpradio
Mensaje28-04-2016, 02:26 (UTC)    
Título del mensaje:

Sería un tuneo bastante eficiente si lo que deseas es mostrar una portada mas organizada
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group