mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 14:27 Benutzername: Passwort: Auto-Login

Thema: Verschiedenfarbige Links - die xte... vom 11.05.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Software - Nonprint -> Verschiedenfarbige Links - die xte...
Autor Nachricht
Benutzer 48639
Account gelöscht Threadersteller


Ort: -

Verfasst Mi 11.05.2011 22:56
Titel

Verschiedenfarbige Links - die xte...

Antworten mit Zitat Zum Seitenanfang

Mahlzeit die Herren bzw. Damen...

ich bin leider absoluter Newbie was Dreamweaver CS5 & CSS anbelangt und würde gerne 2 unterschiedliche Linkfarben auf einer Webseite hinterlegen. Wie gehe ich da am Besten vor? Einfach eine neue Klasse definieren geht leider nicht... Menno!

Ich denke da werde ich nicht drum rum kommen und im Quellcode rumfriemeln müssen - oder? Wäre super wenn jemand der mit DW CS5 vertraut ist sagen kann wie man da am Besten vorgeht...

Bin über jede Hilfe dankbar!

MFG
 
simkay

Dabei seit: 29.10.2007
Ort: Karlsruhe
Alter: 46
Geschlecht: Männlich
Verfasst Do 12.05.2011 07:22
Titel

Antworten mit Zitat Zum Seitenanfang

Deinem Link musst du die zuvor erstellt Klasse natürlich zuweisen.

Guckst du hier:

http://www.web-workshop.de/tutorials/css/verschieden-farbige-links.php4
  View user's profile Private Nachricht senden
Anzeige
Anzeige
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 12.05.2011 07:44
Titel

Re: Verschiedenfarbige Links - die xte...

Antworten mit Zitat Zum Seitenanfang

Talgdrüse hat geschrieben:
Einfach eine neue Klasse definieren geht leider nicht...


Wieso das? Wenn nicht könntest du noch auch eine ID oder Klasse eines Elternelemets verweisen.

Code:

#deine-id1 a { color: xxx }
#deine-id2 a { color: xxx }
  View user's profile Private Nachricht senden
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Do 12.05.2011 08:46
Titel

Antworten mit Zitat Zum Seitenanfang

Oder nur Anchor-Tags selektieren, die eine bestimmte Klasse/ID haben:

Code:

a#deine-id  { color: xxx }
a.deine-klasse  { color: xxx }
  View user's profile Private Nachricht senden
Benutzer 48639
Account gelöscht Threadersteller


Ort: -

Verfasst Do 12.05.2011 18:28
Titel

Antworten mit Zitat Zum Seitenanfang

hmm.... ich merke schon - mir fehlt irgendwie das Grundwissen. Ich würde mal hier meinen Code posten, vielleicht kann man damit was anfangen... Wäre super wenn man die neu formatierten Elemente rausheben könnte (wenn einer die Güte hätte...)

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
/* ~~ Dieser Container umschließt alle anderen div-Tags und weist ihnen ihre als Prozentwert definierte Breite zu. ~~ */
.container_navi_top {
   width: 860px;
   margin-top: 15px;
   margin-right: auto;
   margin-bottom: 0;
   margin-left: auto;
   height: auto;
}

body,td,th {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 16px;
   color: #666;
}
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-image: url(file:///Mac%20HD/Users/Tobi/Desktop/novum-medien/images/bg_header.gif);
   background-repeat: repeat-x;
}

a:link {
   text-decoration: none;
   color: #F60;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
   color: #999;
}
a:active {
   text-decoration: none;
}
</style>
</head>

<body leftmargin="0" marginwidth="0">
<div class="container_navi_top" id="containier">
  <table border="0" align="center" cellpadding="0" cellspacing="0">
    <tr class="test">
      <td height="21"><a href="#" class="menu">HOME</a></td>
      <td width="100"><div align="center">//</div></td>
      <td><a href="vita.html">VITA</a></td>
      <td width="100"><div align="center">//</div></td>
      <td><a href="leistungen.html">LEISTUNGEN</a></td>
      <td width="100"><div align="center">//</div></td>
      <td><a href="news.html">NEWS</a></td>
      <td width="100"><div align="center">//</div></td>
      <td><a href="kontakt.html">KONTAKT</a></td>
      <td width="100"><div align="center">//</div></td>
      <td><a href="impressum.html">IMPRESSUM</a></td>
    </tr>
  </table>
</div>
</body>
</html>


kurze Erklärung noch dazu - die links auf der Seite sollen alle in diesem *orange* erscheinen - ausser in der Navi - dort sollen Sie weiss sein... wie realisiere ich das nun am besten...? * Keine Ahnung... * Mit den Vorschlägen hier werde ich nämlich nich sooooo ganz schlau * Such, Fiffi, such! *

Merci schon mal im Voraus *zwinker*
 
Farbmalkasten

Dabei seit: 14.08.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 12.05.2011 18:51
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

also in deiner CSS Datei musst du eine neue Klasse für die Menü-Links erstellen. In meinem Beispiel heißen die
Code:
a.menu


Hier der Code, den du dann in deine CSS Datei schreiben musst:

Code:

a.menu:link {
color:#ffffff;
text-decoration:none;
}

a.menu:visited {
color:#ffffff;
text-decoration:none;
}

a.menu:active {
color:#ffffff;
text-decoration:none;
}

a.menu:hover {
color:#ffffff;
text-decoration:underline;
}


So. Hiermit hast du nun angegeben, dass alle Links, die in der Klasse "menu" nachher in deinem Quelltext stehen weiß sind und beim hovern unterstrichen werden.

Nun musst du die Link-Klasse aber noch in deine HTML Datei einbauen. Das machst du, in dem du den "a href" von deinem Menü Link veränderst und noch

Code:
<a class="menu" href="deineseite.html">Linkname</a>


hinzufügst. Ich hoffe ich konnte dir helfen *zwinker*
  View user's profile Private Nachricht senden
Benutzer 48639
Account gelöscht Threadersteller


Ort: -

Verfasst Di 17.05.2011 06:17
Titel

Antworten mit Zitat Zum Seitenanfang

so - entschuldige die späte Nachricht - aber Urlaub sollte man nicht aufschieben Lächel

Hat super geklappt - Vielen Dank! Ich werde mich bzgl. der Klassen, IDs, Selektoren etc wohl noch reinfuchsen müssen, aber das wird schon *zwinker*

Thnx - nochmal...!
Grüße!
 
 
Ähnliche Themen verschiedenfarbige navigation mit css
verschachtelte links
navigieren mit links
Probleme mit den Links
DW: Verhalten bei Links
Flash MX Links
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Software - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.