[phpBB2] Wahlschalter will nicht wie ich will

URL-Adresse des Forums: https://naruto-senso.forumieren.de/ - Testforum: http://naruto-shin-jidai.forumieren.de/
Rang/Funktion im Forum: User
Forenversion: Phbb2
Browser: FF
Persönliches CSS(Ja/Nein): ja
Templateänderungen(Ja/Nein): ja (nach Anleitung)

Hallöchen,

also es geht darum, das ich in einem Forum helfe das Style bissi aufzuhübschen und habe einen Wechselheader eingebaut. Natürlich nach der Anleitung von Zuckerpuppe bzw Inde. Muss dazusagen, das ich, ehe ich das auf das o.g. Forum übertragen habe, in meinem Testforum ausprobiert habe und da funktioniert alles. Nun zu dem Problemchen. Ich wollte das nun auf das Eigentliche Forum übertragen, jedoch will der den 2ten Style nicht übernehmen. Ich habe auch heute noch einmal alles kontrolliert aber finde den Fehler nicht, warum das Forum den anderen Style nicht übernehmen will.

Javascript:

Code:

var type = getCookie('Vorlage1');
        var wahl = document.getElementById('wahl');
        wahl.innerHTML ='<select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> Naruto Style </option><option value="wert1"> Original </option><option value="wert2"> Bloodmoon </option><option value="wert3"> Style3 </option></select>';
        
        if (type == 'wert1')
        {
           document.write('<link rel="stylesheet" type="text/css" href="https://naruto-senso.forumieren.de/">');
        }
        else if (type == 'wert2')
        {
           document.write('<link rel="stylesheet" type="text/css" href="http://spetools.de/css/1757.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");
        }

CSS Hauptstyle

Code:

/*-- Chatbox Farben BB2 --*/

/* ggf. Hintergrundgrafiken entfernen */
body.chatbox, .chatbox .catBottom, #chatbox_members, #chatbox, #chatbox_footer {
  background-image: none;
}

/*Hintergrundfarbe der Chatbox*/
body.chatbox {
  background-color: FARBE;
}

/* Hintergrundfarbe der Fußzeile */
#chatbox_footer .catBottom {
  background-color: FARBE;
}

/*Textfarbe im Titel der Chatbox*/
#chatbox_header .cattitle {
  color: FARBE !important;
}

/*Hintergrundfarbe des Titels der Chatbox*/
#chatbox_header .catBottom {
  background-color: FARBE;
}

/*Textfarbe der Links im oberen Teil der Chatbox*/
#chatbox_main_options a, #chatbox_main_options label {
  color: FARBE !important;
}

/*Textfarbe in der Onlineliste (die Userliste auf der linken Seite)*/
#chatbox_members ul li a {
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Listenköpfe "Online" und "Offline" */
#chatbox_members .member-title {
  background-color: FARBE;
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Chatboxeinträge A */
.chatbox_row_1 {
  background-color: FARBE;
  color: FARBE;
}
/* Hintergrundfarbe und Textfarbe der Chatboxeinträge B */
.chatbox_row_2 {
  background-color: FARBE;
  color: FARBE;
}

/*-- Chatbox Farben BB2 --*/

#i_logo {
background-image: url("https://i.servimg.com/u/f92/19/03/12/19/naruto10.png");
height:400px; /*Höhe des Bildes */
width:1000px; /*Breite des Bildes*/
}

body.chatbox {
  margin-top: 0 !important;
}

body {
  background-color: #2e2e2a;
  background-image: url("https://i.servimg.com/u/f92/19/03/12/19/bg_212.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
  margin-left: auto;
  margin-right: auto;
  width: 1280px;
}

.bodyline
{
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
  border-bottom-right-radius: 100px 15px;
  border-bottom-left-radius: 100px 15px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.bodylinewidth {
    margin-bottom: 50px;
    margin-left: 300px;
    margin-top: 20px;
}

#i_logo {
margin-right: -11px;
margin-left: -11px;
margin-top: -11px;
margin-bottom: -50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
  border-bottom: 3px solid #200b01;
}

#content-container div#left {
background-color: #EADEC6;
border-left: 3px solid #200b01;
border-right: 3px solid #200b01;
box-shadow: 1px 1px 7px #000;
    margin-left: -280px;
    margin-top: -565px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    width: 220px !important;
}
#content-container #left {
    margin-right: 3px;
    width: 180px;
}

    .row3Right {border: none !important;}
    .thHead {border: none !important;}
    .thCornerL, .thCornerR, .thTop {border: none !important;}
    .thLeft, .thRight { border-left: none !important; border-right: none !important;}
    .spaceRow { border-left: none !important; border-right: none !important;}
    .catLeft, .catRight {border: none! important;}
    .catHead {border: none !important;}
    .catBottom {border: none !important;}
    .catSides {border: none !important;}

.maintitle, .maintitle h1 {
margin-top: 60px;
}

.forumline
{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: #a5a09a ;

padding: 4px;
}

/* Profilfeld-Namen */
.postdetails.poster-profile span.label {
display: block;
font-size: 15px;
background-color:#000000;
}

/* Profilfeld-Inhalte */
.postdetails {
display: inline-block;
font-size: 10px;
text-align: center;
}



.maintitle, .maintitle h1{
font-weight: bold;
font-size: 50px !important;
font-family: Bad Script;
margin-bottom: -25px;
}

/* Wörter- und Zeichenzähler ANFANG */
#Forumieren_editorAmount {
color: #000000;
font-size: 12px;
margin-top: 5px;
text-align: center;
}
/* Wörter- und Zeichenzähler ENDE */

a.forumlink{
color:#000000;
display: table-cell;
background-color:#d1c2a5;
width: 400px;
height: 13px;
text-align:center;
padding-top:5px;
text-transform: uppercase;
font-size: 10px;
font-weight:bolder;
}

/*Ausrichtung des Wahlschalters*/
#wahl {
    display: block;
    margin-bottom: 8px;
    margin-top: 8px;
    text-align: center;/*left, center, right möglich*/
}

CSS Nebenstyle

Code:

#i_logo {

background-image: url("https://i93.servimg.com/u/f93/18/79/68/83/naruto11.png");

height:400px; /*Höhe des Bildes */

width:1000px; /*Breite des Bildes*/

}

 

.bodylinewidth {

    margin-bottom: 50px;

    margin-left: 300px;

    margin-top: 20px;

}

 

.bodyline

{

  box-shadow: 0px 0px 10px #000000;

  -moz-box-shadow: 0px 0px 10px #000000;

  -o-box-shadow: 0px 0px 10px #000000;

  -htm-box-shadow: 0px 0px 10px #000000;

  -webkit-box-shadow: 0px 0px 10px #000000;

  border-bottom-right-radius: 100px 15px;

  border-bottom-left-radius: 100px 15px;

  border-top-left-radius: 50px;

  border-top-right-radius: 50px;

background-color: #0a0909;

 border: 1px #0a0909 solid;

}

 

body {

  background-image: url("https://i92.servimg.com/u/f92/19/03/12/19/red-wa10.jpg");

  background-position: center center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  background-attachment: fixed;

  margin-left: auto;

  margin-right: auto;

  width: 1280px;

}

 

#i_logo {

margin-right: -11px;

margin-left: -11px;

margin-top: -11px;

margin-bottom: -50px;

border-top-left-radius: 50px;

border-top-right-radius: 50px;

  border-bottom: 3px solid #200b01;

}

 

#content-container div#left {

background-color: #0D0A0A;

border-left: 3px solid #200b01;

border-right: 3px solid #200b01;

box-shadow: 1px 1px 7px #000;

    margin-left: -280px;

    margin-top: -565px;

    padding-left: 5px;

    padding-right: 5px;

    position: absolute;

    width: 220px !important;

}

#content-container #left {

    margin-right: 3px;

    width: 180px;

}

 

    .row3Right {border: none !important;}

    .thHead {border: none !important;}

    .thCornerL, .thCornerR, .thTop {border: none !important;}

    .thLeft, .thRight { border-left: none !important; border-right: none !important;}

    .spaceRow { border-left: none !important; border-right: none !important;}

    .catLeft, .catRight {border: none! important;}

    .catHead {border: none !important;}

    .catBottom {border: none !important;}

    .catSides {border: none !important;}

 

.maintitle, .maintitle h1 {

margin-top: 60px;

}

 

.forumline

{

width: 100%;

margin-left: auto;

margin-right: auto;

margin-top: 10px;

margin-bottom: 10px;

background-color: #200b01 ;

 border: 2px #0a0909 solid;

 

padding: 4px;

}

 

a.forumlink{

color:#000000;

display: table-cell;

background-color:#403e3e;

width: 400px;

height: 13px;

text-align:center;

padding-top:5px;

text-transform: uppercase;

font-size: 10px;

font-weight:bolder;

text-decoration: none;

}

#sceditor_smilies{

 background-color: #0a0909;

 }

#sce_smilies_body {

 

/*background:none;

 */

background-color: #0a0909;

 background-image: none;

 min-width: 1px !important;

 }

.sceditor-container iframe, .sceditor-container textarea {

 background-color: transparent !important;

 }

.sceditor-container{

 background-color: #ffffff !important;

 }

.sceditor-toolbar{

 background-color: #f7f7f7 !important;

 }

th,td,p {

 font-family: Verdana,Arial,Helvetica,sans-serif }

 

/* Links */

 

/* a:link,a:active,a:visited {

 color : #8f6b6b;

 }

 */

a:link{

 color: #8f6b6b;

 }

a:visited{

 color: #a38080;

 }

a:active{

 color: #a38080 }

a:hover{

 text-decoration: underline !important;

 color : #a38080;

 }

hr{

 height: 0;

 border: solid #0a0909 0;

 border-top-width: 1px;

 }

td.row1,td.row3.over:hover {

 background-color: #0a0909;

 }

td.row2,td.row1.over:hover {

 background-color: #0a0909;

 }

td.row3{

 background-color: #0a0909;

 }

td.rowpic {

 background-color: #170202;

 background-image: url("https://abload.de/img/catpic4pofs.png");

 css}

th {

 color: #a38080;

 font-size: 11px;

 font-weight : bold;

 background-color: #0a0909;

 height: 25px;

 background-image: url("https://abload.de/img/catpic4pofs.png");

 padding: 2px 3px;

 }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {

 background-image: url("https://abload.de/img/catpic4pofs.png");

 background-color:#0a0909;

 border: #ffffff;

 border-style: solid;

 height: 28px;

 }

td.cat,td.catHead,td.catBottom {

 height: 29px;

 border-width: 0;

 }

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {

 font-weight: bold;

 border: #170202;

 border-style: solid;

 

/*height: 20px;

 */

}

td.row3Right,td.spaceRow {

 background-color: #0a0909;

 border: #ffffff;

 border-style: solid;

 }

td.pourcentback {

 background-color : #0a0909;

 }

th.thHead,td.catHead {

 font-size: 12px;

 border-width: 1px 1px 0 1px;

 }

th.thSides,td.catSides,td.spaceRow {

 border-width: 0 1px;

 }

th.thRight,td.catRight,td.row3Right {

 border-width: 0 1px 0 0;

 }

th.thLeft,td.catLeft {

 border-width: 0 0 0 1px;

 }

th.thBottom,td.catBottom {

 border-width: 0 1px 1px 1px;

 }

th.thTop {

 border-width: 1px 0 0;

 }

th.thCornerL {

 border-width: 1px 0 0 1px;

 }

th.thCornerR {

 border-width: 1px 1px 0 0;

 }

.maintitle, .maintitle h1{

 font-weight: bold;

 font-size: 22px;

 font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;

 text-decoration: none;

 line-height : 120%;

 color : #b08282;

 }

.h_member{

 font-size: 12px;

 color: inherit;

 }

.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {

 padding: 2px 3px;

 }

.forumline td.pagination {

 padding:0;

 }

.maintitle h1 {

 margin: 0;

 padding: 0;

 display: inline;

 }

.gen {

 font-size : 12px;

 }

.genmed {

 font-size : 11px;

 }

.gensmall {

 font-size : 10px;

 }

.gen,.genmed,.gensmall {

 color : #b08282;

 }

a.gen,a.genmed,a.gensmall {

 color: #8f6b6b;

 text-decoration: none;

 }

a.gen:hover,a.genmed:hover,a.gensmall:hover{

 color: #a38080;

 text-decoration: underline;

 }

.mainmenu{

 font-size : 11px;

 color : #b08282 }

a.mainmenu{

 text-decoration: none;

 color : #8f6b6b;

 }

a.mainmenu:hover{

 text-decoration: underline;

 color : #a38080;

 }

.cattitle{

 font-weight: bold;

 font-size: 12px ;

 letter-spacing: 1px;

 color : #8f6b6b}

h1.cattitle {

 margin:0;

 padding: 0;

 display:inline;

 }

a.cattitle{

 text-decoration: none;

 color : #8f6b6b;

 }

a.cattitle:hover{

 text-decoration: underline;

 }

.forumlink{

 font-weight: bold;

 font-size: 12px;

 color : #8f6b6b;

 }

a.forumlink:link {

 color : #8f6b6b;

 }

a.forumlink:visited {

 color : #a38080;

 }

a.forumlink:active {

 color : #a38080;

 }

a.forumlink:hover{

 text-decoration: underline;

 color : #a38080;

 }

.nav{

 font-weight: bold;

 font-size: 11px;

 color : #b08282;

 }

a.nav{

 text-decoration: none;

 color : #8f6b6b;

 }

a.nav:hover{

 text-decoration: underline;

 }

.topictitle,h1,h2{

 font-weight: bold;

 font-size: 11px;

 color : #b08282;

 }

h2.topic-title {

 display: inline;

 margin: 0;

 padding: 0;

 }

a.topictitle:link{

 text-decoration: none;

 color : #8f6b6b;

 }

a.topictitle:visited{

 text-decoration: none;

 color : #a38080;

 }

a.topictitle:active{

 text-decoration: none;

 color : #a38080;

 }

a.topictitle:hover{

 text-decoration: underline;

 color : #a38080;

 }

.name{

 font-size : 11px;

 color : #b08282;

 }

.name a{

 text-decoration:none;

 }

.postdetails{

 font-size : 10px;

 color : #b08282;

 }

.postbody{

 font-size : 12px;

 line-height: 18px}

a.postlink:link{

 text-decoration: none;

 color : #8f6b6b }

a.postlink:visited{

 text-decoration: none;

 color : #a38080;

 }

a.postlink:active{

 text-decoration: none;

 color : #a38080;

 }

a.postlink:hover{

 text-decoration: underline;

 color : #a38080}

h1.pagetitle {

 display: inline;

 margin: 0;

 padding: 0;

 font-size: 12px;

 color: #a38080;

 }

h1.title2 {

 font-size: 11px;

 }

.secondarytitle,.secondarytitle h2 {

 margin: 0;

 padding: 0;

 color: #a38080;

 }

.secondarytitle h2 {

 display:inline;

 }

.nav h1 {

 display: inline;

 }

.hierarchy {

 display: inline;

 margin: 0;

 padding: 0;

 text-transform: none;

 border: none;

 font-size: 10px;

 }

 

.postbody {

 line-height: 18px}

 

.lastpost-avatar {

 float: left;

 padding: 2px;

 }

.lastpost-avatar img {

 width: 38px;

 height: 38px;

 border-radius: 5px;

 -moz-border-radius: 5px;

 -webkit-border-radius: 5px;

 }

 

/*Chatbox*/

body.chatbox {

background-color: #0A0909 !important;

}

/*Textfarbe im Titel der Chatbox*/

 

#chatbox_header .catBottom .cattitle {

    color: #0A0909 !important;

}

 

/*Textfarbe der Links im oberen Teil der Chatbox*/

 

#chatbox_header .chatbox-options .genmed,

#chatbox_header .chatbox-options,

#chatbox_header .chatbox-options a {

    color: #0A0909 !important;

}

 

/*Textfarbe in der Onlineliste (Userliste auf der linken Seite)*/

 

#chatbox_members ul li,

#chatbox_members ul li a {

    color: #0A0909 !important;

 }

 

/*Hintergrundfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

 

.chatbox_row_1,

.chatbox_row_2,

.chatbox_row_3,

.chatbox_row_1 a,

.chatbox_row_2 a,

.chatbox_row_3 a  {

    background-color: #0A0909 !important;

}

 

/*Textfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

 

.chatbox_row_1,

.chatbox_row_2,

.chatbox_row_3,

.chatbox_row_1 a,

.chatbox_row_2 a,

.chatbox_row_3 a  {

    color: #0A0909 !important;

}

/*---Ende Chatbox---*/

Das CSS von Nebenstyle "Bloodmoon" wurde über die kostenlose Webseite Spetools geladen.

Selbst eine Freundin hat versucht den Fehler zu finden aber auch sie weiß keinen rat mehr. Habt ihr etl ne idee wo wir schauen sollen?

lg Lios

Guten Tag,

zunächst wollte ich anmerken, dass der Style Bloodmon für mich auf beiden Foren funktioniert.
Habt ihr den Cache geleert?

Jedenfalls hast du aber in beiden Foren JavaScript-Fehler, die in der Konsole angezeigt werden, weil der Wahlschalter zum Zeitpunkt des Abrufs noch nicht existiert.
Pack also das Wahlschalterzeugs zwischen

Code:

$(window).load(function() {  WAHLSCHALTERZEUGS });

und am besten mach' verschiedene JavaScript Dateien für verschiedene Sachen, das vermindert Fehler, bzw. hilft dabei, diese leichter zu finden.

MfG
Asciugamano

Hey hey

Viel Ahnung habe ich zwar auch nicht, aber vielleicht hilft es ja ^^

Stimmt die Javascriptnummer mit der im Template überein? - Das war bei mir mal das Problem.
Anderer Ansatz. Du hast doch ein SSL Zertifikat und der Style http://spetools.de/css/1757.css hat keins. Eventuell, im Style auch mal mit https:// versuchen. Im Testforum ohne SSL funktioniert das Ganze ja.

LG

Hi @Asciugamano : Danke für den Tipp. Die Chache wurde mehrmals gelehrt, daher schließe ich das aus. Den Tipp mit dem Wahlschalter Teste ich mal eben.
Für die Styles machen wir schon andere JavaScript Datein..aber ich leite das mal an meine Freundin weiter, die sich damit besser auskennt als ich^^

@Irina: ein SSL Zertifikat haben wir nicht und glaube auch nicht das der Gründer des Naruto Forums dies kaufen wird, aber das is dann seine Sache. Ich kümmere mich lediglich nur um das Aussehens des Forums. die ID sollte noch die selbe sein. https:// kann ich auch gern versuchen. Danke schön^^
Edit: Okay gestern war da kein SSL Zertifikat, daher nehme ich diese aussage zurück^^"

lg Lios

Hallo nochmals,

ich habe das Ganze jetzt mit Firefox getestet und dort habe ich auch Probleme.
@Irina hat übrigens mit dem HTTPS-Problem richtig gelegen:

Code:

Content Security Policy: Upgrade der unsicheren Anfrage 'http://spetools.de/css/1757.css' zur Verwendung von 'https'

"HTTPS" erzwingen von forumieren hängt leider lediglich überall ein "s" ans "http" an, weswegen das nix bringen wird. Am besten stellst du also das https mal aus und schaust dann, ob's funktioniert.

Hi @Asciugamano : Wie stelle ich das https aus? OO geht das denn direkt im forum?

Und diese Zeile :

Code:

$(window).load(function() {  WAHLSCHALTERZEUGS });

Finde ich in dem JavaScript für den Wahlschalter nicht.

lg Lios

Https ausschalten:
Administrationsbereich -> Verschiedenes -> Zusammenfassung & Managment -> zum HTTPS Reiter runterscrollen und auf den grünen "bearbeiten" Button klicken -> HTTP auswählen -> grünen "Absenden" Button klicken

Kann aber eventuell nur der Gründer machen, falls ich mich nicht irre.

JavaScript:
Das ist auch der Code, den du um den Wahlschaltercode (das gepostete JavaScript im ersten Beitrag) schreiben musst. Am Anfang eben das, was vor "WAHLSCHALTERZEUGS" steht und danach die beiden Klammern und das Semikolon.

Hi @Asciugamano : Okay, das mit dem HTTPS habe ich eben ausprobiert und es geht. Das is schon mal gut, nur kein plan ob der Gründer dass dann auch so will, da für das Forum bereits gezahlt wurde.

Das andere Probiere ich dann gleich nochmal aus.

Edit: okay nun is das Forum nur weiß ^^

lg Lios

In dem Fall muss der Gründer, insofern er SSL und mehrere Styles will, dann wohl in den sauren Apfel beissen und auch noch ein Webhosting, das SSL zur Verfügung stellt, kaufen, wo dann die Stylesheets hochgeladen werden. Bei forumieren besteht leider nicht die Möglichkeit, CSS-Dateien hochzuladen.

Kannst du mal deine JavaScript Datei posten? Wahrscheinlich irgendwo ein Tippfehler, da diese schnell alles zerreissen

Das JavaScript is doch im ersten Beitrag^^ Ein anders kann ich jetzt nicht finden was du haben willst.

Edit: Ihc habe es nun mit der Variante A gemacht das was in der Anleitung von Zuckerpuppe stand und es geht nun. Jedoch hat er die einige Farben ,sowie den Header noch nicht übernommen.

Das schon, aber ich wollte sehen, wie du eben meinen Code oben drumherum angefügt hast, dass du nur weisses Bild hattest.

@Edit: Sind es eventuell die Farben, die auch ausserhalb des CSS festgelegt sind und das Logo, das du auch im Standard-CSS drin hast? Ich persönlich habe nie Variante A genommen, daher kann ich dir hier weniger helfen.

Ich sehe jedenfalls in dem CSS von Hitskin nirgendwo das CSS für das Logo zum Beispiel. Entweder hast du das also nicht in den hochgeladenen Hitskin-Style eingefügt oder Hitskin hat's nicht übernommen.

Achsooo XD
Na das kann ich dir gern noch reinstellen^^

Code:

$(window).load(function() {
var type = getCookie('Vorlage1');
        var wahl = document.getElementById('wahl');
        wahl.innerHTML ='<select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> Naruto Style </option><option value="wert1"> Original </option><option value="wert2"> Bloodmoon </option><option value="wert3"> Style3 </option></select>';
       
        if (type == 'wert1')
        {
          document.write('<link rel="stylesheet" type="text/css" href="https://naruto-senso.forumieren.de/">');
        }
        else if (type == 'wert2')
        {
          document.write('<link rel="stylesheet" type="text/css" href="https://naruto-senso.forumieren.de//214864-ltr.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");
        }
});

Was die Bilder und Farben angeht, ja die habe ich im Testforum nicht definiert., Daran könnte es natürlich liegen das diese dann nicht mit angezeigt werden. Mir ist es natürlich auch lieber wenn ich das CSS Hoste und es dann einbinde als bei Hitskin, da , egal was man als hinweiß nimmt, es eh nicht beachtet wird.

Ich danke dir dennoch das du dir die Zeit nimmst und mir versuchst zu helfen.

lg Lios

Danke für deine Geduld!
Ich habe mir das mit dem JavaScript angesehen und ausser unschöne Checks (bis es da ist), wird man die Fehlermeldung wohl nicht beseitigen können, da leider der Toolbar-Code auch noch dazwischenfunkt. Da aber der Stylewechsler ansonsten funktioniert, kannst du es auch so belassen.

(Zum Thema Hinweise auf Hitskin: Im Grunde kann man aber eingebundenes CSS auch sehr einfach kopieren, da man vom Browser aus komplette CSS-Dateien sieht, also macht Hitskin oder nicht Hitskin in dieser Hinsicht einen kleinen Unterschied)

An dieser Stelle lediglich ein Tipp (spetools hat ab und zu Probleme, ich kann zum Beispiel einige CSS-Dateien gar nicht mehr editieren):
Eine der billigeren CSS-HTTPS-Hosting Alternativen wäre bplaced Pro für 3 Euro im Monat. Da so ein paar CSS-Dateien nur wenig Speicherplatz benötigen, passen da auch viele Foren-CSS drauf. Wer kein https für sein Forum möchte, kann natürlich auch die kostenlose Version benutzen, um sein CSS zuverlässig zu hosten

Ach kein Problem ^^ Ich bin immer froh wenn ich nicht weiter weiß und man mir hilft^^
Bei der seite bplaced, war ich mal aber bin da nicht so wirklich durchgestiegen..kanns aber nochmal versuchen. Könntest du mir da evtl helfen wie ich da was machen muss? Natürlich dann auch via Pn oder sowas.

lg

Edit: Thema wäre dann da glaube ich erledigt^^

Hallo nochmals kurz:

Ich denke, ich mache da mal ein Tutorial im User-Codebereich, da das für andere auch interessant sein könnte (zum Beispiel für eigene Schriftarten, die ja auch irgendwo hochgeladen werden wollen). Falls dann noch Fragen bestehen, kannst du sie dort darunter stellen.

Oh, das is lieb von dir. Würde mich da freuen weil was das angeht, bin ich noch mehr nen noob als bei HTML/CSS ^^"

Daher, vielen lieben dank nochmal für deine Hilfe @Asciugamano

Eine kurze Frage noch am Rande..ich hab den Header nun in das CSS vom Bloodmoon aus meinem Testfroum eingebunden, jedoch will dieser perdu nicht. Habe das Style glaube nun 3x bei Hitskin geladen aber..kein positives ergebnis. Auch beim Kontrollieren der Codes, finde ich den Fehler nicht -.-

lg

Hier ist der Link zum Tutorial.

Zu deiner Frage:
Ich sehe in deinem Hitskin CSS vor deinen Header-Änderungen folgendes:

Code:

span.gen{display:none}};

Falls du also versehentlich doppelt }-Klammern oder ein Semikolon an falscher Stelle stehen hast, könnte es daran liegen.

Edit: Cache geleert oder was geändert? Bei mir funktioniert der Header im Testforum in Chrome und in Firefox.

@Asciugamano: jop, die Cache wurde gelehrt und dennoch funktionierte dies nicht. Das es im Testforum funktioniert ist klar. Aber es soll ja auch im Naruto Senso funktionieren^^

Dein tut schaue ich mir sofort an.^^ Danke dir schon mal dafür.

lg