Resultados 1 al 4 de 4

Tema: Halloween Space 1.0

  1. #1
    PAULO (956544769)


    Avatar de xLaming
    Fecha de ingreso
    28 nov, 14
    Ubicación
    C. Grande, MS, Brasil
    Mensajes
    287
    Poder de reputación
    6

    Post Halloween Space 1.0

    Hola, que tal algo de halloween(esa es solo la primera versión despues haré otra)

    CSS:
    Código:
    background-color: #EEEEEE; background: url(http://i66.tinypic.com/2s1p1dy.png)} *{color: #ffffff} [name='p']{background: url(http://i63.tinypic.com/2lxvvhe.png)} [name='p'],[name='a'],[name='s'],ul{position: absolute} [name='p']{background-size: cover} [name='p']{font-size: 99%} [name='p']{left: 40%} [name='p']{top: 35%} [name='p']{width: 250px} [name='p']{height: 250px} [name='a']{background-color: rgba(0, 0, 0, 0.3)} [name='a']{top: 0} [name='a']{left: 0} [name='a']{padding: 10px} [name='a']{width: 300px} [name='a']{height: 20px} [name='s'],ul{right: 0} [name='s']{bottom: 0} [name='s'] img:hover{filter: blur(2px) contrast(5)} [name='p'] h2{padding-top: 35%} [name='p'] h2{padding-left: 12%} ul{background-color: rgba(0, 0, 1, 0.3)}  ul{width: 13%} ul{padding: 0} ul{list-style: none}  li a{text-decoration: none}  li a{color: #ffffff}  li a{padding: 10px 15px}  li a{display: block}  li a:hover{color: #C3D0D9} li:hover{background-color: rgba(0, 0, 1, 0.5)}  h2{color: #d15654} h2{text-shadow: 4px 1px 1px #300000, 2px 3px 1px #400000, 4px 3px 1px #500000, 4px 4px 1px #600000, 4px 5px 1px #700000, 4px 6px 1px #800000;
    HTML:
    Código:
    <div name="a">
    	Welcome to the Hell, here is the point-end.
    </div>
    
    <div name="p">
    	<h2>Are you scared?</h2>
    </div>
    
    <ul name="menu">
    	<li><a href="http://xat.com/Ajuda">→ xat Ajuda</a></li>
    	<li><a href="http://xat.com/Ayuda">→ xat Ayuda</a></li>
    	<li><a href="http://xat.com/Fundos">→ xat Fundos</a></li>
    	<li><a href="http://xat.com/xLaming">→ My Chat</a></li>
    	<li><a href="http://*************/author/laming/">→ xat Ajuda Blog</a></li>
    	<li><a href="http://www.mundoxat.com/foro/member.php?40782-xLaming">→ xat Ayuda Forum</a></li>
    	<li><a href="http://www.xatfundos.com/index.php?/profile/2-xlaming/">→ xat Fundos Forum</a></li>
    	<li><a href="http://forum.xat.com/profile/31539-lamingtons/">→ xat Forum Profile</a></li>
    	<li><a href="http://xat.com/web_gear/chat/ownerfeedback.php?GroupName=Contact">→ Contact Me</a></li>
    </ul>
    
    <div name="s">
    	<a href="http://twitter.com/xLaming"><img src="http://i67.tinypic.com/r1k8eo.png" /></a>
    	<a href="http://facebook.com/xLaming"><img src="http://i65.tinypic.com/ae08k6.png" /></a>
    </div>
    
    <embed src="http://www.youtube.com/embed/1DE3e_hkBFo?autoplay=1" width="0" height="0"></embed>
    Power ME? Sí.

    Demo:

  2. #2
    Palomita de maiz♥



    Avatar de Kotufa
    Fecha de ingreso
    14 dic, 10
    Ubicación
    Venezuela
    Mensajes
    1,328
    Poder de reputación
    13

    Predeterminado

    Muy apropiado para la temporada de halloween.

    Excelente, Laming

  3. #3
    Asistente XAT Avatar de Cambio
    Fecha de ingreso
    16 feb, 16
    Mensajes
    46
    Poder de reputación
    0

    Predeterminado

    Da gusto que gente colabore de esta manera de forma gratuita para todos ,
    y ahora centrándome mas en el xatspace me parece idóneo para estas fechas ,
    te doy mi mas humilde enhorabuena.

    Un Saludo

  4. #4
    (289397166)


    Avatar de Surdi.ta
    Fecha de ingreso
    20 sep, 15
    Mensajes
    394
    Poder de reputación
    5

    Predeterminado

    que genio sos xlaming felicidades la verdad muy buen css para todos

¿Te ha sido útil este articulo? Compártelo!

¿Te ha sido útil este articulo? Compártelo!

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •