Farbveränderung der Links im 3D--Silber-Style

Tach auch...

wie ich gestern ja schon erwähnt hatte, bin ich am 3D Style am herumbasteln,
was die Schriftfarben angeht.
Ich hab nun soweit alles, außer den Links.
Irgendwie hab ich mit dem Standart ein Problem.

Ich hab die Links der Übersichtseite nun rot eingefärbt.
Hat man sie allerdings einmal angeklickt, erscheinen sie lila
und bleiben dann auch so.
Das würde ich gerne ändern, aber ich finde die entsprechende
Stelle nicht, die dafür verantwortlich ist. bzw. weiß ganz einfach nicht,
welche Stelle in der CSS das sein könnte
(hab schon alles mögliche und unmögliche ausprobiert)


Achja und die Stelle für die Links im Menü und um das Beitragsfeld herum usw.
find ich irgendwie auch nicht


Ich könnt da gut nen Tip brauchen...

Hi Biggi,

Du hast irgendwo im Template ein "a:visited #??????" mit Farbcode. Es hängt nun davon ab ob Du allgemein die bereits besuchten Links nicht in einer anderen Farben haben möchtest oder ob Du das gezielt an bestimmten Stellen abschalten möchtest.

Es könnte sich zB. im Layout-Header eine solche Definition befinden oder in der CSS ziemlich am Anfang. Oder sogar an beiden Stellen, ich weiss ja nicht was Du schon herumgebastelt hast im Forum.

Entweder Du nimmst diese Sache dann ganz heraus (also das ) oder Du setzt dort den gleichen Farbcode rein wie bei "a:link #??????" dann hast das allgemein angepasst....

oder:

Du suchst Dir die Classes in der CSS und schreibst immer am besten direkt unter der entsprechenden Class ein:
a:visited Classname{
Color: #??????;
}

...dann hast das gezielt für diese Class aus oder umgeschaltet.

Ich vermute mal Du hast das im Layout-Header irgendwo drin denn in der Standard CSS finde ich kein a:visited ......


Gruß, BOo°m

Also ich hab bis jetzt nur in der CSS herumgebastelt.
Alles andere is bis auf die Änderungen für das 3D-Design noch jungfräulich
Ein "a:visited.. is mir da wirklich noch nicht aufgefallen.

Und ja... eigentlich möcht ich das grundsätzlich weg haben - nicht nur teilweise

Lieben Gruß
Biggi

Also irgendwo MUSS a:visited bei Dir stehen sonst würde sich das nicht ändern. Entweder im Layout-Header oder in der CSS.

Bei mir habe ich das nirgends stehen, deshalb ändern sich die Links nach dem Anklicken auch nicht.

Rufe sonst einfach mal den Layout-Header und die CSS auf, drücke die Tastenkombi [strg]+[f] und gib im Suchfeld visited ein. Vorher vielleicht jeweils den Cursor an den Start des Eingabefeldes setzen....

Die Bedienung der Seitensuche ist von Browser zu Browser unterschiedlich aber ähnlich.

Gruß, BOo°m

hmm... also das is alles, was ich im Header stehn hab:

In Antwort auf:

---

<STYLE TYPE="text/css">
BODY {
background-image: url(http://www.bilder-hochladen.net/files/78q-141.png);
background-repeat: repeat;
background-attachment: free;
}
</STYLE>

<br></ br>
<center><a href=http://www.bernd-forum.de/><img src="http://www.bilder-hochladen.net/files/qw6-4a.jpg"></a>
<br></ br>
<big><b>Das Forum</big></b>
<br></ br>

<img src="http://www.bilder-hochladen.net/files/qw6-4d.gif"><img src="http://www.bilder-hochladen.net/files/qw6-4d.gif"><img src="http://www.bilder-hochladen.net/files/qw6-4e.gif"><img src="http://www.bilder-hochladen.net/files/qw6-4d.gif"><img src="http://www.bilder-hochladen.net/files/qw6-4d.gif"></center>
<br></ br>
<br></ br>

---

Hmmmm...das verstehe ich jetzt nicht. Damit das Forum so reagiert wie bei Dir muss man das irgendwo definieren, wenns nicht definiert ist passiert gar nichts (also so wie bei mir), soweit ich weiss ist eine Farbänderung der Links nach dem Anklicken keine Standardsache die vielleicht automatisch geschehen würde - kann ja auch gar nicht weil keine Farbinformation vorliegen würde......

Das müsste wenn dann relativ weit vorne in der CSS stehen. Ich würde mal sagen direkt hinter dem hier:
BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #235A95;
color: #FF6633;
text-align: center
}

TD,TR {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
text-decoration: none;
}

img {
border:none;
}

INPUT,SELECT,TEXTAREA {
color: #000000;
}

A {
color: #004080;
}

A:Hover {
color: #FFFF33;
}

ähhhm... guck mal wie das bei mir aussieht....
also gewundert hatte ich mich schon, dass ich nirgends die Schriftart definiert finde usw.



a:hover { color: #C4A002;}

<BODY background-color=#e1e1e1 >


<style type="text/css">

BODY {
background-image: url(http://www.bilder-hochladen.net/files/78q-16p.png);
background-repeat: repeat;
background-attachment: fixed;
}

.itop {
/* Oberste Tabellenzeile vom Forum -> Überschrift sei: Forum, Themen, Beiträge, letze Nachricht, Moderator */
background-image:url(http://www.bilder-hochladen.net/files/78q-v0.gif);
height:25px;

/* outline-style:inset; outline-width:2px; outline-color:#565656; */

}


.ntit {
/* z.b. bei der Suche die Überschrift */
background-image:url(http://www.bilder-hochladen.net/files/78q-wn.jpg); height:29px;
font-size: 12pt;
font-weight: bold;
color: #000000;
vertical-align:middle;
}


.ntop {
/* Die zweite Überschriftszeile wie bei den Privaten Mails */
background-image:url();
}

.ntop td {
/* same */
background-image:url();
}

.nnor {
/* jeweils der mittlere Bereich bei der Suche, der FAQ, der Einstellungen, Eingabefeld beim Antworten, Werbung u.s.w. */
background-image:url(http://www.bilder-hochladen.net/files/78q-ta.jpg);
background-color:#708290;
font-size: 11pt;
}

.nnor td {
/* Betrifft Umfeld für anklickbar Smilies beim Antworten */
background-image:url(http://www.bilder-hochladen.net/files/78q-ta.jpg);
}

...ich werd' jeck *lol*

Neeee Moooooooment!

Das was Du mir da jetzt geschickt hast ist ein Auszug aus dem Layout-Header, das darf SO nicht in der CSS stehen!

Ich hoffe wir reden hier nicht aneinander vorbei. Wenn das bei Dir SO in der CSS steht hast Du was falsch gemacht.....

Das kann passiert sein weil ich diese Sachen früher mal im Layout-Header definiert habe und Du das vielleicht falsch verstanden hast.


Was ist das jetzt? Ein Auszug aus dem Layout-Header oder aus Deiner CSS?

Okay, also nochmal:

Das ist mein Layout-Header:
<span style="color: #EB7500;">
<h1>Willkommen in der Foreninformation</h1> <br><br>
<Body>
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.2)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=1.2)">
<meta http-equiv="Site-Enter" content="blendTrans(Duration=1.2)">
<meta http-equiv="Site-Exit" content="blendTrans(Duration=1.2)">


<style type="text/css">

BODY {
background-image: url(http://www.bilder-hochladen.net/files/78q-193.png);
background-repeat: repeat;
background-attachment: fixed;

}

pre {
/* Erweiterung für den Pre-Befehl ! */
width:90%; overflow:auto; border:1px solid; margin:0px; padding:0px
}

.tarea{text-decoration: none;}

</style>

weia! Kein Wunder, passt das dann nicht. Sorry....

Ich hatte das hier http://www.foreninformation.de/t1763f12-...rmation-de.html von Cyberbob kopiert und in die CSS eingefügt.
Klar hatte ich gelesen, dass er es im Header hatte, aber auch deine Mitteilung, dass du das nun in der CSS machst und dass ihr irgendetwas geändert/aktualisiert habt. Naja, ich ging dann eben davon aus, dass das nun so in die CSS kann....

Tschuldigung wenn ich für Verwirrung gesorgt hab

Andererseits bin ich froh, dass ich doch so "früh" schon um Hilfe gerufen hab,
normalerweise probier ich und les' ich und mach und tu, bis zum get no
...oder bis ich´s dann irgendwann hab *lach*

Danke dir!

Tjoh.....auf die Interpretationen meiner Aussagen habe ich natürlich wenig Einfluss, kann das nur an bestimmten Textstellen mal durch Fettdruck in den Fokus rücken.


Der große Vorteil damals das im Layout-Header zu machen war dass man die CSS auf einfacher Farbmanipulation stehen lassen konnte. Damit konnte man gezielt einige Farben ändern und wenn man die anderen dann mal global schnell anpassen wollte ging das mit der einfachen Bedienung recht fix. Die Anweisungen im Layout-Header haben Priorität bei der Ausführung und somit haben Wertänderungen in der CSS keine Auswirkung wenn man bestimmte Sachen nochmal im Layout-Header codiert hat. Ein weiterer Vorteil ist dass man somit auch die Werbung einfacher in der Farbgestaltung manipulieren kann.

Der vermutlich große Nachteil ist dass Codierung im Layout-Header auch Priorität vor den Forenvariablen hat, deshalb hat damals wahrscheinlich einiges von meinen Experimenten nicht funktioniert. Man beachte bitte meine Wortwahl "vermutlich & wahrscheinlich"!

Meine neuen Templates sind komplett in der CSS definiert und es wäre auch immer besser diese neuen Templates zu nehmen da diese auf dem neuesten Stand der Forensoftware sind zur Zeit.


Gruß, BOo°m

Naja, ich bin halt nur ein blutiger Laie mit nem Happen Mut *lach*
Ich liebe Herausforderungen
Jedenfalls bin ich jetzt schon mal ein ganzes Stück weiter!
*freu*
Fast fertig zur Übernahme in die beiden angesprochenen Foren.
Eigentlich suche ich nur noch eine einzige Stelle,
dann bin ich glaub ich durch.

...und hab wieder einiges dazu gelernt!
Merci Monsieur

Na viel mehr bin ich im Grunde auch nicht, sehe zum Beispiel gerade dass bei mir im Layout-Header ein </span> fehlt......


So ist das richtiger:
<span style="color: #EB7500;"><h1>Willkommen in der Foreninformation</h1></span>
<br><br>

niemand ist vollkommen... sehr beruhigend

ähm BOo°m?
Ich möchte gerne auf der Übersichtsseite die Schrift in rot haben - nur den Link, des letzten Beitrags - also das auf der blauen Spalte. Und evtl. auf der Ansichtsseite den "Absender"

ich hätte gedacht, dass hier die richtige Stelle wäre:
.ifo1 A:Link {
color: #BB2606;
font-weight: bold;
}
zumindest hab ich jetzt nur die Links der Werbung in rot
Kannst du mir grad die richtige Stelle sagen?

Benutze doch einfach das hier: http://www.foreninformation.de/t1689f25-...orendesign.html
Damit bekommt man ratzfatz die zuständigen Classes heraus.

Ist immer sehr umständlich eine Class zu nennen wenn man nicht genau weiss was eigentlich gemeint ist, da sind Fehler oft genug vorprogrammiert....

Oder einen Screenshot dranhängen wo markiert ist was genau Du meinst:
http://www.foreninformation.de/t1722f25-...Screenshot.html

Bis jetzt habe ich verstanden dass Du die Überschriften in den Kategoriefeldern meinst, das sind die nach aussen gewölbten 3D Balken.....

So aus dem Kopf habe ich die Classes auch nicht, muss ich auch immer erst meine Erweiterungen benutzen....

ich hätte gedachte du hast das vielleicht so gut wie im Kopf

also im Anhang nun die Screens, damit du siehst was ich meinte.
Ich fummel mich aber auch mal durch deine Tips - vielleicht find ich´s ja.

nur zur Info...
ich glaub ich bin nun so langsam zufrieden und wahrscheinlich
wird es so wie es hier ist, in den nächsten Tagen an den Start gehn...
http://126104.homepagemodules.de/

vielen Merci nochmal

Also hast das jetzt hinbekommen wie Du es wolltest?

Sieht ganz gut aus, allerdings würde ich nicht unbedingt den Sandigen Hintergund wie hier nehmen, der passt eindeutig besser zu SurfandKite. Der Blau eingetönte gefällt mir gut! Den vielleicht etwas heller für die Beitragsfelder machen.......oder vielleicht sogar mit einem leichten Stich ins Fliederfarbene?

Zu Poesie würde auch ein ganz dezenter Marmor-Hintergrund passen glaube ich. Also in den Beitragsfeldern jetzt.

ich hatte dahingehend schon überlegt, wenn ich ehrlich sein soll.
Der feine Marmorhintergrund wäre schon edel...
Wusste aber nun nicht wo genau dieser Hintergrund definiert is


Ansonsten ja.. das mit der Schriftfarbe hab ich jetzt so, wie ich´s wollte

Edit: ähm... ich hab´s gefundeeeeen!

Also mal als kleiner Tip am Rande:

Die gesamten Bereiche die hier zB. in dem hellem Sandton "eingefärbt" sind haben ja dieselbe Hintegrundgrafik die nur in unterschiedlichen Classes in der CSS aufgerufen wird.
Es ist eigentlich "normal" dass man zum Beispiel bei der Eingabe eines Beitrages das Eingabefeld selbst sowie die ganzen umliegenden Felder im gleichen Farbton einfärbt, also mit derselben Hintergrundgrafik versieht da zu viele unterschiedliche Farben meist weniger harmonisch aussehen. Das siehst Du hier ja wenn Du auf einen Beitrag antwortest. WENN das wie hier in der CSS bereits so gemacht ist das in den einzelnen Classes eine Grafik als Hintergrund definiert wurde muss man sich in DEM Fall also nicht jede zum jeweiligen Feld passende Class dort herauspicken und die Grafiklinks von Hand anpassen......

Viel einfacher ist es wenn man das Ganze mit einem Texteditor, wie Wordpad, mit der suchen & ersetzen Funktion erledigt.

Man klickt mit dem FireFox zB. also einfach in den Bereich der einem grafisch gefällt, macht einen Rechtsklick drauf und bekommt ein Popup-Menü in dem der Punkt "Hintergrundgrafik anzeigen" aufgeführt ist. Ich weiss nicht ob der IE so eine Funktion bietet. Wählt man besagten Menüpunkt an wird im gleichen Browserfenster dann das Hintergrundbild angezeigt und oben in der Adresszeile von Browser sieht man die komplette URL (den Direktlink) zur Grafik. Achtung das geht nicht direkt in den Eingabefeldern aber in den Bereichen drumherum.

Damit hat man schon mal etwas wonach man mit dem Texteditor suchen kann, jetzt braucht man nur noch eine vollständige URL zur Grafik welche man dort anstatt des alten Hintergrundes angezeigt haben möchte.
Wie man an die Adressen kommt habe hier im Forum schon ein paar mal erklärt.

JETZT gehts los........

Texteditor starten - die CSS-Datei aufrufen - den kompletten Inhalt der CSS markieren & kopieren - das Ganze dann in das leere Eingabefeld vom Texteditor einfügen - Beim Texteditor im Menü bearbeiten den Punkt ersetzen Aufrufen - in die Eingabezeile Suche nach die komplette URL der alten Grafik eintragen - in die Eingabezeile ersetze mit die komplette URL der neuen Grafik eintragen - dann den Button alle ersetzen betätigen - dann hat man alle alten links mit dem neuen ausgetauscht.

Zum Schluss nochmal alles was im Texteditor steht markieren und kopieren und dann in das leere Eingabefeld für die CSS einfügen, den alten Inhalt also komplett überschreiben.

CSS speichern.........fertig. Alle betroffenen Grafiklinks sind ausgetauscht....


Empfehlung: Vor Änderungen im Texteditor einmal ein Backup der alten CSS machen d.h. einmal unter einem aussagekräftigem Namen speichern. Ein Tippfehler in der URL beim Ersetzen kann sich sonst fatal auswirken.....


Für Profis ist das alles natürlich ein alter Hut.........

Noch ein Tip: Auch Texteditoren bieten die Möglichkeit die letzten Schritte rückgängig zu machen, oben im Menü....


Gruß, BOo°m

also im Erklären bist du wirklich unschlagbar!

Das mit dem Editor war mir wirklich neu und müsste ich mal gucken, wie sich das im IE verhält.
Ich hab die Änderungen also alle zu Fuss - oder per Hand gemacht. *lach*
Aber egal... ich bin ja ganz rüstig

Kopien mach ich mir eigentlich immer, vorher.
...und trotzdem suche ich jetzt was und finde es (bisher) noch nicht.
Die untere, leere, blaue, abschließende Leiste is mir irgendwie abhanden gekommen... ausgebüxt.

Kann Dir jetzt auf die Schnelle leider nix dazu sagen Biggi weil ich selber was sehr Wichtiges austesten muss.
Danach dann aber, wenn nicht jemand anderes schneller ist.....

Naja "zu Fuß" ist das natürlich ein Menge Tipp und Sucharbeit...... sowas soll mal schön der Compi machen. wozu hat man den denn schliesslich - sind ja teuer genug die Dinger.....

is kein Problem...
Lass dich von mir nicht aufhalten vielleicht hab ich ja doch noch nen Geistesblitz
und beim nächsten mal lass ich auch den Compi ackern

Einen Abschlussbalken bekommst Du dort wieder wenn Du im Template-Element-Forum Übersicht ganz nach unten scrollst, so sieht das Ende aus:
<td colspan="{{colspan}}" class="iau1"></td>
</tr>
</table>

Du könntest es ändern in:
<td colspan="{{colspan}}" class="icats"></td>
</tr>
</table>

....dann hast Du dort genau so einen Trennbalken wie bei den Kategorien.....

Den Text oben bei Dir im Forum willst sicherlich auch abändern.

Auch wieder Template-Element-Forum Übersicht diese Stelle suchen (ziemlich weit vorne):
<tr>
<td colspan="{{colspan}}" class="ifo2">
Allgemeine Information:
Forum wurde auf mehrsprachigen Standard zurückgesetzt, mein "Grundgerüst" an Templateveränderungen steht soweit und in Kürze werden die Grafiken alter Templates integriert .....
</td>
</tr>
Alles was zwischen den blauen Codes steht ist frei editierbar......

Wenn Du es komplett weghaben willst kannst auch das Blaue mitsamt dem Roten komplett herauslöschen....aufpassen dabei!


Gruß, BOo°m