Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Hi

Ich möchte in meinem Forum mehrere Styles anbieten. Ich weiss, wie ich die switche, aber wie kriege ich es hin, dass ich ein externes Stylesheet kriege. Weil in das jetzige kann ich das ja wohl kaum reinschreiben, oder?

Hoffe auf gute Vorschläge :D

Lg

Sam

Hi Sam,
Du kannst ganz einfach bei Layout->Farben & Einstellungen-->CSS / HTML Deine CSS reinhauen. Die werden an das "normale" Stylesheet dran gehängt, ohne dass Du ins Template eingreifen oder die normalen CSS hacken musst.
LG Ursul

Hey

Ich glaub ich hab mich unklar ausgedrückt... ich möchte zwei Styles anbieten. Dafür brauche ich aber auch zwei CSSdateien. Weil wenn ich in das original css eingreife, dann verändert sich das ja komplett. Ich möchte aber, dass man zwischen zwei Styles wechseln kann (also auswählen).
Jetzt ist mir nur nicht klar, wie ich die zweite CSSdatei da rein kriege.

Lg

Sam

Hallo

Du kannst die zweite CSS Datei auf einen eigenen Webspace ablegen.
Ich habe das in meinem Forum so eingebaut.

Gruß
Olaf

Und wie mache ich das mit dem eigenen Webspace?

In Google und Co suchst Du Dir ein Free Webspace Anbieter und nach der Registierung lädst Du dort die CSS hoch.Den Link von der Datei setzt Du dann in Dein Script ein.Der Webspace braucht dann ja auch nur ein Paar MB haben.

Gruß
Olaf

Super danke.

Hat jetzt alles geklappt, nur wenn ich das Style geändert habe, dann scrollt mein Forum nur noch gaaanz langsam. Ist das normal, oder ist das nur bei mir so?

Ich weiß nicht,was für ein Script Du benutzt.Für den Styleswitcher muß ja auch ein Cookie angelegt werden.

Ich benutze das Script hieraus: Verschiedene CSS Files anbieten (4)

Hab auch alles da eingefügt, wo es hinsollte... trotzdem scrollt es nur gaaanz langsam xD

Das ist ein wenig kompliziert geschrieben.
Hier mal mein geschriebenes Script dazu:

<script language="javascript" type="text/javascript">
//Styleswitcher,geschrieben von Olaf
var Benennung = "switcher"
var style_cookie = document.cookie;
var suchen = style_cookie.indexOf(Benennung)+ Benennung.length + 1;
var ergebniss = style_cookie.slice(suchen, suchen +1);
var styles = new Array();
styles[1] = 'http://style1.css';
styles[2] = 'http://style2.css';
styles[3] = 'http://style3.css';
document.getElementById('style').href = styles[ergebniss];
function change_style(n) {
var Benennung = "switcher"
a = new Date((new Date()).getTime()+365*86400000);
a = a.toGMTString();
var cookie_text = Benennung + '=' + unescape(n) + ';expires=' + a + ';';
document.cookie = cookie_text
var styles = new Array();
styles[1] = 'http://style1.css';
styles[2] = 'http://style2.css';
styles[3] = 'http://style3.css';
document.getElementById('style').href = styles[n];
}
</script>

Leider klappt das doch nicht so ganz....

Bei mir erscheint zwar, dass ich die Styles switchen kann, aber da tut sich gar nichts :(

Ich benutze diesen Code:


<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://file1.npage.de/006055/87/html/style2.css';

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="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="style.css">
</noscript>

Mache ich irgendwas falsch?

Hab jetzt mal deinen versucht, aber der tut es auch nicht. :(

Liegt es vielleicht an den Links, durch die das ganze passieren soll? Auch dafür nochmal der Code:


<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)">Grün</option>
<option value="javascript:change_style(2)">Blau</option>
</optgroup>
</select>
</form>


Könnte es daran liegen?

Lg

Ich muß nochmal anmerken,das ich die Links im Script aus Demozwecken gekürzt habe.Dafür müssen dann die Original Links eingesetzt werden.
Hier noch die Eingabemaske:

<form>
<select class="style" size="1" name="Styleswitcher" onChange="javascript:self.location = this.form.Styleswitcher.options[this.form.Styleswitcher.selectedIndex].value;">
	<option value="">Forum Farben &auml;ndern...</option>
	<optgroup label="Farben auswählen:">
		<option value="javascript:change_style(1)">Grau</option>
		<option value="javascript:change_style(2)">Große Schrift & gelb</option>
                <option value="javascript:change_style(3)">Kleine Schrift & blau</option>
	</optgroup>
</select>
</form>

Das sollte noch zusätzlich (Rot) in der Template "Obere Leiste" gleich unter diese Zeile gesetzt werden:

<link rel="stylesheet" type="text/css" href="{{link_css}}">
<link id="style" rel=stylesheet type=text/css href="start_style.css">

Gruß
Olaf

Es tut sich immer noch nichts!
Hier ist der Link vom Forum: http://www.dorestel.de
Vielleicht findest du jetzt den Fehler, oder kannst mir besser helfen.

Lg
Sam

Dein erster Link von der CSS Datei ist falsch.
Das Ende der Datei lautet bei Dir
..........html/a.css

Für das Script sollte das Ende aber so lauten:

.......html/style1.css

Di Datei habe ich nicht geprüft.