Marquesinas al estilo Teoría Blogger

Estilo T.B.

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% rgb(32, 134, 202); color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Estilo T.B.</marquee></p>

Blanco y negro

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% white; color: black; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="3" truespeed="1">Blanco y negro</marquee></p>

Negro y blanco

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% black; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Negro y blanco</marquee></p>

Azul

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% blue; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Azul</marquee></p>

Rojo

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% red; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Rojo</marquee></p>

Verde

<p style="border: 1px solid black; padding: 10px; background:green; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Verde</marquee></p>

Naranja

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% orange; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Naranja</marquee></p>

Amarillo

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% yellow; color: black; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Amarillo</marquee></p>

Violeta

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% blue; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Violeta</marquee></p>

Fuccia

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% Fuchsia; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Fuccia</marquee></p>

Dorado

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% Gold; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Dorado</marquee></p>

Marrón

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% Brown; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Marrón</marquee></p>

Morado

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% Purple; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Morado</marquee></p>

Plateado

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% silver; color: white; font-family: arial,helvetica; font-size: 14px; font-weight: bold;" title="teoriablogger.blogspot.com"><marquee scrolldelay="30" scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">Plateado</marquee></p>

---

Agregar una caja marquesina en mi blog

Para hacerlo, simplemente debes copiar el objeto deseado y puedes pegarlo en:

• Una entrada: Blogger → Creación de entradas → Nueva entrada → Solapa Edición de HTML.
• Un gadget: Blogger → Diseño → Elementos de la página → Añadir un gadget → HTML/Javascript.
  

Personalizar tu caja

Para crear tu propia caja con los colores que quieras, cambia los códigos marcados en colores:

<p style="border: 1px solid black; padding: 10px; background: none repeat scroll 0% 0% rgb(32, 134, 202); color: rgb(255, 255, 255); font-family: arial,helvetica; font-size: 14px; font-weight: bold;"><marquee scrolldelay="30" scrollamount="3" onmouseover="this.stop();" onmouseout="this.start();">Texto phttp://www.blogger.com/img/blank.gifara exponer</marquee></p>

Modifica el código en color rojo para asignar el color del fondo.
Modifica el código en color verde para asignar el color de la letra
Modifica el texto en color azul para asignar un texto que quieras que sea expuesto.

Video explicativo

Ver video en Teoría Blogger videos | Ir a Teoría Blogger videos

Posteado en: Códigos HTML,Curiosidades,Diseño,Elementos,Entradas,marquesinas,Objetos TB,Principiante