Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen
search
search

Links "markiert"

Hey!
Wie kann ich die Links so hinkriegen, dass sie
beim drüberfahren wie "markiert" sind,
Beispiel:
http://blinginblazin.bl.funpic.de/media/sigs.htm
(das .back.) so...
hat jemand den htmlcode dafür, und wo
kann ich dann die farben ändern?

danke!!
tschüss
martina

Moderator informieren  

Antworten zu Links "markiert":

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Naja, also CSS wäre sicherlich eine gute Möglichkeit, allerdings für SO einen Effekt hab ich jetzt keinen CSS-Befehl parat. Einfacher würde es mit Rollover-effekten gehen, da kann man auch einfach die Farbe ändern ;)

Rollovereffekt :
<a href="dateiname.html "
 onmouseover="document.bezeichung.src='verzeichnis/name01.gif'"
 onmouseout="document.bezeichung.src='verzeichnis/name02.gif'"> <img
 src="verzeichnis/name02.gif" name="bezeichung" width="Breite"
height="Höhe" border="Rahmen (Breite 0 empfohlen!)"
 id="bezeichung"></a>

(Ein paar Mehr Effekte gibts auf meiner Page unter "Ernsthafte Tipps", oder auch mal auf Jossifs Page)

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Achja, hier die Adresse von JoSsiFs Page :
http://www.jsfnet.de/

Moderator informieren  

bei css wärs

a:hover {background-color:#0000ff;
         color:#ffffff}

Die farbe ist nur en beispiel ;-)
jetzt wird jeder link beim drüberfahren weiße schrift bekommen und nen blauen hintergrund

Moderator informieren  

wie und mit was kann ich eine CSS datei erstellen?
brauch ich dafür ein spezielles programm??
ich hab nen mac und ja... dort gehn ja viele programme net

Moderator informieren  

hi...

CSS ist eine ganz normale Textdatei die du als *.css abspeicherst (z.b. style.css)

dann bindest du die in deine HTML-dokumente ein.

Nähere infos zu CSS findes du hier:

Erst das hier

und dann das hier

gruß Jan

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Man kann auch direkt in den <head> Bereich der Homepage/Seite die Befehle einbinden, also hier mal ein Beispiel :

Zitat
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <title>WUNSCH</title>
  <style type="text/css">
a:link { text-decoration:WUNSCH; }
a:visited { text-decoration:WUNSCH; }
a:hover { text-decoration:WUNSCH; }
a:active { text-decoration:WUNSCH; }
  </style>
</head>

WUNSCH ist geweils ein Platzhalter. bei <title> steht WUNSCH für den Titel der HP, der oben erscheinen soll.

Bei text-decoration gibt es verschiedene Auswahlmöglichkeiten.

none = Normale Formatierung
underline = unterstrichen
overline = Überstrichen
line-through = durchgestrichen (Empfehle ich eigentlich nur bei "visited" ;))
{background-color:#0000ff;
        color:#ffffff} = Hintergrundfarbe und Textfarbe der Schrift. eBill hat glaub ich auf seiner Page eine Übersicht über die Farben...
Moderator informieren  
Zitat
line-through = durchgestrichen (Empfehle ich eigentlich nur bei "visited" ;))

Ich persönlich würd es überhaupt nicht empfehlen wenn es nicht unbedingt sein muss. dat sieht nähmlich nach nix aus...und schon garnicht bei besuchten links. dann ist nämlich, nachdem man alle seiten bescuht hat, die komplette menüleiste durchgestrichen. und außerdem machts unleserlich.
Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hab ich auch nur der Vollständigkeitshalber reingenommen. Um mal zu zeigen, was CSS alles "kann"  ;)

Aber  W E N N  mans benutzen will dann besser nur bei visited.

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi,

  • zum Thema .CSS hier mal als Ausschnitt aus meiner HomePage nur den .CSS-gestalteten MenüTeil :


http://members.chello.at/pauline.billmaier/linke.htm

  • und hier die komplette Seite :


http://www.e-billmaier.at.tf/

  • und hier mein <zglobal.css> - File :


/* DATEI: zglobal.css */

A.llink:link { font-size:12pt; font-weight:bold; }
A.llink:visited { font-size:12pt; font-weight:bold; }
A.llink:hover { font-size:12pt; font-weight:bold; }
A.llink:active { font-size:12pt; font-weight:bold; }

A.mlink:link { font-size:10pt; font-weight:bold; }
A.mlink:visited { font-size:10pt; font-weight:bold; }
A.mlink:hover { font-size:10pt; font-weight:bold; }
A.mlink:active { font-size:10pt; font-weight:bold; }

A.slink:link { font-size:8pt; }
A.slink:visited { font-size:8pt; }
A.slink:hover { font-size:8pt; }
A.slink:active { font-size:8pt; }


p,h1,h2,h3,h4,ul,ol,li,div,dl,dt,td,th,nobr,b,i,text
     { font-family:Verdana,Arial,sans-serif; }

p,ul,ol,li,div,dl,dt,td,th,nobr,b,i,text { font-size:8pt; }

h1 { font-size:18pt; color:#ff0000; }
h2 { font-size:16pt; color:#ff0000; }
h3 { font-size:14pt; color:#ff0000; }
h4 { font-size:10pt; color:#ff0000; }

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Ich habe auf meiner Page mal einen ganz, ganz kleinen Bereich dieser "Linkgestaltung" mit CSS geschenkt, könnte vielleicht mal jemand überprüfen, ob das alles stimmt ?
Hier gucken unter "Ernsthafte Tipps" (Links mit CSS)

Und noch eine Frage : Wir kann man denn eine externe CSS Datei einbinden ? Also

  • Was gehört alles in die Datei rein (mit Bezeichnungen...)
  • Wie kann man dann Befehle aus der Datei verknüpfen ?
« Letzte Änderung: 06.03.05, 13:13:26 von Der olle Schwoebel »
Moderator informieren  
Zitat
Wir kann man denn eine externe CSS Datei einbinden

in den <head>-breich:

<link rel="stylesheet" type="text/css" href="meineCSS.css">

Zitat
Was gehört alles in die Datei rein (mit Bezeichnungen...)

alles was du sonst in den <Style>-tag auch schreiben würdest.

Zitat
Wie kann man dann Befehle aus der Datei verknüpfen ?

z.B.:

<a class="meinlink" href..........></a>

für den style "meinlink" schreibst du dann in der CSS
z.B.

Code: [Auswählen]
.meinlink {font-weight:bold;
           color:#ff0000;
           text-decoration:none;
}
willst du ne allgemeine änderung aller links brauchst du nur

Code: [Auswählen]
a {font-weight:bold;
   color:#ff0000;
   text-decoration:none;
}

soweit klar ?

Gruß jan
Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
Zitat von: Der olle Schwoebel am 06.03.05, 13:13:09
....  kann man denn eine externe CSS Datei einbinden ....

  • z.B. die Datei ist im gleichen Verzeichnis :


<head>
...
<link rel="stylesheet" type="text/css" href="CssFile.css">
...
</head>
Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Ja, habs verstanden :)

Moderator informieren  

Seiten: [1]
« Homepage-Upload bei t-online und AOL (Telekom / AOL FTP Upload)fehler auf der seite!!! »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Jan190480 Gast

Datum: 14.02.05, 12:00:39

3014x gelesen, 13 Antworten.

Seiten: [1]

0 und 1 Gast betrachten dieses Thema.
Fremdwörter? Erklärungen im Lexikon!
CSS
CSS ist die Abkürzung für Cascading Style Sheets, eine Beschreibungssprache im Internets, die für die visuelle Gestaltung von Webseiten verantwortlich ist....

IP-Adresse
Die IP-Adresse ist eine Adresse in einem Computernetzwerk, das auf dem Internet-Protokoll (IP) basiert. Sie besteht aus vier Zahlenblöcken mit Zahlen von 0 bis 255, ...

MAC-Adresse
Eine Media-Access-Control-Adresse (MAC-Adresse) ist die Hardware-Adresse jedes einzelnen Netzwerkadapters. Jede Netzwerkkarte ist mit einer zwölfstelligen Bezeichnun...


Mehr zu Links "markiert"

GoogleDisavow Links: Google hat ein neues Tool gestartet, um böse Links zu löschen

Mit der neuen "Disavow Links" Funktion in den Google Webmaster Tools hat Google jetzt eine Möglichk...

Gute Links, schlechte Links

Wenn man den Link leicht trifft und gleich weiß, wohin er f...

Virus_anim2Hilfe!!!!!!!!!""""""""Possible boot virus detected"&

Nach eine Formatierung versuch auf festplatte C mit Paragon Partastion Manager...ist meine Dell Lapt...

Ähnliche Fragen: