Modelo de búsqueda.

por **The Queen Bitch** Miér Feb 11, 2015 6:41 pm

Su uso no es obligatorio, pero es recomendable. Tratar de no tocar mucho el código para no deformarlo. Pertenece al foro así que si se llega a ver cualquier similitud o este en otro foro será denunciado por plagio (:.

grupo - edad - nombre el buscado - demás info

rellenar aquí con la información. rellenar aquí con la información. rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.

code by the cande

Código:: <style type="text/css">.ship1 { width: 300px; height: 350px; background-color: #fafafa; overflow: hidden; position: relative; }.ship1. ship2 { width: 300px; height: 350px; background-image: url(no); position: absolute; top: 0px; left: 0px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}.shipn { font-family: 'Sacramento', cursive; font-size: 50px; text-transform: lowercase; text-align: center; margin-top: 200px; color: #fff; text-shadow: -1px 0px #526c7e, 0px 1px #526c7e, 1px 0px #526c7e, 0px -1px #526c7e; border-bottom: 0px double #526c7e; line-height: 100%; width: 250px;}.ship1:hover .ship2 { top: -400px; left: 0px; }.ship1 .ship3 { position: absolute; width: 250px; height: 150px; background-image: url(http://placehold.it/250x150); top: -325px; left: 25px; opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}.ship1:hover .ship3 { top: 25px; left: 25px; opacity: .99; }.shipl { width: 250px; background-color: #526c7e; color: #fff; font-size: 8px; text-transform: uppercase; line-height: 100%; padding-top: 5px; padding-bottom: 5px; font-family: calibri, sans-serif; text-align: center; letter-spacing: 1px; margin-top: 100px; }.ship1 .ship4 { width: 230px; padding: 10px; background-color: #fff; height: 130px; position: absolute; left: 25px; bottom: -225px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; opacity: 0; }.ship1:hover .ship4 { left: 25px; bottom: 25px; opacity: .99; }.shipt { width: 225px; height: 130px; padding-right: 5px; overflow: auto; font-size: 11px; font-family: calibri, sans-serif; text-align: justify; color: #555; line-height: 100%; }.shipt::-webkit-scrollbar { width: 5px; height: 5px; }.shipt::-webkit-scrollbar-track { background-color: #fff; }.shipt::-webkit-scrollbar-thumb { background-color: #eee; }</style><link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'><center><div style="width: 300px; padding: 30px; background-color: #fff; border: 3px solid #eee;"><div class="ship1"><div class="ship2"><img src="http://placehold.it/300x350"></div><div class="ship3"></div><div class="ship4"><div class="shipt"><center><div style="width: 200px; background: #E6DE87; padding: 8px; font-family: lobster; color: #fff; font-size: 10px; letter-spacing: 2px; text-transform: lowercase; line-height: 100%; text-align: justify; margin-bottom: 2px; border: 4px double white;"><center>grupo - edad - nombre el buscado - demás info</center></div></center>rellenar aquí con la información. rellenar aquí con la información. rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información.rellenar aquí con la información. </div></div></div></div> [center][size=9]code by the cande[/size][/center]

- -