Linkfarben

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Beitrag von JFooty »

schmatz hat geschrieben:...Wie gesagt möchte den Link Hover ändern und die Kategorie Farbe der Hover Funktion....
:roll: Präzisiere deine Frage! Nicht alle Links im Forum haben die gleiche Hoverfarbe.
Also welche Links genau sollen es denn sein.
Wenn es dir schwer fällt, das genauer zu beschreiben, dann hilft ein Screenshot in dem du die betreffenden Stellen markierst.

Du hast so viel Code gepostet! Da gibt's bestimmt gleich Mecker von einem aufmerksamen Forumsmoderator .... :D
Benutzeravatar
Heinz
Mitglied
Beiträge: 50
Registriert: 21.06.2003 11:50
Wohnort: Niederrhein

Beitrag von Heinz »

JFooty hat geschrieben:Die passende Stelle in der stylesheet.css zu finden, ist mit dem richtigen Werkzeug ziemlich einfach.
Installiere dir firebug für den Feuerfuchs. Dieses geniale Tool zeigt dir die entsprechenden Eigenschaften eines Elementes an.
So findest du ziemlich schnell die entsprechende Passage in der css-Datei.
Wenn du willst, kannst du außerdem im Browser vorher herumprobieren, bevor du die css-Datei änderst.
Ok, ich habe den firebug installiert. Aber was soll das bringen?

Hier ein Link zu meinem Forum: www.line1-service.de/hnf
schmatz
Mitglied
Beiträge: 45
Registriert: 26.05.2007 11:04
Kontaktdaten:

Beitrag von schmatz »

JFooty hat geschrieben:
schmatz hat geschrieben:...Wie gesagt möchte den Link Hover ändern und die Kategorie Farbe der Hover Funktion....
:roll: Präzisiere deine Frage! Nicht alle Links im Forum haben die gleiche Hoverfarbe.
Also welche Links genau sollen es denn sein.
Wenn es dir schwer fällt, das genauer zu beschreiben, dann hilft ein Screenshot in dem du die betreffenden Stellen markierst.

Du hast so viel Code gepostet! Da gibt's bestimmt gleich Mecker von einem aufmerksamen Forumsmoderator .... :D
Die Linkfarbe in den Kategorien (hover):

[ externes Bild ]

Und die Hover Farbe soll so geändert werden, auch im Gesamtbild der Forenkategorien wie hier:

[ externes Bild ]
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Beitrag von JFooty »

Heinz hat geschrieben:Ok, ich habe den firebug installiert. Aber was soll das bringen?
Das hatte ich eigentlich schon erklärt. :roll:
Mit firebug kannst du unter anderem die css-Eigenschaften deiner Seite anzeigen lassen.
Das heißt, wenn du z. B. die Schriftfarbe ändern willst, klickst du in firebug einfach auf "Untersuchen" und fährst mit der Maus über die zu ändernde Stelle deiner Homepage. firebug zeigt dir dann sowohl den Quelltext als auch die betreffende Stelle der css-Datei, die für die Farbe verantwortlich ist, an.
Diese Stelle suchst du anschließend in der css-Datei (oder den css-Dateien) und änderst sie entsprechend deinen Wünschen ab.

@schmatz:
Also das erste ist in der colours.css zu finden.
Suche dort die Stelle

Code: Alles auswählen

a.topictitle:hover {color:hier steht deine Farbe}
und passe den Farbwert an.
Für diesen orangen Hover-Effekt:
Suche in der colours.css

Code: Alles auswählen

li.row:hover {background-color:hier steht deine Farbe}
Etwas aufwändiger ist die Variante im Forum von nickvergessen.
Da wird für diesen Hovereffekt auch noch ein Hintergrundbild für den Farbverlauf eingesetzt.
Benutzeravatar
Heinz
Mitglied
Beiträge: 50
Registriert: 21.06.2003 11:50
Wohnort: Niederrhein

Beitrag von Heinz »

Hallo Fjooty,

irgendwie scheinen wir uns nicht zu verstehen.

1.) ich möchte das subsilver-Theme verändern, dort gibt es keine color.css
2.) ich möchte nicht die linkfarbe für das komplette Theme ändern, sondern nur für den Inhalt der Postings.

Und da hat mich der firebug noch nicht sehr weitergeholfen.

Ich benötige also noch Hilfe!

Schönen Abend

Heinz
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Beitrag von JFooty »

Heinz hat geschrieben:Hallo Fjooty
:o
Heinz hat geschrieben:1.) ich möchte das subsilver-Theme verändern, dort gibt es keine color.css
Das mit der colours.css war auch nicht an dich gerichtet. :wink:
Heinz hat geschrieben:2.) ich möchte nicht die linkfarbe für das komplette Theme ändern, sondern nur für den Inhalt der Postings.
Wenn du den Text in einem Posting meinst:
Suche in der stylesheet.css

Code: Alles auswählen

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
} 
und füge dort

Code: Alles auswählen

color:deineFarbe;
hinzu (z.B. #f00 für rot)
Benutzeravatar
Heinz
Mitglied
Beiträge: 50
Registriert: 21.06.2003 11:50
Wohnort: Niederrhein

Beitrag von Heinz »

Bis dort bin ich auch vorgedrungen. Ich wollte aber nicht die Schriftfarbe ändern, sondern die linkfarbe, Ich habe es mit "a link" versucht. Hat aber nicht funktioniert. Vielleicht war die Syntax falsch.
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Beitrag von JFooty »

Poste einfach mal deinen geänderten css-Code.
Vielleicht liegt es ja wirklich nur einer Syntax-Kleinigkeit.
Benutzeravatar
Heinz
Mitglied
Beiträge: 50
Registriert: 21.06.2003 11:50
Wohnort: Niederrhein

Beitrag von Heinz »

ORIGINAL

.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}


verändert

.postbody {
:link color: #D23650;
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}


Und anschließend den Cache geleert. Es muss bestimmt an der Syntax liegen.

:-(Heinz
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Beitrag von JFooty »

Heinz hat geschrieben:Es muss bestimmt an der Syntax liegen.
Genau. :wink: Stelle als erstes den Originalcode wieder her.
Füge danach ein:

Code: Alles auswählen

.postbody a:link {color: #D23650}
Entsprechendes für:
.postbody a:visited (besuchte Links)
.postbody a:hover (für den Hover-Effekt) und
.postbody a:active (für aktive Links).
Wenn alles die gleiche Farbe haben soll, kannst du auch

Code: Alles auswählen

.postbody a:link, .postbody a:visited, .postbody a:hover, .postbody a:active {color: #D23650}
einsetzen. Reihenfolge beachten! (hover und active müssen immer hinter link und visited stehen)
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“