Como criar uma caixa similar à da página http://radioslike.net/web/

Aguila SEO · 21/05/2013

No se si su nombre es "caja" pero lo vi en una web y me gustaría hacer uno igual, dejo la imagen

como podria crear la caja roja, porque el texto en movimiento ya lo tengo

PHP:

<span><marquee direction="left" style="background:#CC3333">Texto aqui</marquee></span>

pero no se como se cree ese cuadro rojo y como seria el código final para ponerlo en mi blog

gracias por la ayuda :encouragement:

dejo la web http://radioslike.net/web/

Manuelfl8 · 21/05/2013

Donde viste eso men... asi te diria como hacerlo!!

Aguila SEO · 21/05/2013

Manuelfl8 disse:
Donde viste eso men... asi te diria como hacerlo!!

me olvide dejar la web, ya la puse C_C

Manuelfl8 · 21/05/2013

Men si lo que quiere es el cuadro rojo entonce poner esto en tu CSS

.news-span {
background: none repeat scroll 0 0 #fb2900;
border: 1px solid #fff;
border-right: 0;
color: #FFFFFF;
display: block;
float: left;
font-family: BebasNeueRegular,arial,Georgia;
font-size: 19px;
padding: 6px 10px 3px;
}

y pon ESTO en tu HTML

Nombre que quiere en el Cuadro ROJO

y listo

Saludos!!

toritoreshulong · 21/05/2013

es una marquesina lo que tu buscas, en google hay mucha info de códigos de marquesina

Aguila SEO · 21/05/2013

gracias manuel, si no es mucha molestia me peudes indicar en que lugar coloco en el html, soy nuevo jejeje

Manuelfl8 disse:
Men si lo que quiere es el cuadro rojo entonce poner esto en tu CSS

.news-span {
background: none repeat scroll 0 0 #fb2900;
border: 1px solid #fff;
border-right: 0;
color: #FFFFFF;
display: block;
float: left;
font-family: BebasNeueRegular,arial,Georgia;
font-size: 19px;
padding: 6px 10px 3px;
}

y pon ESTO en tu HTML

Nombre que quiere en el Cuadro ROJO

y listo

Saludos!!

Manuelfl8 · 21/05/2013

No men solo tiene que mostrar el HTML donde quera que se ponga la CAJA!!

Saludos!

Great Kitten disse:
gracias manuel, si no es mucha molestia me peudes indicar en que lugar coloco en el html, soy nuevo jejeje

Aguila SEO · 21/05/2013

bueno men puse este codigo

Inserir CODE, HTML ou PHP:

<span class="news-span">OTROGATO</span><marquee direction="left" style="background:#CC3333">Un saludo a todos</marquee>

pero no sale como en la imagen en el primer post, sale abajo del cuadro rojo :ambivalence:

Manuelfl8 disse:
Men si lo que quiere es el cuadro rojo entonce poner esto en tu CSS

.news-span {
background: none repeat scroll 0 0 #fb2900;
border: 1px solid #fff;
border-right: 0;
color: #FFFFFF;
display: block;
float: left;
font-family: BebasNeueRegular,arial,Georgia;
font-size: 19px;
padding: 6px 10px 3px;
}

y pon ESTO en tu HTML

Nombre que quiere en el Cuadro ROJO

y listo

Saludos!!

Snickfire · 22/05/2013

Yo haría algo así. ya tú lo arreglas para encaje exacto:

Inserir CODE, HTML ou PHP:

<style>
#principal {

border: 1px solid #d1cad1;
display: block;
font-family: BebasNeueRegular,arial,Georgia;
font-size: 14px;
width:700px;
height:30px;

}

#principal .pl{
float:left;
background: red;
margin:1px;
padding:5.5px;
width:200px;
font-weight:bold;
color:#fff;

}

#principal .pr{
float:left;
background: #fff6ed;
margin:1px;
padding:6.5px;
width:470px;
color:#6a6257;
font-size:12px;
}

</style>
<div id="principal">

<div class="pl">TEXTO CUADRO ROJO</div>
<div class="pr">Texto en cuadro cream</div>
</div>

Como criar uma caixa similar à da página http://radioslike.net/web/

Aguila SEO

Manuelfl8

Aguila SEO

Manuelfl8

toritoreshulong

Aguila SEO

Manuelfl8

Aguila SEO

Snickfire

Tópicos similares