Indice del forum ForumUp: Supporto in Italiano

 
 FAQFAQ   CercaCerca   Lista utentiLista utenti   GruppiGruppi   RegistratiRegistrati 
 ProfiloProfilo   Messaggi privatiMessaggi privati   Log inLog in 

Comunicazioni dallo Staff
**Inserite l'url del vostro forum quando chiedete aiuto nelle aree di supporto.**
Per un aiuto immediato, leggi le FAQ. La maggior parte delle domande ha già una risposta.
Non inviate PM allo staff per chiedere supporto, se non richiesti.
Leggere le regole firme e avatars

Lo Staff di ForumUp non vi chiede i dati per entrare nel pannello di amministrazione Leggere qui.

*DOPO 30 GIORNI DI INATTIVITA' (senza scrivere posts), I FORUM SARANNO AUTOMATICAMENTE CANCELLATI*

Guida alla sostituzione delle icone

 
Nuovo argomento   Quest'argomento è chiuso: Non puoi inserire, rispondere o modificare i messaggi.    Indice del forum -> F.A.Q. e Guide
Precedente :: Successivo  
Autore Messaggio
PNUS070
Member


Registrato: 18/04/06 14:39
Messaggi: 139
Residenza: Roma

MessaggioInviato: Mer Mar 21, 2007 6:24 pm    Oggetto: Guida alla sostituzione delle icone Rispondi citando

Guida alla sostituzione delle Icone

Tool Modificato da Sabrina in data 23 Agosto 2007


[b]Questa guida spiega come cambiare tutte le icone del forum.


Vi spiegherò passo passo come fare, partendo prima alla sostituzione delle icone grandi delle home:

Solamente gli utenti registrati possono vedere link su questo forum!
Registrati oppure Autenticati su questo forum.



Successivamente passeremo alla parte più complicata, sostituire tutte le icone, come queste:

Solamente gli utenti registrati possono vedere link su questo forum!
Registrati oppure Autenticati su questo forum.



Volendo anche queste:

Solamente gli utenti registrati possono vedere link su questo forum!
Registrati oppure Autenticati su questo forum.



Facendo le cose per gradi vi risulterà tutto molto facile, garantito. Wink



Premesse

Prima che leggiate i procedimenti, è bene sapere che è necessario avere uno spazio web per poter sostituire le icone. Infatti ci servirà per metterci le immagini che vogliamo usare in sostituzione delle originali e il file .js contenente lo script che con un codice breve andremo a richiamare cosicchè le icone originali spariscano in sostituzione delle nuove.

Se non avete uno spazio web potete crearvene uno con dei servizi gratuiti, come per esempio Altervista.

Ovviamente prima di poter procedere con la guida dovete avere le vostre immagini da mettere in sostituzione alle originali.
Importante però che le immagini abbiano una grandezza uguale alle originali: alcuni temi deformano le immagini che non hanno uguale dimensione.
Per sapere la dimensione delle icone originali, andate nelle proprietà di queste.



Procedimenti


Punto 1:
Mettere le immagini su Internet

Mettere su uno spazio web le immagini che si vogliono usare a sostituzione delle icone.
Potete farlo tramite un programma FTP (

Solamente gli utenti registrati possono vedere link su questo forum!
Registrati oppure Autenticati su questo forum.

) vostro o usare, se disponibile, quello messo a disposizione dal servizio che utilizzate.
Una volta fatto segnatevi tutti gli indirizzi diretti delle immagini, che vi saranno fondamentali per procedere.
Ad esempio:
Codice:
http://www.tuo_dominio.it/icona.gif

Per capire che è un indirizzo diretto all'immagine, basta guardare l'estensione: se non è una estensione immagine si tratta dell'indirizzo una pagina web o di un altro tipo di file.

Se preferite hostare le immagini da qualche altra parte si può usare Imageshack, un buon servizio free (gratuito) di host di immagini.

Quindi allora mettiamo su Imageshack le immagini desiderate (N.B.: qui usiamo come esempio Imageshack però vanno benissimo tutti i servizi che conoscete).

Colleghiamoci al sito

Solamente gli utenti registrati possono vedere link su questo forum!
Registrati oppure Autenticati su questo forum.

cliccate su sfoglia per cercare l'immagine desiderata che si trova sull'Hard Disk del vostro computer.
Dopodichè cliccate su Host It e inizierete ad inviare l'immagine che poco dopo sarà disponibile su Internet e potrete usarla per lo scopo prefissato in questa guida.
Dopo aver compiuto l'operazione troverete di fronte questa visualizzazione, con numerosi codici.

Solamente gli utenti registrati possono vedere link su questo forum!
Registrati oppure Autenticati su questo forum.



Segnatevi il codice chiamato "Direct Link to image":
Non dimenticatevelo e segnatevelo! E' fondamentale per continuare.

Ripetete questa operazione finchè non avete i Direct Link to image di tutte le immagini che devono sostituire le icone di default.


Punto 2:
Segnarsi i link delle immagini originali

Collegatevi al vostro forum.

Dovete visualizzare il template a cui cambiare le icone.

(ciò significa che potete cambiare le icone ad un solo template)

Andate nelle proprietà di una icona che vogliamo sostituire e segnatevi il suo url.

Solamente gli utenti registrati possono vedere link su questo forum!
Registrati oppure Autenticati su questo forum.



Ora copiate questo link e incollatelo 4 volte su blocco note.
Modificate la parte finale dei link (dopo /images/ )con questi:
folder_new_big.gif
folder_big.gif
folder_locked_big.gif
whosonline.gif


In questo modo avrete tutti i link delle immagini originali che dovremo andare a sostituire.
Se preferite potete andare a prendere il link di tutte e quattro le immagini andando su proprietà.

Se avete segnato tutti e quattro i link delle immagini originali e i Direct Link to image delle immagini che andranno a sostituire potete procedere.


Punto 3:
Utilizzare lo script per sostituire le icone grandi della home page


Prendete questo codice (Esempio con template subSilverCSS):

Codice:

<!--
var index = 0;
var newbig = "http://TUO FORUM.forumup.it/templates/subSilver/images/folder_new_big.gif";
var newbig2 = "http://TUO FORUM.forumup.it/templates/subSilver/images/folder_big.gif";
var newbig3 = "http://TUO FORUM.forumup.it/templates/subSilver/images/folder_locked_big.gif";
var newbig4 = "http://TUO FORUM.forumup.it/templates/subSilver/images/whosonline.gif";

var mynewbig = "http://www.LINK VOSTRA ICONA";
var mynewbig2 = "http://www.LINK VOSTRA ICONA";
var mynewbig3 = "http://www.LINK VOSTRA ICONA";
var mynewbig4 = "http://www.LINK VOSTRA ICONA";

function chicone() {
for(index=0; index<document.images.length; index++){
if(document.images[index].src != newbig) continue;
else {
document.images[index].height = **;
document.images[index].width =**;
document.images[index].src = mynewbig;
}
}
for(index=0; index<document.images.length; index++){
if(document.images[index].src != newbig2) continue;
else {
document.images[index].height = **;
document.images[index].width = **;
document.images[index].src = mynewbig2;
}
}
for(index=0; index<document.images.length; index++){
if(document.images[index].src != newbig3) continue;
else {
document.images[index].height = **;
document.images[index].width = **;
document.images[index].src = mynewbig3;
}
}
for(index=0; index<document.images.length; index++){
if(document.images[index].src != newbig4) continue;
else {
document.images[index].height = **;
document.images[index].width = **;
document.images[index].src = mynewbig4;
}
}
}

window.setTimeout("chicone()", 1000);

-->



Adesso vi spiego come configurare questo codice.

Alle voci:

var newbig
var newbig2
var newbig3
var newbig4


dovrete mettere i rispettivi links delle immagini originali

Es:http://tuo forum.forumup.it/whoseonline.gif

Alle voci:
var mynewbig
var mynewbig2
var mynewbig3
var mynewbig4


ai loro corrispondenti link, li dovete sostituire con i Direct Link to image della immagini che sostituiranno le icone originali.

Es: http://www.tuo_dominio.it/icona.gif

Queste voci infatti danno allo script la necessaria informazione da dove prendere le immagini che volete sostituire.

Attenzione:
il link dell'immagine che metterete in var imagerplc01 sostituira il link dell'immagine messo in var imageorig01, di conseguenza vale la stessa cosa per le altre voci.

Alle voci:
document.images[index].height = **;
document.images[index].width = **;


regolate le dimensioni delle icone: height= altezza; width= larghezza


Di seguito viene spiegato come modificare tutte le icone del forum.


Punto 4:

Modificare il codice per sostituire tutte le icone del forum.

Lo script di prima vi permetterà anche di modificare le altre icone, come quelle all'interno di una sezione. Però le icone da modificare questa volta son molte di più delle quattro sostituite prima. Perciò dovete aggiungere righe di codice al vostro script in modo da sostituire più icone.

Prima Riga
Codice:
var newbig5 = "indirizzo_diretto_icona_originale";

Seconda Riga
Codice:
var mynewbig5 = "http://www.tuo_dominio.it/icona5";

Terza Riga
Codice:
for(index=0; index<document.images.length; index++){
if(document.images[index].src != newbig5) continue;
else {
document.images[index].height = **;
document.images[index].width = **;
document.images[index].src = mynewbig5;


La prima riga va sotto le altre quattro che dicono allo script quali immagini sostituire (indirizzi diretti delle immagini originali, che avete preso nel punto 2).

Se volete sostituire anche una sesta immagine (una settima, una ottava...) dovete usare sempre le stesse righe di codice posizionate sempre nello stesso posto. L'unica cosa che dovrete fare in tutte le tre righe di codice è cambiare tutti i numeri in ordine progressivo (prima 5, poi 6, dopo 7 e via discorrendo).


Non appena avete le righe di codice necessarie, configurate le varie voci come spiegato nel Punto 3 e usando i link presi seguendo i Punti 1 e 2.
Se avete configurato tutto il codice in modo corretto, potete procedere.


Aprite Blocco Note e incollate il codice da voi appena elaborato.
Dopo aver fatto ciò, salvate e denominate come volete. L'importante è che abbia come estensione .js (per esempio: icone.js).

Adesso dovete mettere sul vostro spazio web il file con estensione .js che avete appena creato.
Se avete messo le immagini da sostituire nel vostro spazio web, dovete fare la stessa cosa che avete fatto con le immagini.

Ad ogni modo, quando avete il vostro bel file on-line nel vostro spazio web, prendetene l'url diretto del file.
Quindi andate al vostro forum e scrivete nel campo "DESCRIZIONE DEL SITO" (Amministrazione -> Generale -> Configurazione) oppure in Amministrazione -> Generale -> ForumUp -> Utilizzo di HTML in intestazione e fondo forum -> Codice nella parte BASSA del forum questo codice:

Codice:
<script src="indirizzo_diretto_file.js"></script>
<body onload="iconswap();"></body>

Al posto di indirizzo_diretto_file.js dovete metterci l'indirizzo del file .js che sta sul vostro spazio web.

Finito.
In questo modo potete personalizzare tutte le icone che volete. Smile



Annotazioni sullo script


Lo script potrebbe non avviarsi in caso di una pagina non totalemente caricata. Se per esempio un qualcosa blocca o rallenta il caricamento della pagina lo script potrebbe non partire.
Top
Profilo Invia messaggio privato
Mostra prima i messaggi di:   
Nuovo argomento   Quest'argomento è chiuso: Non puoi inserire, rispondere o modificare i messaggi.    Indice del forum -> F.A.Q. e Guide Tutti i fusi orari sono GMT + 2 ore
Pagina 1 di 1

 
Vai a:  
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi


Rimuovendo la pubblicità a pagamento puoi o togliere i banner, mettere script, oppure metterne uno tuo come questo. E' possibile inserire i tuoi codici anche senza rimuovere la pubblicità, ma SOLO in fondo al forum.


Powered by phpBB © 2001, 2005 phpBB Group
phpbb.it

Powered by forumup.it forum gratis free, crea il tuo forum gratis free ora! Created by Hyarbor & Qooqoa
Confirmed

Page generation time: 0.024