Sfondo a scelta dell'utente
Codice da mettere nel vostro index.php
mettere questo codice appena dopo itagrimo tag <head>
<head>
<?php mosLoadModules('header',-1); ?>
<ul id="user-bar">
Scegli il tuo sfondo:
<a href="#" onclick="setActiveStyleSheet('template_css'); return false;"> 1</a>|</li>
<a href="#" onclick="setActiveStyleSheet('red'); return false;">2</a>|</li>
<a href="#" onclick="setActiveStyleSheet('black'); return false;">3</a>|</li>
<a href="#" onclick="setActiveStyleSheet('verde'); return false;">4</a>|</li>
<a href="#" onclick="setActiveStyleSheet('Giallo'); return false;">5</a>|</li>
</ul>
</div>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/templates/js_velvet/css/template_css.css" rel="stylesheet" type="text/css" title="template_css" />
<link href="<?php echo $mosConfig_live_site;?>/templates/js_velvet/css/red.css" rel="alternate stylesheet" type="text/css" title="red" />
<link href="<?php echo $mosConfig_live_site;?>/templates/js_velvet/css/black.css" rel="alternate stylesheet" type="text/css" title="black" />
<link href="<?php echo $mosConfig_live_site;?>/templates/js_velvet/css/verde.css" rel="alternate stylesheet" type="text/css" title="verde" />
<link href="<?php echo $mosConfig_live_site;?>/templates/js_velvet/css/Giallo.css" rel="alternate stylesheet" type="text/css" title="Giallo" />
<link href="<?php echo $mosConfig_live_site;?>/templates/js_velvet/css/print.css" rel="stylesheet" type="text/css" media="print" />
<script language="javascript" type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/js_velvet/img_script.js"></script>
<script language="javascript" type="text/javascript">descrivo un po il codice:
questa strigha sara visibile nel vostro trmplate
Scegli il tuo sfondo: < questo e il nome che apparira nel template
<a href="#" onclick="setActiveStyleSheet('default'); <questo nome nelle parentesi e il nome del css che andra a richiamare> return false;"> 1[/url]|</li> ivece questo numero e sara quello che appare nel template con il suo separatore.
questa parte di codice e quella che richiama il javascript che dovrete modificare e mettere il vostro percorso
<link href="<?php echo $mosConfig_live_site;?>
/templates/js_velvet/css/template_css.css" rel="stylesheet" type="text/css" title=
"template_css" />
la parte in rosso descrive il percorso del css da prendere, la parte verde e il nome del css che avrete modificato con lo sfondo.
x cui il odice e composto da percorso e nome del css.
questo e il javascript che dovrete mettere nalla cartella del template
io lo chiamato img_script.js se guardate questa stringa di code c'è il nome che ho dato
<script language="javascript" type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/js_velvet/
img_script.js"></script>
<script language="javascript" type="text/javascript">
allora questo e il code da salvare e rinominare come detto se il nome non vi piace rinominare anche la parte del code messo nello <head>
<!--
//STYLE SWITCHER
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}
function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
}
return null;
}
function getPreferredStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("rel").indexOf("alt") == -1
&& a.getAttribute("title")
) return a.getAttribute("title");
}
return null;
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
window.onload = function(e) {
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
}
window.onunload = function(e) {
var title = getActiveStyleSheet();
createCookie("style", title, 365);
}
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
//PRELOAD IMAGES
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
//-->le immagini di sfondo vanno salvate nella cartella images del template.
mettere le immagini nel css ,in questo dovete capire se avete un solo css oppure altri css che caricano separatamente dal css default .se avete un solo css fate il copia e incolla dello steso css rinominandolo col nome che avrete inserito nel code che lo richiamerà
esempio di questo template a solo un css e lo sfondo si troba nel css nella striga
BODY {
height: 100%;
margin-top: 82px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../images/back1.png)repeat-x scroll left top;<qui inserire il nome dell'immaginefatto il copia e incolla del css e rinominato tornate sempre in quella stinga del css e cambiate il nome del 'immagine
BODY {
height: 100%;
margin-top: 82px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../images/back12.png)repeat-x scroll left top;<quise avete bisogno di spostare la scritta che appare nel template
dovete mettere in tutti i css che avete creato , queta parte di css .
e ci mettete quello che volete colore posizione lift ringht ec....
ul#user-bar, a:link, a:visited {
}
se e andato tutto
ok avrete lo sfondo selezionabile
ps : se non viene caricato lo sfondo oppure ritorna di default il primo, come in questo caso nel template js_velvet dovete cercare nel vostro index.php
il code originale eliminarlo oppure meglio bloccarlo tramite tag, che se avrete bisogno lo avete ancora
questo e quello da bloccare in pratica quello tra i tag <!-- -->
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<!--
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
-->
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />qui x visionare il tutto
http://www.plutozio.altervista.org/
