Cómo crear una caja similar a la de la página http://radioslike.net/web/

  • Autor Autor Aguila SEO
  • Fecha de inicio Fecha de inicio
Aguila SEO

Aguila SEO

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

caja.webp

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/
 
Última edición:
Donde viste eso men... asi te diria como hacerlo!!
 
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

<span class="news-span">Nombre que quiere en el Cuadro ROJO</span>

y listo

Saludos!!
 
es una marquesina lo que tu buscas, en google hay mucha info de códigos de marquesina
 
gracias manuel, si no es mucha molestia me peudes indicar en que lugar coloco en el html, soy nuevo jejeje

Manuelfl8 dijo:
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

<span class="news-span">Nombre que quiere en el Cuadro ROJO</span>

y listo

Saludos!!
Hacer clic para expandir...
 
No men solo tiene que mostrar el HTML donde quera que se ponga la CAJA!!

Saludos!
Great Kitten dijo:
gracias manuel, si no es mucha molestia me peudes indicar en que lugar coloco en el html, soy nuevo jejeje
Hacer clic para expandir...
 
bueno men puse este codigo

Insertar CODE, HTML o 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 dijo:
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

<span class="news-span">Nombre que quiere en el Cuadro ROJO</span>

y listo

Saludos!!
Hacer clic para expandir...
 
Yo haría algo así. ya tú lo arreglas para encaje exacto:

Insertar CODE, HTML o 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>
 
Última edición:
Hay que estar conectado o registrado para responder aquí.

Temas similares

Stron
Tutorial: Cómo crear una página de salida para enlaces externos con estilo ouo.io
2 3 4
Respuestas
66
Visitas
9K
Framber tech
Framber tech
P
Cómo crear una caja lateral con apertura y cierre en CSS
Respuestas
2
Visitas
880
plincu
P
N
Cómo crear una caja de comentarios con tres redes sociales
Respuestas
5
Visitas
796
chirucas
C
skonent
¿Cómo crear un botón similar en mi página web?
Respuestas
8
Visitas
502
skonent
skonent
elkin8517
Tutorial: Cómo crear una caja pop up multifuncional en tu sitio web
2
Respuestas
24
Visitas
8K
marines
M
Atrás
Arriba