"TINKERMASTER " diseños para Photoshop

tinkermaster

Java Script7

[ Vista Previa ]


 


Informacion:
Nombre: Imagen con Descripcion
Fecha: 19-01-2014


Calificanos:
 
[ Codigo ] 
Copia y pega [CTRL C + CTRL V] Por Encima de la Pagina o Extra Head

<!-- www.tinkermaster.es.tl -->

<style>[draggable=true] {cursor:pointer;}

#products {float:left;list-style:none;width:60%;padding:0;}

#products li {display:inline;}

.item {display:block;float:left;width:180px;height:180px;margin:4px;border:1px solid #999;

text-align:center;text-decoration:none;color: #000;overflow:hidden;}

.item img {border:0;margin:10px auto;width:160px;height:160px;}

.item div {background:#333;background: rgba(0, 0, 0, 0.5);position:relative;

bottom:60px;color:#fff;padding:10px 0;display:none;}

</style>


Copia y pega [CTRL C + CTRL V] donde quieras que aparesca

<!-- www.tinkermaster.es.tl -->

<ul id="products">

<li><a class="item" href="#" draggable="true">

<img src="URL IMAGEN"/><div>

DESCRIPCIÓN DE LA IMAGEN

</div></a></li>

<li><a class="item" href="#" draggable="true">

<img src="URL IMAGEN"/><div>

DESCRIPCIÓN DE LA IMAGEN

</div></a></li>

</ul><div style="clear:both;"></div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script src="https://googledrive.com/host/0BzTF4maHDSaGZU0yMXRrRTYxdWM/dragdrop.js"></script>


Enlaces de ayuda
- Ver wallpapers para tu sitio [ Click aqui ]
- Ver diseños CSS para tu sitio [ Click aqui ]
- Ver Widgets para tu sitio [ Click aqui ]
- Ver recursos Javascript Avanzados para tu sitio [ Click aqui ]

Tags:


   
 

Hoy habia 1 visitantes (14 clics a subpáginas) ¡Aqui en esta página!

    • CUADRO TWEETS

      Para todos los usuarios de twitter que tienen una web es< esencial mantener informados a nuestros usuarios de las actualizaciones...

    • CUADRO DE NOTICIAS EN JQUERY

      crear un cuadro de noticias utilizando jquery para la animacion...

    • ESTILOS DE BORDES

      los bordes en realidad sirven para que algun elemento se vea mejor, es decir elegante...

    • RECURSOS

      encuentra exelentes paginas webs donde encontraras brushes, tipos de textos, etc...

  • SIGUEME EN YOUTUBE

    • DISEÑOS CSS

      descarga los mejores diseños Css para que puedas personalizar tu web...

    • PLANTILLAS XML

      Descarga exelentes plantillas para que personalizes tu blog...

    • JUEGOS PARA PC

      Descarga exelentes juegos para tu PC...

    • AFILIADOS VIP

      Afiliate a mi web de una manera facil y sencilla...

    • WALLPAPERS

      descarga wallpapers para que le den una mejor apariencia a tu PC...






    • Bienvenidos a Tinkermaster website en donde se comparten conocimientos, ideas e informaciones listas para que cualquiera pueda aprender de ellas - Diseñado Por Tinkermaster
      Estas viendo la imagen:


  • => ¿Desea una página web gratis? Pues, haz clic aquí! <=