🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Article View: chile.comp.programacion
Article #3387

Re: con Css u otra forma?

#3387
From: Leonardo Herrera
Date: Mon, 14 Feb 2005 15:41
41 lines
1946 bytes
+mArkO+ wrote:
> como puedo hacer que al pasar el mouse sobre un link, a este le agregue unos
> corchetes a los lados
> 
> ej
> 
> inicio    ---->    [inicio]
> 
> tambien como se hace para ke cierta region de la pagina tenga unos atributos
> en cuanto a tipo de letra, links,etc y otras regiones distintas cosas

Con CSS, de esta forma:

     <span class="clase1">[<a href="#">Inicio</a>]</span>

Declarar en el CSS los siguiente selectores:

     .clase1 {
        visibility: hidden;
     }

     .clase1 a {
        text-decoration: none;
        text-transform: lowercase;
        visibility: visible;
     }

     .clase1:hover {
        visibility: visible;
     }

Lamentablemente, esta soluci�n no funciona con Internet Explorer 
(�tremenda novedad!) as� que hay que usar Javascript:

     <span class="clase1" onmouseover="this.style.visibility='visible';" 
onmouseout="this.style.visibility='hidden'">[<a href="#">Inicio</a>]</span>

Saludos,
-- 
Leonardo Herrera
http://pipes.epublish.cl
Technical Details
Message-ID: <37buvmF5brfciU1@individual.net>
Path: arc1-ca.pugleaf.net!g2news1.google.com!news1.google.com!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
References: <culb9r$f3v$1@news1.nivel5.cl>

Show Full Headers
Complete Article Headers
X-Google-Thread: 1593cb,c6d920c159eff25b
X-Google-Thread: fad43,c6d920c159eff25b
X-Google-Attributes: gid1593cb,gidfad43,public
X-Google-Language: SPANISH,ASCII
Path: arc1-ca.pugleaf.net!g2news1.google.com!news1.google.com!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: Leonardo Herrera <leus@epublish.cl>
Newsgroups: chile.comp.programacion,chile.comp.www
Subject: Re: con Css u otra forma?
Date: Mon, 14 Feb 2005 12:41:03 -0300
Lines: 41
Message-ID: <37buvmF5brfciU1@individual.net>
References: <culb9r$f3v$1@news1.nivel5.cl>
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-1; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: individual.net Ha5Ta/D8aIxoNCM0CRbtoQzomnyXn8uoxz7QyzMA0H1H+RT7Zq
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a6) Gecko/20050111 Mnenhy/0.7.1
X-Accept-Language: en-us, en
In-Reply-To: <culb9r$f3v$1@news1.nivel5.cl>