Linkfarben 'trennen' - prosilver

[FrostAgent]

Moin,

mal eine Frage, ist es möglich, dass ich die Link Farben in meinem Forum praktisch trennen kann?
In der Übersicht wird für eine gute Sichtbarkeit nämlich eine andere Farbe benötigt als direkt im Forum (in den Threads etc.), doch wenn ich die Linkfarbe in der Übersicht veränder, so verändert die Farbe sich auch im Rest des Forums, aber ich möchte die Links quasi trennen, ist das irgendwie möglich?

[ externes Bild ]

Ich hoffe mein Anliegen ist einigermaßen verständlich und man kann dieses Problem irgendwie beheben, habe zwar selbst schon etwas herumprobiert, Google und die Sufu bemüht, aber wie es scheint bin ich daraus nicht ganz schlau geworden.

[Kirk]

Hallo
Schau dir das hier mal an viewtopic.php?f=89&t=188756

[FrostAgent]

Danke, aber wirklich weiterhelfen tut mir das nicht, wo ich die Linkfarben verändere weiß ich, allerdings gehören einige Links außerhalb des Forums selbst, sprich in der Übersicht zu dem gleichen Punkt, weshalb dort dann immer die gleiche Linkfarbe wie im Forum (im Thread der Threadtitel z.B.), dies möchte ich nach Möglichkeit aber gerne voneinander trennen.

[Tetischere]

Hallo
das ist möglich, aber mit etwas Arbeit verbunden, definiere über .css einen andere "Linkfarbe" und weise den Links, die du anders haben möchtest die dementsprechende ID zu!

[HJW]

Hallo,

du mußt halt schauen, in welchem Div-Container die Links sich befinden. Dann kannst du mit

Code: Alles auswählen

.div-Name a:link{
color: #Farbcode
} 

den Link entsprechend formatieren

[Talk19zehn]

Hello, eine Idee oder Alternative zur Änderung der Linkfarbe am Rande: Ohne Gewähr, da aus zeitlichen Gründen lediglich mit Firefox und dem IE 8 "angetestet". Die Farbänderungen beziehen sich nur auf die Links in der Beitragsansicht ( Viewtopic ).

Bitte sichere vor einer Änderung deine Inhalte der Verzeichnisse.


Öffne via Server die Content.css und suche

Code: Alles auswählen

.postbody h3 {
       /* Postbody requires a different h3 format - so change it here */
       font-size: 1.5em;
       padding: 2px 0 0 0;
       margin: 0 0 0.3em 0 !important;
       text-transform: none;
       border: none;
       font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
       line-height: 125%;
    }

danach füge ein:

Code: Alles auswählen

.postbody h3 a {color:#ff0044;}

Farbangabe bitte noch ändern.

Speichern ( UTF 8 ohne Bom !! ), heraufladen und via ACP das Theme aktualisieren.


Öffne via Server die viewtopic_body.html und suche

Code: Alles auswählen

<h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>

und ersetze mit:

Code: Alles auswählen

<h3 <!-- IF postrow.S_FIRST_ROW --><a><!-- ENDIF --></a><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>

Speichern ( UTF 8 ohne Bom !! ), heraufladen und via ACP das Tempalte aktualisieren. Forenseite aufrufen und den Browsercache bereinigen ( Strg / F5 ).

Ergebnis: [ externes Bild ]


Ich bin nicht fehlerlos und freue mich, wenn Anwender mal drüberschauen, gleichlautend testen und ein Feedback geben. Ggf. habe ich in der Deklaration etwas übersehen oder die Browserwelten arbeiten evtl. nicht gleichlautend in der Darstellung? Die Selektoren sind ja derart verschachtelt, dass ich zu dieser genannten Alternative griff.

Danke!

Alles ohne Gewähr!!!

Viele Grüße

[franki]

Hallo Talk19zehn

Code: Alles auswählen

<!-- IF postrow.S_FIRST_ROW --><a><!-- ENDIF --></a>

Das sieht etwas komisch aus
a. Das <H3 wird nicht geschlossen
b. Das <a> bezieht sich nicht auf die .css
c. Das </a> kann ich nicht zuordnen was es schließen soll

Um dieses einzubinden

Code: Alles auswählen

.postbody h3 a {color:#ff0044;}

sollte es eigentlich so aussehen

Code: Alles auswählen

<!-- IF postrow.S_FIRST_ROW -->class="a"<!-- ENDIF -->>

[Talk19zehn]

Hallo franki,

stimmt, sieht komisch aus. Im Orginal ( vgl. Standard viewtopic.body.html ) wird m. E. auf eine zweite *Ebene verwiesen. Diese Verschachtelung der Selektoren wird m. E. über die zweite spitze Klammer geregelt. *Sie ist in meinem Original kein Endif-Ende: siehe >

Die erste Ebene bezieht sich auf "class first"( Startbeitrag )

Code: Alles auswählen

 <h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->

und die zweite *Ebene auf die Anwortbeiträge

Code: Alles auswählen

<h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->> 

Und h3 wird daher erst am Ende geschlossen ( vgl. Standard viewtopic.body.html ).

Oder, was meinst du?

Insofern würde ich meinen, dass der Denkansatz ( CSS ) bezogen auf die Verschachtelung korrekt ist. Natürlich wäre ein class "a" denkbar. Das hatte ich gar nicht ausprobiert, gleichwohl es logisch wäre / ist. Danke dir! Ich probiere es am Abend sehr gerne aus.

Code: Alles auswählen

<!-- IF postrow.S_FIRST_ROW -->class="a"<!-- ENDIF -->>

Ich könnte mir vorstellen, dass der "Antwortbeitragstitel" dann jedoch nicht in einer geänderten Schriftfarbe sondern auf die bezogebe zweite Ebene ausgegeben wird?

Allerbeste Grüße

[Talk19zehn]

Wunderbar, - franki!! Ich danke dir herzlichst, dass du mir den Wink der class"a" gegeben hast. Es funktioniert zweifelsfrei und ist valide: Html und CSS im Testforum fehlerfrei.

Code: Alles auswählen

<h3 <!-- IF postrow.S_FIRST_ROW -->class="a"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>

Der Erstbeitrag und Antwortbeitrag wird natürlich und selbstverständlich in der "Farbe Rot" dargestellt, wie konnte ich dies nur übersehen? So ist ein Anfang gemacht.


Na dann, - wie heißt es so schön, - wer hat, der hat! Danke!


Beste Grüße aus der Metropole


( Linkfarbe Themenansicht gestalten hell / dunkel )
( Verweise farblich ändern )
( Schriftfarbe für einen Link )

[Talk19zehn]

Edit 15.01.2010
Fehlermeldung: Ich editiere vorsichtshalber hier in diesem Beitrag

ZItat von Seite 2 dieses Beitrages:
Sorry, ---> bitte sämtlich genannte Konstrukte daher nicht oder noch nicht "verbauen".

viewtopic.php?p=1219022#p1219022

Ende Edit 15.01.2010


*****************************
Hello,

ich trage nach: Da ich wegen Verwendung der "class=a" die Formatierung der Erstbeitragszeile ( vormals class="first" (Themenstart )) offensichtlich verloren habe, erneuerte ich testweise:

Siehe zuvor genannte Änderung in der content.css.

Linkformatierung erster Beitrag Themenstart ( first-line ):

Code: Alles auswählen

.postbody h3 a {color:#660000;}
.a:first-line {font-family:Verdana, Helvetica, sans-serif; font-style:italic;}

Denkbar ist ebenso, lediglich den ersten Buchstaben des Links ( first-letter ) im Themenstart zu formatieren:

Code: Alles auswählen

.postbody h3 a {color:#003366;}
.a:first-letter {font-size:1.4em; font-family:Verdana, Helvetica, sans-serif; font-style:italic;}

Grüße