Visualizzare il forum in più stili - INVISION

Ho trovato questo tutorial realizzato da Buttercup ( riporto la fonte per correttezza : http://help.forumotion.com/t71484-add-multi-themes-to-your-forum).
Non capisco come applicarlo.
Mi aiutereste?

Indica tre passaggi:
1- Preparare un foglio di stile ( dove? come?)
2 - Creare  uno script
3 - Inserire nel forum il bottone  di scelta dello stile


Occorre anche  creare una pagina HTML  ( come?)



Il codice completo è nell'allegato al link che vi ho dato.
Lo metto qui come codice sotto spoiler

Spoiler:

Come faccio? 

Ciao,

Step 1- Prepare our style sheets

lo hai fatto, è il contenuto CSS che hai inserito nel topic

Step 2 - Create our script

segui le informazioni che sono inserite sotto il topic

Come creare una pagina html
https://aiuto.forumattivo.it/t4284-creare-una-pagina-html

---

Comunque quel tutorial è veramente completo, cosa non riesci a fare esattamente?

quarda se questo lo capisci meglio.I css che vedi sul tutor e' gia' presente nello script (per prenderlo clikka si ici ).Comunque c'era anche un tutor su questo forum l'ho messo io.

Niko ha scritto:Ciao,

Step 1- Prepare our style sheets

lo hai fatto, è il contenuto CSS che hai inserito nel topic

Step 2 - Create our script

segui le informazioni che sono inserite sotto il topic

Come creare una pagina html
https://aiuto.forumattivo.it/t4284-creare-una-pagina-html

---

Comunque quel tutorial è veramente completo, cosa non riesci a fare esattamente?

Beh un po' di cose... perchè sono scarsina.
Innanzitutto non so costruire una pagina html ( ora proverò con il tuo link) e poi non capisco cosa inserire nel codice già pronto ( dove prendo quei link?)
Dato che sono senza vergogna ora ti posto quello che ho combinato.
I link te li segno in rosso, ma suppongo che sia tuto un gran pasticcio.

Spoiler:

the crow ha scritto:quarda se questo lo capisci meglio.I css che vedi sul tutor e' gia' presente nello script (per prenderlo clikka si ici ).Comunque c'era anche un tutor su questo forum l'ho messo io.  

Me lo studio. Già il fatto che ci sia un video è rassicurante.  

Clicco su Ici?
E dove?  

Codice:

$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

$(function(){

  $("#frame_chatbox").load(function(){
    $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
  });

  $("iframe[name=smilies]").load(function(){
    $("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style type="text/css">body{margin:0!important;}</style>');
  });

  $("body").prepend('<select id="sstyle" onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>Choisir un style</option></select>');

  addstyle("Style 1","http://lien_d'un_fichier_css");
  addstyle("Style 2","http://lien_d'un_fichier_css");
  addstyle("Style par défaut","");

});

questa e' la parte che devi modidficare

Codice:

addstyle("Style 1","http://lien_d'un_fichier_css");
  addstyle("Style 2","http://lien_d'un_fichier_css");
  addstyle("Style par défaut","");


non ti serve creare una pagina html..io l'avevo fatto pero' non mi ricordo come

Trovato..mi ricordavo bene

https://aiuto.forumattivo.it/t7164-cambiare-stile-al-forum

se non ci riesci ti aiuto io

Grazie Crow.
Ci provo nel week end. Spero di riuscirci da sola senza romperti.
Appena ho risolto spunto qui.

non ti preoccupare non mi rompi..e' il tempo che manca

Dichiaro la mia incapacità a portare a termine il compito nonostante le vostre istruzioni.  
Mi mancano le nozioni anche per capire come formulare domande con cui voi mi possiate aiutare ancora.
Ripasso quando ho studiato di più.

ciao,

se riesci potresti descrivermi per bene che cosa hai fatto, quali codici hai inserito (postali) e dove li hai messi?

così troviamo eventuali errori

Ti copio tutto qui


1° tentativo posizione: pagina html nuova

Spoiler:

2° tentativo
Indice

Spoiler:

Link del forum di prova:
http://prove2014.forumattivo.it/

quello che hai postato è un codice javascript, quindi va incluso TUTTO nei tag (senza il punto)

capito?
oltre ad avere la parte script src="/h1-" devi inserire tutta l'altra parte del codice in un tag script

Non si vede niente del tutto.
Ho messo tutto tra script e script.

Spoiler:

P.s.
I link che sostituisco sono corretti?
Perchè anche lì non capisco bene

nono

prova cosi:

Codice:

<script src="/h1-"></script><script>//STAR Skin Selector by Bourne (montatuforo.net) and 3mOtrOnik (toxigeek.com) document.write('<style>body {margin-top:50px !important;} select {color: #fff !important; background-color: #000 !important;} option {font-family: verdana; font-size: 10px; color: white;} option.sl {color: #fff !important; background-color: #000;} SELECT{ font-family: verdana; font-size: 10px; color: white; </style>');document.write('<div style="position: absolute; width: 150px; height: 38px; z-index: 1; left: 5px; top: 10px" id="skinselector">
   
  <form>
      <select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();"><option class="sl">Selet your skin</option><option class="sl" value="Defaul"> Tech Invision skin</option><option class="sl" value="Black"> Tech Invision skin</option><option class="sl" value="Purple">Snowflake Invision skin</option><option class="sl" value="Yellow"> Crystal Invision skin</option></select>
  </form>
</div>
');var scheme = getCookie('template1'); if (scheme == 'Defaul') { document.write('<link rel="stylesheet" type="text/css" href="http://prove2014.forumattivo.it/130727-ltr.css" />');} else if (scheme == 'Black') { document.write('<link rel="stylesheet" type="text/css" href="http://prove2014.forumattivo.it/130727-ltr.css" />');} else if (scheme == 'Purple') { document.write('<link rel="stylesheet" type="text/css" href="http://prove2014.forumattivo.it/130891-ltr.css" />');} else if (scheme == 'Yellow') { document.write('<link rel="stylesheet" type="text/css" href="http://prove2014.forumattivo.it/130693-ltr.css" />');;} function changeskin(change) { var scheme = change; var name = 'template1'; var pathname = location.pathname; var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/'; var ExpDate = new Date (); ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000)); setCookie(name,scheme,ExpDate,myDomain); } function getCookie(name){ var cname = name + "="; var dc = document.cookie; if (dc.length > 0) { begin = dc.indexOf(cname); if (begin != -1) { begin += cname.length; end = dc.indexOf(";", begin); if (end == -1) end = dc.length; return unescape(dc.substring(begin, end)); } } return null; } function setCookie(name, value, expires, path, domain, secure) { document.cookie = name + "=" + escape(value) + ((expires == null) ? "" : "; expires=" + expires.toGMTString()) + ((path == null) ? "" : "; path=" + path) + ((domain == null) ? "" : "; domain=" + domain) + ((secure == null) ? "" : "; secure"); } //END Skin Selector by Bourne (montatuforo.net) and 3mOtrOnik (toxigeek.com) </script>

se non funziona dammi tutte le informazioni e te lo creo io il codice senza problemi

...prova cosi , vedi un attimo

Codice:

$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

$(function(){

  $("#frame_chatbox").load(function(){
    $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
  });

  $("iframe[name=smilies]").load(function(){
    $("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style type="text/css">body{margin:0!important;}</style>');
  });

  $("body").prepend('<select id="sstyle" onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>Choisir un style</option></select>');

  addstyle("Style 1","http://prove2014.forumattivo.it/130727-ltr.css");
  addstyle("Style 2","http://prove2014.forumattivo.it/130891-ltr.css");
  addstyle("Style 2","http://prove2014.forumattivo.it/130693-ltr.css");


  addstyle("Style par défaut","");

});

Stanotte è avvenuto un miracolo.
Grazie è una paroletta corta che diciamo un mucchio di volte, ma vi garantisco che io alla mia veneranda età resto stupita di queste cose.
Grazie a tutti e a una persona in particolare, davvero però... non per dire.

Risoltissimo.