Ergebnis 1 bis 4 von 4

Thema: CSS Infobox für ausgehende Links

  1. #1
    Macrosdesign
    Gast

    Standard CSS Infobox für ausgehende Links

    Habe mal wieder eine kleine CSS Spielerei für euch.

    Beispiel: Klick mich
    CSS Code
    HTML-Code:
    	/* CSS styles for outgoing Links */
    a[href*="http://"]:after {
    	content: "Ausgehender Link zu " attr(href);
    	display:none;
    	text-align:center;
    	color:#ccc;
    	position:fixed;
    	top:0;
    	left:0;
    	width:100%;
    	padding:10px 0;
    	background:#333;
    	line-height:20px;
    }
    
    a[href*="http://"]:hover:after {
    	display:block;
    }
    /* ############################# */

    HTML-Code:
    <p>
    Dies ist ein ausgehender Link zu <a href="http://www.google.de">www.google.de</a>.
    </p>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Macrosdesign (08.03.2010 um 11:35 Uhr)

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: CSS Infobox für ausgehende Links

    schon mal in opera getestet? ;D
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Thonixx
    Gast

    Standard AW: CSS Infobox für ausgehende Links

    Das ist zwar genial, aber ich halte kleine Symbole für sinnvoller, wie ich das gemacht habe.
    Ich post das auch mal hin.

  4. #4
    Macrosdesign
    Gast

    Standard AW: CSS Infobox für ausgehende Links

    Ja Thonixx ich weiß was du meinst aber hier geht es ja darum das man auch mal Links setzt die zb. "Hier klicken" heißen und durch diese Technik wird einem die Zielurl angezeigt.

    Zu Opera überlege ich mir derzeit einen Bugfix das Problem liegt in der Verbindung von :hover:after & position:fixed mit position:absolute funkt es ...

Ähnliche Themen

  1. Bei MouseHover eine Art Infobox
    Von chris90night im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 20.02.2007, 17:21
  2. css - infobox
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 22.02.2006, 10:31
  3. LINKS
    Von vision2003 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.06.2005, 12:44
  4. Links
    Von vision2003 im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 19.05.2005, 14:33
  5. IE-"Infobox" entfernen
    Von eRik im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 01.02.2005, 16:49

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •