Wechselschalter

Liebes Team,
seit einer ganzen Weile versuche ich nun den Wechselschalter in meinem Forum zu installieren, ich habe die Anleitung von Zuckerpuppe nun gefühlte 100 Mal gelesen und durchgeführt...der CSS Code ist folgender.
Mein Ergebnis war jedoch immer dieses:



Ich hoffe irgendjemand kann mir erklären, was mir noch fehlt/ was ich falsch gemacht habe.

Da ist gar kein CSS Code dabei. Es handelt sich um ein Script, das auf einer HTML Seite erstellt wird, und einem entsprechenden Aufruf in der Beschreibung der Webseite.
1478 Leute haben das so eingesetzt, und haben dabei kein Problem.

Jetzt komme ich mir aber doch etwas blöd vor...
Ich glaube ich habe einfach die Erklärung von Zuckerpuppe nicht begriffen und da scheine ich die einzige Person zu sein x'D...

Die Sache mit dem CSS Code macht mich jetzt doch noch ratloser, ich habe ja Firebug verwendet um das gesamte CSS zu sehen und habe auch alles eingefügt, was scheinbar der Fehler ist.

Gut, dann habe ich das jetzt etwas Falsch formuliert.
Ich kann deinen Link oben nicht aufrufen.
Es geht hier in erster Linie um das erstellen eines Script, das, und hier bei geht es wirklich um eine CSS Dartei, aufruft und diese in dein Forum einsetzt.
Ich habe es so verstanden, das du dieses Script in dein persönliches CSS eingefügt hast.
Was wir machen können, ist zu schauen, ob dein Scrit richtig ist.
Dazu solltest du mal bitte den Link zu deiner HTML Seite mit dem Script hier Posten.
Dann schauen wir uns noch an, was du bei Beschreibung der Webseite eingesetzt hast.
Ich gehe eigentlich davon aus, das in dem Script ein Fehler ist, oder das der Eintrag des Aufrufs falsch ist.
Mann muss sehen, was da passiert.

Da ich heute Nachmittag nicht mehr die Mittel haben werde, das genauer anzuschauen, gebe ich das hier noch mal für andere Frei und denke das wir das Problem schon lösen werden.
Bitte setze deinen Wahlschalter noch mal ins Forum ein, damit man noch mal sehen kann was da passiert.

Ich habe auch bereits vermutet, dass sich dort irgendwo der Fehler verbirgt und da ich das so oft schon probiert hatte, habe ich letzlich nur eine Sache verändert. Also hier ist das Script:

Code:

var type = getCookie('Vorlage1');
var sugar = document.getElementById('sugar');
sugar.innerHTML ='<select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> Wechsel den Style </option><option value="wert1"> Style1 </option><option value="wert2"> Style2 </option><option value="wert3"> Style3 </option></select>';




if (type == 'wert1')
{
   document.write('<link rel="stylesheet" type="text/css" href="http://www.fileden.com/files/2012/3/2/3272935/style%281%29.css">');
}
else if (type == 'wert2')
{
   document.write('<link rel="stylesheet" type="text/css" href="ADRESSE DES CSS">');
}
else if (type == 'wert3')
{
   document.write('<link rel="stylesheet" type="text/css" href="ADRESSE DES CSS">');
}


function changeskin(change) {
   var scheme = change;
   var name = 'Vorlage1';
   var pathname = location.pathname;
   //var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
   var ExpDate = new Date ();
   ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
   setCookie(name,scheme,ExpDate,'/');
}
function getCookie(name){
   var cname = name + "=";
   var dc = document.cookie;
   if (dc.length > 0) {
      begin = dc.indexOf(cname);
      if (begin != -1) {
         begin += cname.length;
         end = dc.indexOf(";", begin);
         if (end == -1) end = dc.length;
         return unescape(dc.substring(begin, end));
      }
   }
   return null;
}
function setCookie(name, value, expires, path, domain, secure) {
   document.cookie = name + "=" + escape(value) +
   ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
   ((path == null) ? "" : "; path=" + path) +
   ((domain == null) ? "" : "; domain=" + domain) +
   ((secure == null) ? "" : "; secure");
}

Der Link zu meinem Forum ist folgender LINK, ich habe das Script so eingesetzt, wie es momentan ist.
Das ganze hat nicht wirklich Eile, nur meine User werden wohl ungeduldig werden.

Hast du nicht zweimal die Adresse des CSS vergessen einzutragen? (Entschuldigt für's einmischen, falls ich falsch liege;))

zum einen das...und dann hast du bei fileden eine Klammer im Titel angegeben, die im Script umgewandelt wird.

So heißt die Seite bei fileden:
http://www.fileden.com/files/2012/3/2/3272935/style(1).css
und so wird sie im Script angezeigt:
http://www.fileden.com/files/2012/3/2/3272935/style%281%29.css

daher wird das nicht angenommen...

Wo muss ich die Adresse denn das zweite Mal eintragen? o_o habe ich das übersehen?
OH tatsächlich, ich habe natürlich diese Copy&Paste Sache verwendet ohne nachzuschauen ob es auch richtig ist...

Ja, scroll mal da steht doch noch zweimal "ADRESSE DES CSS"

Achso, ja die beiden habe ich frei gelassen, weil ich dachte dort müsste ich die Links zu den CSS Dateien anderer Styles eintragen?

Ich habe das ganze nun so abgespeichert, aber geändert hat sich leider noch immer nichts.

Code:

var type = getCookie('Vorlage1');
var sugar = document.getElementById('sugar');
sugar.innerHTML ='<select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> Wechsel den Style </option><option value="wert1"> Style1 </option><option value="wert2"> Style2 </option></select>';




if (type == 'wert1')
{
   document.write('<link rel="stylesheet" type="text/css" href="http://www.fileden.com/files/2012/3/2/3272935/style4.CSS">');
}
else if (type == 'wert2')
{
   document.write('<link rel="stylesheet" type="text/css" href="http://www.fileden.com/files/2012/3/2/3272935/style(1).css">');
}



function changeskin(change) {
   var scheme = change;
   var name = 'Vorlage1';
   var pathname = location.pathname;
   //var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
   var ExpDate = new Date ();
   ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
   setCookie(name,scheme,ExpDate,'/');
}
function getCookie(name){
   var cname = name + "=";
   var dc = document.cookie;
   if (dc.length > 0) {
      begin = dc.indexOf(cname);
      if (begin != -1) {
         begin += cname.length;
         end = dc.indexOf(";", begin);
         if (end == -1) end = dc.length;
         return unescape(dc.substring(begin, end));
      }
   }
   return null;
}
function setCookie(name, value, expires, path, domain, secure) {
   document.cookie = name + "=" + escape(value) +
   ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
   ((path == null) ? "" : "; path=" + path) +
   ((domain == null) ? "" : "; domain=" + domain) +
   ((secure == null) ? "" : "; secure");
}

So, ich hab mir mal das CSS angesehen, dass du bei fileden hochgeladen hast, bzw hab ich es in mein Testforum eingesetzt.
Definitiv liegt es an deinen CSS-Eintragungen, dass das Forum so fehlerhaft dargestellt wird.

Schau mal wie es bei mir im Testforum damit aussieht:


Das Logo wird nicht angezeigt, die Navigation, etliche Links und auch die Beitragsanzeige, sowie fast alle wichtigen Bestandteile des Forums

So sieht es dann aus, wenn ich folgenden CSS-Eintrag rausnehme:

Code:

#info_open, .browse-arrows, .messaging, .noprint, .post-options, .poster-profile, img.i_icon_online, span.postdetails img, table.bodylinewidth .catbottom, table.bodylinewidth .gensmall, table.bodylinewidth .mainmenu, table.bodylinewidth .nav, table.bodylinewidth .sig, table.bodylinewidth img#i_logo {
    display: none;
}

Dieser Code lässt auch alle Icons und sogar das Beitragsfeld verschwinden, sodass du keine neuen Beiträge mehr schreiben kannst, etc.

Was hattest du denn damit beabsichtigt? Was sollte denn nicht mehr zu sehen sein?

Naja das Problem ist, dass ich diesen Code (ich vermute es) mit dem gesamten CSS das ich mit dem Firebug sehen konnte einfach mitkopiert habe und deshalb wohl der Fehler aufgetreten ist, ich werde diesen Teil einfach mal löschen und sehen, ob sich bei mir etwas verändert.

Ansich wollte ich ja gar nicht das etwas verschwindet.


EDIT:
Ich habe es nun geändert, das einzige Problem das nun bleibt ist folgendes:

Der Button des Wechselschalters wird nicht mehr angezeigt
Das Forum hat keinen Scrollbalken mehr,
Die Headergrafik wird zu groß angezeigt (Ich weiß aber wie das Problem sich beheben lässt)
Das Forum ist nach links verschoben

Das komplette CSS des Forums brauchst du nicht mit hochzuladen. Das ist ja eh schon vorhanden.
Du musst nur die Änderungen, die du einsetzen möchtest, hochladen.

Ich sehe diesen Code bei dir in fileden: (in dem Code, den du oben ins Script eingesetzt hast)

Code:

tr.post td td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: medium;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: medium;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: medium;
}

Der bewirkt eigentlich nichts besonderes, außer dass er die HTML-Darstellung für verschiedene Kulturkreise steuert (entweder von links nach rechts oder von rechts nach links)
Ich denke, dass du den auch nicht brauchst.

Was genau wolltest du denn eigentlich nun per CSS ändern?
Was steht denn jetzt auf der Seite bei fileden für ein Code drin?
Ohne den CSS-Code, den du eingesetzt hast, kann ich dir nicht sagen, wo der Fehler ist...
Vielleicht wäre es gut, wenn du dir mal ein Testforum erstellst, wo der Wechselschalter dann auch mal eingebaut bleibt. So kann man ja nichts sehen, wenn du den wieder rausnimmst.
Da ich heute sehrwahrscheinlich nicht mehr online komme, geb ich hier aber mal frei, falls jemand vorher die Zeit hat, sich darum zu kümmern.
Ich könnte erst morgen wieder danach schauen.

Ich habe das komplette CSS eingefügt, weil ich mir nicht ganz sicher war, was ich nun weg lassen konnte und was nicht...
Ich wollte per CSS die Farben, sowie die Hintergrundgrafik, als auch den Banner ändern und als Möglichkeit kämen dann noch die Bilder für die Navigation hinzu.

Der CSS Code den ich nun im Testforum eingesetzt habe ist dieser HIER für den ersten Style und dieser HIER für den zweiten.
Der Link zum Testforum ist HIER, dort habe ich nun die Codes so eingefügt, wie sie zur Zeit sind.

Deine Anzeigeprobleme liegen daran, dass du das komplette CSS übernommen hast und einige Codes mehrmals eingesetzt hast.

Mach es doch so, wie ich es oben schon gesagt habe: setze nur die Änderungen in das CSS.
Alles andere kannst du draussen lassen.

Beispiel für den ersten Style:

Code:

body {
    background-attachment: fixed;
    background-color: #212121;
    background-image: url("http://media-wallpapers.theotaku.com/1280-

by-960-569408-20090208141820.jpg");
}
#i_logo {
background-image: url

('http://i1181.photobucket.com/albums/x435/MariahMilkshake/BR-3.png');
height:350px; /*Höhe des Bildes */
width:900px; /*Breite des Bildes*/
}

damit hast du jetzt das Logo und das Hintergrundbild verändert.
Mehr muss dann auch nicht ins CSS, das du hochlädst, eingesetzt werden.
Wenn du noch andere Dinge verändern möchtest, dann musst du auch nur diese einsetzen. Sonst nichts, denn dann bekommst du wieder diese Anzeigefehler.

Also ich habe nun den zweiten Code angepasst, dass er so ist wie deiner, komischerweise funktioniert das noch immer nicht....
Das Script das ich unter HTML-Seiten eingetragen habe ist dieses

Code:

var type = getCookie('Vorlage1');
var sugar = document.getElementById('sugar');
sugar.innerHTML ='<select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> Wechsel den Style </option><option value="wert1"> Style1 </option><option value="wert2"> Style2 </option></select>';




if (type == 'wert1')
{
   document.write('<link rel="stylesheet" type="text/css" href="http://www.fileden.com/files/2012/3/2/3272935/styleneuescss.CSS">');
}
else if (type == 'wert2')
{
   document.write('<link rel="stylesheet" type="text/css" href="http://www.fileden.com/files/2012/3/2/3272935/styleneuescss(1).css">');
}



function changeskin(change) {
   var scheme = change;
   var name = 'Vorlage1';
   var pathname = location.pathname;
   //var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
   var ExpDate = new Date ();
   ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
   setCookie(name,scheme,ExpDate,'/');
}
function getCookie(name){
   var cname = name + "=";
   var dc = document.cookie;
   if (dc.length > 0) {
      begin = dc.indexOf(cname);
      if (begin != -1) {
         begin += cname.length;
         end = dc.indexOf(";", begin);
         if (end == -1) end = dc.length;
         return unescape(dc.substring(begin, end));
      }
   }
   return null;
}
function setCookie(name, value, expires, path, domain, secure) {
   document.cookie = name + "=" + escape(value) +
   ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
   ((path == null) ? "" : "; path=" + path) +
   ((domain == null) ? "" : "; domain=" + domain) +
   ((secure == null) ? "" : "; secure");
}

Wie definiere ich denn die Farben im CSS? Oder muss ich das gar nicht?

wenn du mal die beiden Links von fileden aufrufst, dann siehst du, dass das CSS nicht richtig geschrieben wurde.
Da sind Leerzeilen drin, daher wird das nicht angenommen.
http://www.fileden.com/files/2012/3/2/3272935/styleneuescss.CSS
http://www.fileden.com/files/2012/3/2/3272935/styleneuescss(1).css

Und der zweite Style muss einen anderen Namen haben, sonst setzt fileden da automatisch eine (1) dahinter und das wird im Script auch nicht angenommen.

Schau mal, was ich jetzt nur wegen der Leerzeile im CSS sehe - alles andere wird nicht mehr angezeigt.

Soweit so gut : D Ich habe nun die letzten Fehler behoben und es funktioniert wunderbar! Dafür zunächst einmal Danke!

Aber die Farben werden noch nicht richtig angezeigt, deshalb wüsste ich gern, wie man die Farben definieren kann, bespielsweise die Schriftfarben o:

Du wirst nicht umhin kommen dich mal mit CSS und Firebug für Firefox auseinander zu setzen.
Damit wird es dir ein leichtes sein die Richtigen Classen zu finden und dann die Richtigen Farben in dein CSS einzusetzen.
Wir können doch dir hier doch nicht alles vorkauen.
Vor allem nicht, wenn du nich eindeutig sagst, welche Farben du wo Verstellen willst.

Du hast recht, entschuldige bitte, ich möchte euch natürlich nicht weiter Umstände machen und werde mich nun selbst daran setzen die Sache mit den Farben heraus zu finden.

Ich danke euch sehr für eure Geduld und Hilfe! : )

Verstehe es bitte nicht falsch, aber das geht doch um einiges am Support vorbei, wenn wir dir für jeden deiner Styles auch noch alle Farben raussuchen würden.
Wer solche Sachen in sein Forum einbauen will, der muss sich auch mit der Materie befassen. Du wirst dann auch schnell merken was du alles machen kannst und wo man an die Grenzen des Machbaren stösst.
Die meisten Codes würdest du sowieso hier schon im Forum finden, weil Fragen nach bestimmten Schriftfarben fast alltäglich sind.
Wer das besondere möchte, muss sich auch damit auseinandersetzen.

Da du das Thema als erledigt markiert hast, werde ich das auch schliessen.