Módelo para búsquedas

por **Ethan White** Jue Ago 30, 2012 4:21 pm

★ Nombre del Personaje

Libre/Ocupado

Dato / Dato / Dato / Dato

Descripción ★

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent placerat lobortis eleifend. Mauris convallis leo sed augue posuere sit amet hendrerit turpis bibendum. Pellentesque gravida, neque nec euismod semper, tortor nisl vestibulum eros, a fermentum sem dui sit amet eros. Vestibulum lobortis lorem facilisis enim congue in tempor erat consectetur. Etiam vitae justo nunc, sed viverra quam. Curabitur ut massa non tellus ultrices tempor. Morbi sapien ipsum, porttitor ut rhoncus quis, suscipit sit amet erat. Pellentesque tincidunt luctus congue. Proin sit amet leo lacus. Cras nulla lorem, vestibulum lobortis dictum in, fringilla a diam. Duis feugiat auctor tempor. Maecenas nec tellus quis dui tempor adipiscing vel vel nulla. Phasellus pellentesque augue quis libero ullamcorper molestie. Aenean dui neque, auctor eget facilisis at, lobortis molestie dolor. In semper, orci sit amet vehicula pellentesque, mauris turpis rhoncus enim, facilisis scelerisque risus velit id tellus.

★ Dato

by Peach for Oh!MySourceCode

Código:: <style type="text/css">.scroll::-webkit-scrollbar {width:5px;}.scroll::-webkit-scrollbar-thumb {background:#5a8f9f; width:5px;} </style> <link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'> <div style="width:500px; height:auto; border-left:solid 2px #5a8f9f; border-right:solid 2px #5a8f9f; border-bottom:dashed 2px #5a8f9f; background:#5a8f9f;border-radius:50px 0px 0px 50px; "><div style="width:500px; height:220px; background:#e1f0f1; background-image:url(http://25.media.tumblr.com/tumblr_m7bjptyrkd1ra8x1ao2_500.gif); border-bottom:dashed 1px #5a8f9f; border-top:dashed 1px #5a8f9f; border-top-left-radius:50px;"><div style="width:400px; text-align:left; padding-left:5px; font-family: Amatic SC; font-size:30px; color:#5a8f9f; position:relative; top:180px; text-outline:2px 2px #000;">★ Nombre del Personaje</div><div style="position:relative; top: 5px; text-align:right; font-family:'Courier New', Courier, monospace; font-size:20px; color:#602932;">Libre/Ocupado</div></div><div style="width:500px; height:30px;border-top:dashed 1px #e1f0f1; font-family: Amatic SC; font-size:20px; color:#e1f0f1; text-align:center; ">Dato / Dato / Dato / Dato</div><div style="width:500px; height:460px; background-image:url(http://i149.photobucket.com/albums/s51/SmokePeach/Brighter/bg.jpg); border-radius:0px 0px 0px 50px;"><div style="width:470px; height:420px; position:relative; left:16px; top:5px; overflow:auto; background:#5a8f9f; border-left:2px solid #5a8f9f; border-right:#5a8f9f 2px solid; border-top:dashed 1px #e1f0f1; border-bottom:dashed 1px #e1f0f1; border-bottom-left-radius:20px; border-top-left-radius:20px;"> <div style="width:250px; text-align:right;font-family: Amatic SC; font-size:24px; color:#e1f0f1; border-top-left-radius:20px;">Descripción ★</div> <div style="width: 250px; height:310px; overflow:auto; padding-left:5px; padding-right:5px; margin-top: 5px; font-family:'Courier New', Courier, monospace; font-size:12px; color:#602932; text-align:justify; background:#e1f0f1; padding-top:25px; padding-left:10px; padding-right:2px;" class="scroll">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent placerat lobortis eleifend. Mauris convallis leo sed augue posuere sit amet hendrerit turpis bibendum. Pellentesque gravida, neque nec euismod semper, tortor nisl vestibulum eros, a fermentum sem dui sit amet eros. Vestibulum lobortis lorem facilisis enim congue in tempor erat consectetur. Etiam vitae justo nunc, sed viverra quam. Curabitur ut massa non tellus ultrices tempor. Morbi sapien ipsum, porttitor ut rhoncus quis, suscipit sit amet erat. Pellentesque tincidunt luctus congue. Proin sit amet leo lacus. Cras nulla lorem, vestibulum lobortis dictum in, fringilla a diam. Duis feugiat auctor tempor. Maecenas nec tellus quis dui tempor adipiscing vel vel nulla. Phasellus pellentesque augue quis libero ullamcorper molestie. Aenean dui neque, auctor eget facilisis at, lobortis molestie dolor. In semper, orci sit amet vehicula pellentesque, mauris turpis rhoncus enim, facilisis scelerisque risus velit id tellus.</div></div><div style=" background-image:url(http://i.imgur.com/zpXGo.jpg); width:200px; height:350px; position:relative; top:-410px; left: 280px; border:#5a8f9f 2px solid;"></div><div style="width:200px; height:25px;font-family: Amatic SC; font-size:20px; color:#e1f0f1; text-align:left; position:relative; top:-400px; left:285px;">★ Dato </div><div style="width:200px; height:25px; font-family: Amatic SC; font-size:20px; color:#e1f0f1; text-align:left; position:relative; top:-401px; left:285px;border-bottom-right-radius:20px; ">★ Dato </div><div style="width:450px; height:25px; font-family: Amatic SC; font-size:20px; color:#5a8f9f; text-align:right; position:relative; top:-395px; ">by <a href="http://www.oursourcecode.net/u2386" class="postlink">Peach</a> for <a href="http://www.oursourcecode.net/" class="postlink">Oh!MySourceCode</a></div></div></div>