Marcofbb Noticias y Artículos Webmasters



Publicidad marcored

Mostrar y ocultar datos CSS

  • 12/01/2011
  • 1:51 am
  • marcofbb

Mostrar ocultar datos con css, es algo tan simple como 2 por 2. En este ejemplo solo se utiliza css, pero mas adelante traeré con jquery, ect.

Código css:

<style type="text/css">
#container{
    margin:0 auto;
}
 
body {
    background:#ccc;
}
#dropdown ul .drop{
     display:none;
     }
#dropdown a {
       background:#ff0f0f;
}     
#dropdown ul:hover .drop{
         display: inline-block;
     padding-bottom:10px;
}
#dropdown
 ul .item{display:none;}
#dropdown 
 ul:hover .item{display:block;}
padding-bottom:200px;
</style>

Código html

<h3 align="center" style="color: #3c5487"> <u>Desizntech.info CSS Tecnique</u></h3>
<div id="container">
 
 
 
 
<div id="dropdown">
<ul>
    <li><strong>Hover Over me</strong></li>
    <li class="drop">Yes You can see me</li>
</ul>
<!--more-->
<ul>
    <li><strong>I am a small text</strong></li>
    <li class="drop"> I am really, really, really, really, really, really, really, really, really, really, really really really big text.</li>
 
</ul>
<ul>
    <li><strong>I am not a link but..</strong></li>
    <li class="drop"><a href="http://desizntech.info" target="_blank">I am a link</a></li>
    <li>Joke : A very depressed man</li>
    <li class="drop">There's a man sitting at a bar just looking at his drink. He stays like that for half an hour. Then, a big trouble-making truck driver steps next to him, takes the drink from the guy, and just drinks it all down.The poor man starts crying. The truck driver says, "Come on man, I was just joking. Here, I'll buy you another drink. I just can't stand seeing a man crying."
 
"No, it's not that. This day is the worst of my life. First, I fall asleep, and I'm late to my office. My boss, in an outrage, fires me. When I leave the building to my car, I found out it was stolen. The police say they can do nothing. I get a cab to return home and when I leave it, I remember I left my wallet and credit cards there. The cab driver just drives away. I go home and when I get there, I find my wife sleeping with the gardener. I leave home and come to this bar. And when I was thinking about putting an end to my life, you show up and drink my poison."</li>
</ul>
 
</div></div>

Demo: Ver demo

Share

¿Necesitas ayuda? o ¿Asesoramiento webmaster? Registrate en nuestro foro de consultas

Posts Relacionados

Total de Comentarios: 6

Avatar
12/01/2011
1:54 am

Información Bitacoras.com...

Valora en Bitacoras.com: No hay resumen disponible para esta anotación...

Avatar
13/01/2011
4:57 am

muy bueno, yo cuando no sabia, ponia amenazas y groceras y las ocultaba con css, luego me di cuenta que se podian ver en el codigo fuente xDD

Avatar
13/01/2011
11:10 pm

xD

Avatar
psyko_05
10/12/2011
6:40 am

Amigo tengo una duda.. Donde debo pegar el codigo para que me lo oculte ya lo pegé en mi css y en la raiz de donde tengo todos los archivos pero me lo sigue mostrando cuando le doy a ver codigo fuente de la pagina.
Tambien otra duda... cuando le doy en el navegador a guardar pagina completa se guarda el archivo css completo y como puedo proteger esos archivos o no se puede??

Gracias espero tu respuesta Salu2

Avatar
10/12/2011
6:43 am

Los archivos esos no se pueden protejer, pero si ofuscar.

Me gustaría que me dejes tu web donde aplicaste esto así te digo donde esta el error.

Saludos

Avatar
psyko_05
13/12/2011
8:18 pm

Gracias amigo pero ya resolví el problema si me sirvio esto que pusiste... Gracias salu2


Enviar Comentario

(*)

(*)