Internet Forum / Hilfen für Einsteiger in HPM Foren

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

#1 von Biggi , 14.05.2007 20:16

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...

Angefügte Bilder:
Screentest.jpg  
 
Biggi
Beiträge: 25
Registriert am: 14.05.2007


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

#2 von BOo°m , 14.05.2007 22:52

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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005


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

#3 von Biggi , 14.05.2007 23:15

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

 
Biggi
Beiträge: 25
Registriert am: 14.05.2007

zuletzt bearbeitet 15.05.2007 | Top

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

#4 von BOo°m , 15.05.2007 00:47

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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005


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

#5 von Biggi , 15.05.2007 01:08

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>


die CSS hab ich durchsucht... nüscht...

bin bald am verzweifeln und das dauert bei mir sehr lang *lach*
http://126104.homepagemodules.de/

 
Biggi
Beiträge: 25
Registriert am: 14.05.2007

zuletzt bearbeitet 15.05.2007 | Top

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

#6 von BOo°m , 15.05.2007 01:20

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;
}




 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 15.05.2007 | Top

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

#7 von Biggi , 15.05.2007 01:29

ä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*

 
Biggi
Beiträge: 25
Registriert am: 14.05.2007


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

#8 von BOo°m , 15.05.2007 02:00

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?


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005


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

#9 von BOo°m , 15.05.2007 02:21

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>







...und das ist meine CSS-Datei:
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;
}

HR {
margin-top: 5px;
margin-bottom: 5px;
}

BLOCKQUOTE {
margin-right: 0px;
margin-bottom: 0px;
margin-left: 30px;
}

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

.ntit a {
color: #8FB9E5;
}

.ntit a:hover {
color: #FFFF33;
}

.ntop {
/* Die zweite Überschriftszeile wie bei den Privaten Mails */
background-image:url(http://www.bilder-hochladen.net/files/78q-158.png);
height:30px;
vertical-align:middle;
background-color: #FFE699;
color: #d1d1d1;
}

.ntop a {
color: #550000;
}

.ntop td {
/* same */
height:29px;
background-image:url(http://www.bilder-hochladen.net/files/78q-196.png);
background-color: transparent;
vertical-align: middle;
color: #000000;
}

.nnor {
/* jeweils der mittlere Bereich bei der Suche, der FAQ, der Einstellungen u.s.w. */
background-image:url(http://www.bilder-hochladen.net/files/78q-196.png);
background-color: #d1d1d1;
color: #000000;
}
.nnor a {
color: #990000;
}

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


.nnor input,select,textarea {
/* Form Elemente in diesem Bereich, auch Betreff-Textfeld bei neuem Beitrag */
background-image:url(http://www.bilder-hochladen.net/files/78q-196.png);
background-color: #d1d1d1;
color: #000000;
}

.nnos {
/* kleiner Text im mittlerem Bereich */
font-size: 9pt
}

.itop {
/* Oberste Tabellenzeile vom Forum -> Überschrift sei: Forum, Themen, Beiträge, letze Nachricht, Moderator */
background-image:url(http://www.bilder-hochladen.net/files/78q-158.png);
height:25px;
background-color: #626262;
color: #d1d1d1;
text-align: center;
vertical-align: middle;
}

.icats {
/* Forum Übersicht -> Kategorie */
background-image:url(http://www.bilder-hochladen.net/files/78q-157.png); height:29px;
background-color: #FFE699;
color: #D1D1D1;
font-size: 11pt;
font-weight: bold;
}

.icats a {
/* Forum Übersicht -> Kategorie-Link */
background-image:url();
font-size: 12pt;
font-weight: bold;
vertical-align:middle;
text-align:center;
text-decoration: none;
color: #d1d1d1;
}

.cent {
/* Forum Übersicht -> center */
text-align: center;
}

.ifo1 {
/* Forum Übersicht -> Forum style 1 - Spalte 1-3-6 */
background-image:url(http://www.bilder-hochladen.net/files/78q-15a.png);
font-size: 8pt;
font-weight: bold;
vertical-align:middle;
background-color:#d1d1d1;
color: #a1a1a1;
}

.ifo1 A:Link {
color:#8FB9E5;
}

.ifo1 A:Hover {
color: #FFFF33;
}

.ifo2 {
/* Forum Übersicht -> Forum style 2 - Foren-Link-Felder */
background-image:url(http://www.bilder-hochladen.net/files/78q-196.png);
font-size: 8pt;
font-weight: bold;
border-top-width:4px;
border-top-style:solid;
border-top-color:#78789B;
border-left-width:4px;
border-left-style:solid;
border-left-color:#78789B;
border-right-width:4px;
border-right-style:solid;
border-right-color:#f5f5f5;
border-bottom-width:4px;
border-bottom-style:solid;
border-bottom-color:#f5f5f5;
background-color:#d1d1d1;
color: #000000;
}

.ifo2 A {
/* Forum Übersicht -> Forum style 2 - Link */
text-decoration: none;
color:#9E7700;
}

.ifo2 A:hover {
color: #FFFF33;
text-decoration: none;
}

.ifos {
/* Forum Übersicht -> kleine Schrift */
font-size:8pt;
}

.iau0 {
/* Forum Übersicht -> Auflistung Aktive User zeile 1 - vorletzte Zeile */
background-image:url(http://www.bilder-hochladen.net/files/78q-196.png);
background-color: #A8A8CA;
font-weight: bold;
color: #000000;
}

.iau0 A {
/* Linkfarbe - Neuestes Mitglied*/
color: #151457;
font-weight: bold;
}

.iaus {
/* Forum Übersicht -> Aktive User Satz: 10 Mitglieder, 5 Gäste Online */
font-size: 9pt;
font-weight: normal;
}

.iau1 {
/* Forum Übersicht -> Aktive User zeile 2 mit Liste der aktiven User */
background-image:url(http://www.bilder-hochladen.net/files/78q-196.png);
background-color:#0F0005;
color: #8FB9E5;
height:25px;


}

.iau1 A:link {
color: #4E461D;
text-decoration: none;
}

.iau1 A:Hover {
color: #FF6A38;
}

.ftop {
/* Themenübersicht angeklickte Kategorie Zeile 1 -> Neues Thema erstellen */
background-image:url(http://www.bilder-hochladen.net/files/78q-157.png);
height:30px;
background-color: #151457;
color: #d1d1d1;
font-weight: bold;
}


.ftop a {
color: #d1d1d1;
vertical-align:center;
}

.fopt {
/* Themenübersicht angeklickte Kategorie Zeile 2 -> Forum Information */
background-color: #151457;
color: #d1d1d1;
font-size:9pt;
font-weight: bold;
}

.fopt a {
color: #d1d1d1;
}

.fwha {
background-color: #151457;
color: #d1d1d1;
font-weight:bold;
}

.fwha td {
/* Themenübersicht Zeile 3 -> Betreff-Absender-Antworten-Letzter-Beitrag */
background-image:url();
background-color: #151457;
color: #d1d1d1;
font-weight:bold;
}

.fth1 {
/* Themenlinks in Themenübersicht -> Spalte 1 , Spalte Absender , Spalte Hits */
background-image:url();
background-color: #151457;
color: #d1d1d1;
}

.fth1 A:Link {
color:#d1d1d1;
}

.fth1 A:Hover {
color: #FF6A38;
}

.fth2 {
/* Themenlinks in Themenübersicht -> Spalten Betreff, Antworten, Letzter Beitrag */
background-image:url(http://www.bilder-hochladen.net/files/78q-196.png);
border-top-width:2px;
border-top-style:solid;
border-top-color:#868686;
padding-top:2px;
border-left-width:2px;
border-left-style:solid;
border-left-color:#a0a0a0;
border-right-width:2px;
border-right-style:solid;
border-right-color:#ffffff;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:#ffffff;
padding-bottom:4px;
background-color: #d1d1d1;
color: #000000;
}

.fths {
font-size: 8pt;
}

.fbot {
/* Themenlinks -> Letzte Spalte */
background-image:url(http://www.bilder-hochladen.net/files/78q-157.png);
height:30px;
vertical-align:center;
background-color: #151457;
color: #d1d1d1;
}

.fbot A,select {
/* Themenlinks -> Letzte Spalte Sprung-Link */
background-image:url();
background-color:transparent;
color: #d1d1d1;
font-weight: bold;
}

.fbot input {
/* was auch immer */
background-image:url();
background-color:#aaa8a9;
font-size:10;
color: #d1d1d1;
vertical-align:middle;
}

.ttop {
/* Themenansicht erste Zeile -> Themenname-Sortierung-Flat-Threaded */
background-image:url(http://www.bilder-hochladen.net/files/78q-157.png);
height:29px;
vertical-align:center;
background-color: #626262;
color: #d1d1d1;
font-weight: bold;
padding: 0px;
}

.ttop a {
color: #d1d1d1;
vertical-align:center;
}

.tnex {
/* Themenansicht zweite und untere Zeile -> wenn Thema mehrere Seiten hat */
background-image:url(http://www.bilder-hochladen.net/files/78q-158.png);
height:30px;
background-color: #FFE699;
color: #d1d1d1;
}

.tnex a{
/* Themenansicht zweite und untere Zeile -> wenn Thema mehrere Seiten hat */
color: #d1d1d1;
}

.tbei {
/* keine Ahnung !*/
background-color: #626262;
color: #d1d1d1;
font-weight: bold;
}

.tms1 {
/* Themenhintergrund in den Avatarfeldern */
background-image:url();
font-size: 8pt;
font-weight: bold;
background-color: #0059B3;
color: #d1d1d1;
}

.tms1 a {
color: #8FB9E5;
}

.tms1 a:hover {
color: #FFFF33;
}

.tms2 {
/* Themenhintergrund in den Beitragsfeldern ! */
background-image:url(http://www.bilder-hochladen.net/files/78q-196.png);
background-color: #d1d1d1;
color: #000000;
}

.tms2 a {
color: #990000;
}

.tms3 {
/* Keine Ahnung ! */
background-color: #FFE699;
color: #000000;
}

.tms3 a {
/* Keine Ahnung ! */
color: #550000;
}

.tms4 {
/* Keine Ahnung ! */
background-color: #d1d1d1;
color: #000000;
}

.tms4 a {
color: #990000;
}

.tbot {
/* Letzte Abschlusszeile in Themen */
background-image:url(http://www.bilder-hochladen.net/files/78q-157.png);
height:30px;
background-color: #151457;
color: #d1d1d1;
font-weight: bold;
/* border-width:1px */
}

.tbot a {
color: #d1d1d1;
}

.tbot input,select {
font-weight: normal
}

.tmss {
font-size: 8pt;
font-weight: normal
}

.tmst {
font-size:11pt;
text-align: center;
}

.tare {
color: #151457;
text-align: center;
vertical-align: bottom
}

.tarea {
color:#151457;
font-weight: bold
}

.thin {
color:#9E7700;
font-weight: bold;
}

.tbhi {
color: #d1d1d1;
text-align: center;
vertical-align: center;
}

.tbhi td select {
color: #9E7700;
background-color: #ECE6D6;
text-align: center;
vertical-align: center;
}

.tsmt {
color: #9E7700;
font-size: 8pt;
font-weight: bold;
}

.tmenu {
background:url(http://www.bilder-hochladen.net/files/78q-19s.png);
display:100%
width:161px;
height:38px;
font-weight: bold;
font-size: 10pt;
color:#6B5000;
border: 0;
text-decoration: none;
text-align: center;
vertical-align:middle;
}


tmenu a:hover {
color: #FFFF33;
vertical-align: center;
}

button,a {
text-decoration: none;
}

.xtra1 {
/* durchnummerierte xtra sind eigene Classes zur freien Verfügung - Eingeloggte User */
background-image:url(http://www.bilder-hochladen.net/files/78q-196.png);
color: #9E7700;
font-size: 12pt;
font-weight: bold;
}

.xtra1 a {
color: #9E7700;
}

.xtra1 a:hover {
color: #FFFF33;
}






 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005


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

#10 von Biggi , 15.05.2007 12:29

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!

 
Biggi
Beiträge: 25
Registriert am: 14.05.2007


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

#11 von BOo°m , 15.05.2007 14:54

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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 15.05.2007 | Top

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

#12 von Biggi , 15.05.2007 15:08

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

 
Biggi
Beiträge: 25
Registriert am: 14.05.2007


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

#13 von BOo°m , 15.05.2007 15:25

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>


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 15.05.2007 | Top

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

#14 von Biggi , 15.05.2007 16:05

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?

 
Biggi
Beiträge: 25
Registriert am: 14.05.2007


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

#15 von BOo°m , 15.05.2007 16:28

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....


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005


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

#16 von Biggi , 15.05.2007 16:43

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.

Angefügte Bilder:
farbe1.jpg   farbe.jpg  
 
Biggi
Beiträge: 25
Registriert am: 14.05.2007

zuletzt bearbeitet 15.05.2007 | Top

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

#17 von Biggi , 15.05.2007 18:12

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

 
Biggi
Beiträge: 25
Registriert am: 14.05.2007


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

#18 von BOo°m , 15.05.2007 18:51

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.





 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005


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

#19 von Biggi , 15.05.2007 20:57

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!

 
Biggi
Beiträge: 25
Registriert am: 14.05.2007

zuletzt bearbeitet 15.05.2007 | Top

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

#20 von BOo°m , 15.05.2007 22:19

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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 15.05.2007 | Top

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

#21 von Biggi , 15.05.2007 22:36

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.

 
Biggi
Beiträge: 25
Registriert am: 14.05.2007


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

#22 von BOo°m , 15.05.2007 22:43

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.....


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005


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

#23 von Biggi , 15.05.2007 22:49

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

 
Biggi
Beiträge: 25
Registriert am: 14.05.2007


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

#24 von BOo°m , 16.05.2007 00:53

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.....


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 16.05.2007 | Top

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

#25 von BOo°m , 16.05.2007 01:03

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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005


   

Suchergebnisse werden nicht angezeigt
Threat zum Aqualoco Forum





Powered by Forum Hosting  
Xobor Forum Software von Xobor
Einfach ein eigenes Forum erstellen