externes Stylesheet

  • Seite 1 von 3
24.02.2010 18:49
avatar  Sam ( Gast )
#1 externes Stylesheet
Sa
Sam ( Gast )

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


 Antworten

 Beitrag melden
24.02.2010 19:40
avatar  Ursul ( Gast )
#2 RE: externes Stylesheet
Ur
Ursul ( Gast )

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


 Antworten

 Beitrag melden
24.02.2010 20:46
avatar  Sam ( Gast )
#3 RE: externes Stylesheet
Sa
Sam ( Gast )

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


 Antworten

 Beitrag melden
24.02.2010 21:54
avatar  Olaf
#4 RE: externes Stylesheet
Ol
Mitglied

Hallo

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

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.02.2010 21:58
avatar  Sam ( Gast )
#5 RE: externes Stylesheet
Sa
Sam ( Gast )

Und wie mache ich das mit dem eigenen Webspace?


 Antworten

 Beitrag melden
24.02.2010 22:03 (zuletzt bearbeitet: 24.02.2010 22:04)
avatar  Olaf
#6 RE: externes Stylesheet
Ol
Mitglied

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

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.02.2010 22:06
avatar  ( Gast )
#7 RE: externes Stylesheet
Gast
( Gast )

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?


 Antworten

 Beitrag melden
24.02.2010 22:09
avatar  Olaf
#8 RE: externes Stylesheet
Ol
Mitglied

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

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.02.2010 22:15
avatar  Sam ( Gast )
#9 RE: externes Stylesheet
Sa
Sam ( Gast )

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


 Antworten

 Beitrag melden
24.02.2010 22:41
avatar  Olaf
#10 RE: externes Stylesheet
Ol
Mitglied

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<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>

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.02.2010 22:41
avatar  Sam ( Gast )
#11 RE: externes Stylesheet
Sa
Sam ( Gast )

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?


 Antworten

 Beitrag melden
24.02.2010 22:48
avatar  Sam ( Gast )
#12 RE: externes Stylesheet
Sa
Sam ( Gast )

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


 Antworten

 Beitrag melden
24.02.2010 22:51
avatar  Olaf
#13 RE: externes Stylesheet
Ol
Mitglied

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:

1
2
3
4
5
6
7
8
9
10
<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

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.02.2010 22:58
avatar  Sam ( Gast )
#14 RE: externes Stylesheet
Sa
Sam ( Gast )

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


 Antworten

 Beitrag melden
24.02.2010 23:10
avatar  Olaf
#15 RE: externes Stylesheet
Ol
Mitglied

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.

__________________________

http://138600.homepagemodules.de/

 Antworten

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