Tabla para búsquedas!

Ver el tema anterior Ver el tema siguiente Ir abajo

Tabla para búsquedas!

Mensaje por Anastasia Romanov el Dom Jun 26, 2016 12:25 am

Bueno chicos por petición de Amelia paso a dejarles una tablita muy sencilla que he diseñado para las búsquedas que quieran hacer, espero que les agrade y gracias a Ame por pedirme una y sugerir que la creara para todos, por acá se las dejo♥
Para editar los colores solo deben ir a los # que aparecen y colocar el color en html que quieran colocar en lugar del azul!. La imagen es de 250x250, deben colocar de esa medida o sino se deformará pues el código no la redimensionará!.



Aquí frase del personaje

Código:
<style>#ana-search{border-bottom:1px solid #498fa7;padding:10px;width:300px;text-align:justify;font-size:9px;line-height:12px} #ana-search i{font-family:arial;font-size:9px;color:#498fa7; text-align:justify;text-transform:uppercase;letter-spacing:1px} #ana-phrase{color:#fff;margin-top:2px;width:300px;font-family:arial;font-style:italic;font-size:10px;padding:10px;background:#498fa7;line-height:12px;}</style>

<center><img src="http://placehold.it/250x250" style="border-radius:200px;border: 1px solid #498fa7;padding:10px"/><div id="ana-phrase">Aquí frase del personaje</div><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="320" height="10"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /> <param name="bgcolor" value="014d67" /> <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/s/qd1juzwzg9ehdyp/Becca%20-%20I%27m%20Alive.mp3?dl=0" /></object><div id="ana-search">Aquí texto de la búsqueda, la tabla se alarga tanto como quieran así que no se preocupen por la extensión del texto, si quieren limitar el alto de la tabla solo envíenme un mp!.

[i]1. Lo que busco!:[/i] Texto.
[i]1. Lo que ofrezco!:[/i] Texto.</div>[url=http://underworlds.gratis-foro.com/u3][color=grey]♦[/color][/url]</center>


They say that love is blind... and maybe... they're right
Narro - Hablo - Pienso
Anastasia RomanovHechicero
avatar
Mensajes : 169
 

Volver arriba Ir abajo

Re: Tabla para búsquedas!

Mensaje por Anastasia Romanov el Dom Sep 25, 2016 6:03 am

Nombre del personaje
Acá pueden poner los datos del personaje para que los tomen en cuenta, si quieren resaltar un dato utilicen el I, quedará así

Dum bellum Romani parant consultantque iam Hannibal Saguntum cum summis copiis oppugnabat. Saguntum oppidum opulentissimum Hispaniae erat. Hannibal cum suo exercitu agros pervastabat  atque oppida oppugnabat. Oppugnatio Saguntinis saeva fuit.


Si quieren que cada párrafo tenga margen en la primera línea deben colocarlo entre el código "p" que ven al principio y el final de este texto.

Para cambiar los colores se hace de la siguiente manera:
• An-N: Es el nombre del personaje, para cambiar el color de la letra vayan a "color:#fff" y para cambiar el color azul de sombra vayan a "text-shadow: 3px 1px 0 #498fa7" y cambien el #número del color.
• An-D: Es el cuadro negro, para cambiar el color busque el código que dice "background:#000" y cambien el "000" por el código del color. Para cambiar el color de la letra solo vayan a "color:#fff". Para cambiar el color del borde inferior vayan a "border-bottom:1px solid #498fa7"
• An-T: Es para cambiar el borde inferior y superior del texto, vayan a "border-top:1px solid #498fa7;border-bottom:1px solid #498fa7;"
• An-T p: Para cambiar el color de letra vayan a "color:#919191" y para cambiar la fuente vayan a "font-family:serif".






Código:
<center><div style="width:450px;height:250px;background-image:url(http://placehold.it/450x250)"><div class="An-N">Nombre del personaje</div><div class="An-D">Acá pueden poner los datos del personaje para que los tomen en cuenta, si quieren resaltar un dato utilicen el I, quedará [i]así[/i]</div></div><div class="An-T"><p>Dum bellum Romani parant consultantque iam Hannibal Saguntum cum summis copiis oppugnabat. Saguntum oppidum opulentissimum Hispaniae erat. Hannibal cum suo exercitu agros pervastabat  atque oppida oppugnabat. Oppugnatio Saguntinis saeva fuit.</p>
<p>Si quieren que cada párrafo tenga margen en la primera línea deben colocarlo entre el código "p" que ven al principio y el final de este texto.

Para cambiar los colores se hace de la siguiente manera:
• An-N: Es el nombre del personaje, para cambiar el color de la letra vayan a "color:#fff" y para cambiar el color azul de sombra vayan a "text-shadow: 3px 1px 0 #498fa7" y cambien el #número del color.
• An-D: Es el cuadro negro, para cambiar el color busque el código que dice "background:#000" y cambien el "000" por el código del color. Para cambiar el color de la letra solo vayan a "color:#fff". Para cambiar el color del borde inferior vayan a "border-bottom:1px solid #498fa7"
• An-T: Es para cambiar el borde inferior y superior del texto, vayan a "border-top:1px solid #498fa7;border-bottom:1px solid #498fa7;"
• An-T p: Para cambiar el color de letra vayan a "color:#919191" y para cambiar la fuente vayan a "font-family:serif".
</p></div></center>

<style>.An-D{width:200px;height:160px;background:#000;color:#fff;border-bottom:1px solid #498fa7;padding:10px;font-family:calibri;text-align:justify;font-size:10px;line-height:11px;position:relative;top:30px;left:100px;overflow:auto} .An-D i{color:#498fa7;font-family:calibri;font-size:11px;line-height:11px;text-transform:uppercase}.An-N{position:relative; text-transform:uppercase; font-size:18px;text-transform:lowercase; line-height:100%; letter-spacing:-1px; text-align:center; width:220px;top:30px;left:100px; font-family: 'Raleway', sans-serif; font-weight:900; color:#fff;text-shadow: 3px 1px 0 #498fa7;} .An-T{width:430px;padding:10px;border-top:1px solid #498fa7;border-bottom:1px solid #498fa7;} .An-T p{text-indent:20px;font-family:serif;font-size:10px;color:#919191;text-align:justify}</style>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">


They say that love is blind... and maybe... they're right
Narro - Hablo - Pienso
Anastasia RomanovHechicero
avatar
Mensajes : 169
 

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.