Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag13.09.2012 um 12:45 (UTC)    
Titel: Ein switch zwischen Iceblue und CSS möglich?!

Hallo,
Ich möchte auf unsererer Seite:
http://unsereklasse-fwe.de.tl
verschiedene Designs verwenden.
Für die Seiten Home, Kontakt und Impressum möchte ich das standard Ice Blue Design
und für alle anderen (versteckten seiten) möchte ich das css Design.
Kann ich da irgendeinen Code auf den 3 oben genannten Seiten Einfügen, um aus dem css, ein Icebluedesign zu machen, oder wie muss ich da vorgehen?
(wenn ja, was für ein code währe das dann?)
______________
Achtung, an alle die mich erreichen wollen. Ich hab meine Seite ist jetzt umgezogen, und zwar heist sie jetzt: http://schreibmalwas.de.tl


Zuletzt bearbeitet von http-schreib-mal-was am 13.09.2012, 13:57, insgesamt einmal bearbeitet
Beitrag13.09.2012 um 12:55 (UTC)    
Titel:

Hallo,
um erstmal grundsätzlich eine Antwort darauf zugeben: Ja, es ist möglich!

Allerdings komme ich jetzt zu den ganzen Einschränkungen,
womit es wieder problematisch wird, denn es klappt nur mit JavaScript!
Eine Beispiel zeige ich dir hier mal: http://design-generator.de.tl/Iceblue-Design.htm

Außerdem muss jeder Navigations Button und Link im Code manuell angepasst werden,
bzw. auch erweitert werden, wenn es mehr als 2 Buttons sind Wink
Auch die Box müsste manuell im Code bearbeitet werden,
daher ist es eher die Frage, ob sich die Mühe lohnt?

Hier wäre auf jeden Fall der fertige JavaScript, der auf die Textseiten kommt, wo Iceblue angezeigt werden soll:
Zitat:
<script type="text/javascript">
window.onload = changeDesign;
function changeDesign(){
document.getElementById('face').style.display = "none";
var oldHTML = document.getElementById('content').innerHTML;
var newHTML = '<style type="text/css">body{background: url() #2e3839;margin: 5px;font-family: tahoma, verdana, arial;}.headline,.headline2,.headline3 {font-family: tahoma, verdana, arial;font-size: 11px;color: white;}a:hover.std { font-size: 11px; color:#436123; text-decoration: underline; }a {font-size: 11px;color: black;text-decoration: none;}.headline a, .footer_text, .footer_text a.nav {color: white;}a:hover {font-size: 11px;text-decoration: underline;}td{font-family: tahoma, verdana, arial;font-size: 11px;color: black;}td.nav_heading {background-image: url(http://theme.webme.com/designs/iceblue/images/heading_left.gif);color: white;padding-left: 15px;line-height: 23px;width: 185px;height: 23px;}td.nav_head {background-image: url(http://theme.webme.com/designs/iceblue/images/head_left.gif);color: white;padding-left: 15px;line-height: 31px;width: 185px;height: 31px;}td.nav {background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);background-repeat: none;height: 33px;width: 185px;padding-left: 25px;}td.nav a {color: black;font-size:11px;}td.sidebar_heading {background-image: url(http://theme.webme.com/designs/iceblue/images/heading_right.gif);color: white;padding-left: 15px;line-height: 24px;width: 168px;height: 24px;}td.sidebar_head {background-image: url(http://theme.webme.com/designs/iceblue/images/head_right.gif);color: white;padding-left: 15px;line-height: 32px;width: 168px;height: 32px;}.shouty{background-color: #fafbfc;background-image: url(http://theme.webme.com/designs/iceblue/images/shouty.gif);background-repeat: no-repeat;padding: 5px;}</style><table class="edit_main_table" width="1000" border="0" cellspacing="0" cellpadding="0"><tr><td width="921" height="1000" align="left" valign="top" class="edit_main_tr"><table width="921" border="0" cellspacing="0" cellpadding="0" class="edit_second_table"><tr><td height="104" align="left" valign="top" id="edit_header_full" background="http://theme.webme.com/designs/iceblue/images/header.jpg"><table width="921" border="0" cellspacing="0" cellpadding="0"><tr><td width="200" class="edit_header_sub_left" >&nbsp;</td><td width="712" class="edit_header_sub_right" height="26">&nbsp;</td></tr><tr><td class="edit_header_over_headline">&nbsp;</td><td class="headline" style="font-size: 20px; font-weight: bold; text-align: right; padding-right: 10px;">Titel</td></tr></table></td></tr><tr><td class="edit_td_third_table"><table width="921" border="0" cellspacing="0" cellpadding="0" class="edit_third_table"><tr><td width="185" height="1000" align="left" valign="top" background="http://theme.webme.com/designs/iceblue/images/navi_bg.gif" class="edit_navi_headbg"><table width="185" border="0" cellspacing="0" cellpadding="0"><tr><td class="nav_heading">Navigation</td></tr><tr class="checked_menu"><td class="nav" id="nav_Home"><a href="#" class="menu">Home</a></td></tr><tr><td class="nav" id="nav_Gstebuch"><a href="#" class="menu">Kontakt</a></td></tr><tr><td class="edit_below_nav"><img src="http://theme.webme.com/designs/iceblue/images/navi_ende.gif" width="185" height="198"></td></tr></table></td><td width="568" height="1000" align="left" valign="top" background="http://theme.webme.com/designs/iceblue/images/cont_bg.gif" class="edit_rechts_cbg"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><table class="edit_rechts_tabelle" width="568" border="0" cellspacing="0" cellpadding="0"><tr><td background="http://theme.webme.com/designs/iceblue/images/cont_top.gif" height="38" class="edit_content_top"><table width="568" border="0" cellspacing="0" cellpadding="0"><tr><td class="edit_content_left" width="20"></td><td class="edit_content_right" width="548" height="5"></td></tr><tr><td class="edit_content_pre_headline2">&nbsp;</td><td class="headline2">Iceblue Generator</td></tr></table></td></tr><tr><td height="100" align="left" valign="top" background="http://theme.webme.com/designs/iceblue/images/cont2_bg.gif" class="edit_content"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="edit_content_container"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="edit_content_left_spacer" width="3%">&nbsp;</td><td class="edit_content_main" width="94%"><div style="width: 510; overflow: auto;">' + oldHTML + '</div></td><td class="edit_content_right_spacer" width="3%">&nbsp;</td></tr></table></td></tr></table></td></tr><tr><td height="31" background="http://theme.webme.com/designs/iceblue/images/cont_bottom.gif" class="edit_content_bottom"></td></tr></table></td></tr><tr><td background="http://theme.webme.com/designs/iceblue/images/footer.gif" height="31" class="edit_content_bottom2"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="edit_content_bottom2_left_spacer" width="2%">&nbsp;</td><td class="edit_content_bottom2_counter" width="96%" style="color:white; text-align: center;">Heute waren schon [visits] Besucher ([hits] Hits) hier! </td><td class="edit_content_botom2_right_spacer" width="2%">&nbsp;</td></tr></table></td></tr></table></td><td width="168" align="left" valign="top" background="http://theme.webme.com/designs/iceblue/images/rechts_bg2.gif" class="edit_rechts_bottom"><table id="sidebar_heading_1" width="168" border="0" cellspacing="0" cellpadding="0"><tr><td class="sidebar_heading">Über diese Page</td></tr><tr><td class="shouty">Hier kannst du einige Informationen über deine Seite reinschreiben, Partnerlinks aufführen oder ähnliches Wink</td></tr><tr><td background="http://theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_1">&nbsp;</td></tr></table></td></tr></table></td></tr></table></td><td width="79" background="http://theme.webme.com/designs/iceblue/images/s_bg.gif" class="edit_rechts_sbg">&nbsp;</td></tr></table>';
document.getElementById('container').innerHTML = newHTML;
}
</script>

Hier kommt der normale Textinhalt hin Wink
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag13.09.2012 um 13:06 (UTC)    
Titel:

Funktioniert bei mir nicht, hat vieleicht jemand noch nen anderen Code oder eine Idee, was ich falsch gemacht haben könnte? Crying or Very sad
______________
Achtung, an alle die mich erreichen wollen. Ich hab meine Seite ist jetzt umgezogen, und zwar heist sie jetzt: http://schreibmalwas.de.tl
Beitrag13.09.2012 um 13:19 (UTC)    
Titel:

Wo ist denn der Code eingefügt worden?
Leider kann man nicht weiterhelfen, wenn amn nicht konkretere Aussagen kriegt Confused
Eine Beispielseite wäre dazu hilfreich.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag29.09.2012 um 19:06 (UTC)    
Titel:

Ich habe das Script auf den entsprechenden Seiten unter "Quellcode" eingefügt
Beitrag11.12.2012 um 15:28 (UTC)    
Titel:

Ich habe jetzt etwas rum gebastelt und meinen eigenen Styleswicher programmiert. man muss das css design wählen und ihn unter "Quellcode" einfügen

Code:
<script language="JavaScript">
<!--
function StyleAuslesen(){

var Sorte = form.Sorte.value;
var Was = form.Was.value;

if (Sorte=="Textfarbe") {
document.getElementById('Inhalt').style.color = ""+Was+"";                       /* Textfarbe */
}

if (Sorte=="Hintergrundfarbe") {
document.getElementById('Inhalt').style.backgroundColor = ""+Was+"";     /* Hintergrundfarbe */
}

if (Sorte=="LinkKlick") {
document.alinkColor = ""+Was+"";                                                         /* Farbe beim Drücken eines Links */
}

if (Sorte=="LinkIntern") {
document.linkColor = ""+Was+"";                                                           /* Farbe eines Internen Links */
}

if (Sorte=="Hyperlink") {
document.vlinkColor = ""+Was+"";                                                         /* Hyperlinkfarbe */
}

}

//-->
</script>



<script language="JavaScript">
<!--
function BildAuslesen(){

var Was = form2.Was.value;



if (Was=="Bild1") {
document.getElementById('Inhalt').style.backgroundImage = "url(file:///E:/html%20scripts/Spiele/Ich%20sehe%20was,%20was%20du%20nicht%20siehst.bmp)";      /* Hintergrundbild */
}

if (Was=="Bild2") {
document.getElementById('Inhalt').style.backgroundImage = "url(file:///E:/html%20scripts/Spiele/papier.gif)";      /* Hintergrundbild */
}

if (Was=="Bild3") {
document.getElementById('Inhalt').style.backgroundImage = "url(file:///Mount/Mmc/html%20scripts/Spiele/fragezeichen.gif)";      /* Hintergrundbild */
}

if (Was=="Bild4") {
document.getElementById('Inhalt').style.backgroundImage = "url(file:///Mount/Mmc/html%20scripts/Bilder-scripts/Testbild.GIF)";      /* Hintergrundbild */
}



}
//-->
</script>







<div id="Inhalt">

Bla bla bla<br>
<a href="#">ein ganz normaler HyperLink zur Demo</a><br>
<a href="javascript:alert(hallo)">ein interner Link zur Demo</a><br>
<br>


<form name="form">

Was soll geändert werden?<br>
<select name="Sorte" size=5>
<option selected value="Textfarbe">Die Textfarbe
<option value="Hintergrundfarbe">Die Hintergrundfarbe
<option value="LinkKlick">Die Linkfarbe beim Draufklicken
<option value="LinkIntern">Interne Link-Farbe
<option value="Hyperlink">Hyperlink-Farbe
</select><br>

welche Farbe? (nur wenn nötig)<br>
<select name="Was" size=6>
<option selected value="green">Grün
<option value="red">Rot
<option value="yellow">Gelb
<option value="blue">Blau
<option value="white">Weis
<option value="gray">Grau
<option value="black">Schwarz
<option value="aqua">Blau-Grün
<option value="blueviolet">blauviolett
<option value="chartreuse">hellgrün
<option value="cornflowerblue">kornblumenblau
<option value="darkorange">dunkles orange
<option value="darkred">Dunkelrot
<option value="deeppink">tiefrosa
<option value="gold">Gold
<option value="silver">Silber
</select><br>
 
<input name="button" type="button" onClick="StyleAuslesen(this.form)" value="Speichern"><br>
</form>



<form name="form2">
welches Hintergrundbild<br>
<select name="Was" size=6>
<option selected value="Bild1">Bild 1
<option value="Bild2">Bild 2
<option value="Bild3">Bild 3
<option value="Bild4">Bild 4
</select><br>
 <input name="button" type="button" onClick="BildAuslesen(this.form)" value="Speichern"><br>
</form>

<div>

______________
Achtung, an alle die mich erreichen wollen. Ich hab meine Seite ist jetzt umgezogen, und zwar heist sie jetzt: http://schreibmalwas.de.tl
Beitrag13.12.2012 um 18:42 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de