Verschiedene CSS Files anbieten

  • Seite 4 von 5
09.01.2008 16:05 (zuletzt bearbeitet: 09.01.2008 16:05)
#46 RE: Verschiedene CSS Files anbieten
avatar
Mitglied
Aah, das ist mal eine konkrete Aussage!
Der Fehler sieht logisch aus. Hab' ihn nur nicht bemerkt...

<select class="tarea" size="1" name="Styleswitcher" onChange="javascript:self.location = this.form.Styleswitcher.options[this.form.Styleswitcher.selectedIndex].value;">


Hab's jetzt einfach zu self.location verändert. Jetzt geht's auch.

Es gibt noch ein paar andere Foren, in denen es nicht im IFrame funktioniert, ich würde sagen, dass es auch daran liegt.

Also danke für die Lösung!

 Antworten

 Beitrag melden
02.02.2008 19:46
#47 RE: Verschiedene CSS Files anbieten
Si
Mitglied

Ich habe jetzt ein neues Template und wollte die Funktion wieder einbauen, aber jetzt habe ich wieder das Problem, dass sich das Design nicht speichert. Also immer wenn die Seite neu geladen wird, kommt die normale CSS zurück und ich weiß nicht mehr, wie ich letztes Mal diesen Fehler behoben habe. Vllt ist auch ein Fehler in meinem script?


<script language="Javascript">
var a = new Date();
a = new Date(a.getTime() +1000*60*60*24*365);
var styles = new Array();
styles[0] = 'style.css';
styles[1] = 'http://141899.homepagemodules.de/style.css';
styles[2] = 'http://142904.homepagemodules.de/style.css';
var foundstyle = false;
if(document.cookie) {
var c = document.cookie;
while(true) {
var i1 = c.indexOf('=');
var i2 = c.indexOf(';');
if(i2 < 0)
i2 = c.length;
var cookiename = c.substring(0, i1);
var cookiewert = c.substring(i1+1, i2);
var i3 = cookiename.lastIndexOf(' ');
if(i3 > -1)
cookiename = cookiename.substring(i3 + 1);
if(cookiename == 'style') {
try {
var n = parseInt(cookiewert);
document.write('<link id="style" type="text/css" rel="stylesheet" href="' + styles[n-1] + '">');
foundstyle = true;
}
catch(err) {}
break;
}
if(c.length > i2)
c = c.substring(i2+1);
else
break;
}
}
if(!foundstyle)
document.write('<link id="style" type="text/css" rel="stylesheet" href="style.css">');

function change_style(n) {
document.getElementById('style').href = styles[n-1];
document.cookie = 'style=' + n + '; expires=' + a.toGMTString() + ';';
return;
}
</script>
<noscript>
<link id="style" type="text/css" rel="stylesheet" href="style.css">
</noscript>


 Antworten

 Beitrag melden
03.02.2008 15:00
#48 RE: Verschiedene CSS Files anbieten
Si
Mitglied

Weiß denn keiner wie das geht?


 Antworten

 Beitrag melden
03.02.2008 15:42 (zuletzt bearbeitet: 03.02.2008 15:47)
#49 RE: Verschiedene CSS Files anbieten
avatar
Mitglied
Also die Vergleichsarbeit habe ich jetzt mal nicht gemacht, aber hier mal mein Code:

Zwischen den Head-Tags:
<script language="javascript" type="text/javascript">
// Styleswitcher-Funktion
var a = new Date();
a = new Date(a.getTime() +1000*60*60*24*365);
var styles = new Array();
styles[0] = 'http://server.de/style1.css';
styles[1] = 'http://server.de/style2.css';

var foundstyle = false;
if(document.cookie) {
var c = document.cookie;
var foundstyle = false;
/* Cookievariablen ermitteln */
while(true) {
var i1 = c.indexOf('=');
var i2 = c.indexOf(';');
/* Falls Semikolon am Ende fehlt */
if(i2 < 0)
i2 = c.length;
var cookiename = c.substring(0, i1);
var cookiewert = c.substring(i1+1, i2);
/* Leerzeichen vor Name entfernen */
var i3 = cookiename.lastIndexOf(' ');
if(i3 > -1)
cookiename = cookiename.substring(i3 + 1);
/* Style festlegen */
if(cookiename == 'style') {
try {
var n = parseInt(cookiewert);
document.write('<link id="style" type="text/css" rel="stylesheet" href="' + styles[n-1] + '">');
foundstyle = true;
}
catch(err) {}
break;
}
/* Nächstes Cookie oder aufhören */
if(c.length > i2)
c = c.substring(i2+1);
else
break;
}
}
/* Standardstyle im Falle von Fehler oder keinem gewählten Style */
if(!foundstyle) document.write('<link id="style" type="text/css" rel="stylesheet" href="http://server.de/standard_style.css">');
function change_style(n) {
document.getElementById('style').href = styles[n-1];
/* Cookie setzen */
document.cookie = 'style=' + n + '; expires=' + a.toGMTString() + ';';
return;
}
</script>

<noscript>
<!-- Standardstyle falls Scripts nicht aktiviert sind -->
<link id="style" type="text/css" rel="stylesheet" href="http://server.de/standard_style.css">
</noscript>



Innerhalb der Body-Tags:
<form>
<select class="tarea" size="1" name="Styleswitcher" onChange="javascript:self.location = this.form.Styleswitcher.options[this.form.Styleswitcher.selectedIndex].value;">
<option value="">Style &auml;ndern...</option>
<optgroup label="Styles">
<option value="javascript:change_style(1)">Style-Name 1</option>
<option value="javascript:change_style(2)">Style-Name 2</option>

</optgroup>
</select>
</form>


Die farbigen Stellen müssen natürlich noch angepasst werden.

<optgroup label="Styles">
und
</optgroup>
können optional entfernt werden.

Dieser Quellcode funktioniert bei mir auf jeden Fall.
Außerdem funktioniert dieser auch in IFrames.

 Antworten

 Beitrag melden
03.02.2008 19:43
#50 RE: Verschiedene CSS Files anbieten
Si
Mitglied

Danke, jetzt geht es wieder. Wenn ich nächstes Mal ein neues Template erstelle, werde ich vorsichtiger sein. ^^°


 Antworten

 Beitrag melden
25.05.2008 20:19
avatar  Luna42
#51 RE: Verschiedene CSS Files anbieten
avatar
Mitglied

Hallo, ich hab das so eingebunden, wie beschrieben, mit nur einer Änderung, aber es läuft nicht.

Den ersten Teil habe ich genauso in die Obere Leiste eingefügt, wie beschrieben.

Änderungen auch wie beschrieben:

styles[0] = 'style.css';
styles[1] = 'http://www.seite/files/style2.css';


Den zweiten Teil jedoch habe ich versucht bei Einstellungen - Layout/Benachrichtigungen/Sprache einzufügen und das sieht so aus:

<tr><td width="50%" class="nnor">Forum Style (Design-Auswahl)</td>
<td width="50%" class="nnor">
<select size="1" name="Styleswitcher" class="nnor" onChange="javascript:self.location = this.form.Styleswitcher.options[this.form.Styleswitcher.selectedIndex].value;">
<option value="javascript:change_style(1)">Standard Style&nbsp;</option>
<option value="javascript:chance_style(2)">Sonic Style&nbsp;</option>
</optgroup>
</select>
</td></tr>


Wenn ich aber versuche auf den zweiten Style zu wechseln, passiert nichts. Weiß wer rat?

Board Nr: 157441


 Antworten

 Beitrag melden
27.05.2008 19:25
#52 RE: Verschiedene CSS Files anbieten
avatar
Mitglied

Schonmal testweise versucht den zweiten Teil auch innerhalb der oberen Leiste einzufügen?
(Nach dem Body-Tag => <body>)


 Antworten

 Beitrag melden
27.05.2008 19:39
avatar  Luna42
#53 RE: Verschiedene CSS Files anbieten
avatar
Mitglied

Ja, ich habe es getestet und ihn jetzt erst mal in den Header gesetzt. Also geht es. Jedoch nicht unter "Benachrichtigungen und das Verhalten des Forums ändern" (Template -> Einstellungen - Layout/Benachrichtigungen/Sprache) wie ich es gerne gehabt hätte.


 Antworten

 Beitrag melden
20.09.2008 09:33 (zuletzt bearbeitet: 20.09.2008 09:52)
#54 RE: Verschiedene CSS Files anbieten
Fr
Mitglied
Hallo, liebe Sabine und @ All,

zunächst funktioniert Dein Script ganz wunderbar auf meiner Test-Seite, ---> große Freude und es sei Dir gedankt.
Ich bin ein Laie und umso mehr freue ich mich eine funktionierende Variante zu finden.

Du schreibst man kann im roten Bereich =

var styles = new Array();
styles[0] = 'style.css';
styles[1] = 'http://..... style2.css';


Zeilen hinzufügen.

Das habe ich gemacht:

var styles = new Array();
styles[0] = 'style.css';
styles[1] = 'http://..... style2.css';

styles[2] = 'http://..... style3.css';

Den Link habe ich natürlich zur externen CSS ergänzt.

Leider funktionieren diese dann nicht........,- jedenfalls bei mir (seufz).

Würde man 5, 8 oder 10 Styles anbieten wollen, wie sieht das Script dann aus?

Und was muss ich weglassen, damit die Überschrift im Kopf, hier Style 1 oder Style 2, nicht erscheint? Ist das möglich?

Ich kenne mich leider (noch) nicht so gut aus (AnfängerIn) und bin für eine Hilfe dankbar.


Viele Grüße
50er


Edith: RS

 Antworten

 Beitrag melden
20.09.2008 10:28
#55 RE: Verschiedene CSS Files anbieten
Fr
Mitglied

Oh,- Sorry --> hat sich (glaube ich) von selbst erledigt. Ich hatte (doch) einen Fehler gemacht und sah ihn nicht sofort (schäm und rot werde.....und bitte um Entschuldigung)


Beiträge können gerne gelöscht werden - falls erforderlich -


Ich grüße, eure 50er


 Antworten

 Beitrag melden
11.01.2009 18:52 (zuletzt bearbeitet: 11.01.2009 18:53)
avatar  Selly
#56 RE: Verschiedene CSS Files anbieten
Se
Mitglied
Ich bin echt zu dämlich wie's aussieht! Wo muss ich den Code von Beitrag 4 denn rein tun?

 Antworten

 Beitrag melden
20.07.2009 18:24 (zuletzt bearbeitet: 20.07.2009 18:36)
#57 RE: Verschiedene CSS Files anbieten
da
Mitglied

Hallo Mitglieder und Gäste,

ich möchte gerne die Designauswahl mit den neuen Designs von Homepagemodules verwenden. Leider ist das zur Zeit glaubig nicht möglich.

Warum wurde bei den neuen Designs die CSS Datei komplett überarbeitet, dass man sie mit den Standart Designs (alte Design) nicht verwenden kann?

Dann kann man auch nicht eine Desingauswahl von den neuen Designs erstellen.

Könnte man da mal einen neuen Code für die Designauswahl erstellen oder die Designauswahl auch für neue Designs kompatibel machen.

Gruß

daschu77

Mein Homepagemodules Forum unter:
http://90533.homepagemodules.de

Die neuesten Beiträge im meinem Forum:


 Antworten

 Beitrag melden
20.07.2009 21:49
avatar  Vitalis
#58 RE: Verschiedene CSS Files anbieten
avatar
Profi

Andere Strukturen erfordern andere CSS-Deklarationen, weswegen diese nicht miteinander Kompatibel sind.


 Antworten

 Beitrag melden
21.09.2009 11:43
avatar  Ben
#59 RE: Verschiedene CSS Files anbieten
avatar
Ben
Mitglied

Hab mir die Skrips alle in in der oberen Leiste eingefügt,funktuniert alles bestens,blos wenn ich die CSS,die ich gerne zur Auswahl hätte

sieht etwas komisch aus (Bild 3).

Bild 1 ist meine Orinal CSS,Bild 2 wäre die,die ich gerne hätte.

Aber das Ergebnis ist dann Bild 3.

Was mache ich falsch?

21.09.2009 11:51
avatar  Fabian
#60 RE: Verschiedene CSS Files anbieten
avatar
Xobor-Spezialist

du kannst nicht die Gaja CSS Datei mit dem Standard Template verwenden. Das Gaja Template (und ProSilver) haben eine komplett andere Struktur und sind damit nicht kompatibel.

Servus
Fabian Klose


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!