[SOLUCIONADO] como colocar una box

XstrikeX · #1 (**permalink**) 28/03/2013, 22:39

hola amigos. me gustaria saber como coloco un box transparente en mi pagina web
le dejo una imagen para que entiendan

lo que quiero hacer es poner esa box transparente dentro de todo el recuadro marcado en rojo

quedaria bueno verdad?

por favor amigos

XstrikeX · #2 (**permalink**) 28/03/2013, 23:55

no esta solucionado.. me confundio el boton de "marcar como solucionado"

pzin · #3 (**permalink**) 29/03/2013, 00:24

Sólo tendrías que asignarle un color de fondo utilizando rgba() o hsla() al elemento:

Código CSS:

Ver originalbackground: rgba(0,0,0,0.5);

Triby · #4 (**permalink**) 29/03/2013, 02:08

Cita:

Iniciado por XstrikeX

no esta solucionado.. me confundio el boton de "marcar como solucionado"

Esto pasa muy a menudo, estaría bien que nos contaras donde está la confusión, para ver si podemos evitar que a otros usuarios también les pase.

Pensando, sólo puedo imaginar que lees algo como "Haz click aquí para encontrar la solución"... pero no me convence mucho esa idea.

XstrikeX · #5 (**permalink**) 29/03/2013, 10:35

pasa que la imagen me confundio

como veran en la imagen aparece que al star tildado es como si por error lo tilde y al querer destildarlo ya lo marca como solucionado

con respecto a mi tema encontre un codigo en la web

Código HTML:

<style>
    .trans{
      background-color:#00BB00;
      color:#CC0000;
      position:absolute;
      text-align:center;
      top:50px;
      left:40px;
      padding:315px;
      font-size:25px;
      font-weight:bold;
      width:300px;
    }
  </style>
</head>
<body>
  <div class="trans" style="z-index:1;filter:alpha(opacity=60);float:left;-moz-opacity:.60;opacity:.60">
  </div>
  <div class="cnt">
  </div>

pero no le puedo hacer click a los link ni a nada

pzin · #6 (**permalink**) 29/03/2013, 10:40

Cita:

Iniciado por XstrikeX

como veran en la imagen aparece que al star tildado es como si por error lo tilde y al querer destildarlo ya lo marca como solucionado

Lo que explica porqué tanta gente cae. Eso es un imán.

Cita:

Iniciado por XstrikeX

con respecto a mi tema encontre un codigo en la web

¿Probaste a usar rgba() o hsla() como te comenté arriba?

XstrikeX · #7 (**permalink**) 29/03/2013, 11:11

nose como se usa eso amigo. podrias exlicarme como se usa? por favor

pzin · #8 (**permalink**) 29/03/2013, 11:28

Es una forma de poner un color. Arriba en #3 te puse un ejemplo.

XstrikeX · #9 (**permalink**) 29/03/2013, 12:14

pero dame un ejemplo amigo...solo con un ejemplo bastara
mira ponele una box transparente a este texto

Código HTML:

</div>
<div class="cleared"></div>
<div id="logo">
<h1>Tu sitio web!</h1>
<span>Tu eslogan</span>
</div>

poor favor

pzin · #10 (**permalink**) 29/03/2013, 14:56

Cita:

Iniciado por XstrikeX

pero dame un ejemplo

Es que ya te di un ejemplo. Que te haga el código no es de recibo. Acabo de contestarle a otra persona con el mismo ejemplo que a ti y enseguida lo probó.

Para todo lo demás, librosweb.