• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Principali variabili per modificare uno STILE vbulletin

Mirko

Utente Kafféè
Autore del topic
8 Marzo 2009
23.907
112
Miglior risposta
0
Sono a conoscenza di questa guida http://www.sciax2.it/forum/tutorial/variabili-per-personalizzare-skin-vbulletin-4-a-174043.html che però spiega parzialmente tutte le variabili da Modificare per iniziare a creare skin per vbulletin.

Altre guide che vi potrebbero essere d'aiuto per la creazione di uno stile:
- http://www.sciax2.it/forum/tutorial/sistemare-gli-angoli-arrotondati-blockhead-435228.html
- http://www.sciax2.it/forum/tutorial...-forumhome-showthread-428274.html#post2754709
- http://www.sciax2.it/forum/tutorial/cambiare-colore-nuovo-editor-testo-vbulletin-4-1-4-a-386932.html
- http://www.sciax2.it/forum/tutorial/cambiamento-colore-sezione-passaggio-mouse-358338.html

Inanzitutto, da dove ricercare queste variabili?
Admincp->Stili & Template->Gestioni stili (nella tendina a destra dello stile desiderato c'è l'opzione "Variabili Stile" la selezionate e cliccate su "VAI").

Principalmente c'è la "FORUMHOME" del nostro stile:

o5b7k8.png

  • titleimage
    (questa è la variabile relativa al logo del vostro forum, vi servirà per sostituire l'immaginetta di "VBulletin" in alto a sinistra dell'header con un'immaginetta vostra personalizzata).
  • header_background
  • navbar_background
  • header_color
  • pagetitle
  • forumhead_background
  • blocksubhead_background
  • doc_background
  • body_background
  • secondarycontent_header_background
  • secondarycontent_background

Queste sono tutte le principali variabili che compongono la FORUMHOME ovvero la pagina iniziare del nostro sito vbulletin.

Successivamente dovremo occuparci del "Fondo Pagina":

33xh8k1.jpg

  • footer_background
  • footer_border
  • footer_copyright_color (colore del testo della scritta dei copyright)
  • footer_link_color (colore link presenti nel footer)
  • footer_linkhover_color (colore link presenti nel footer al passaggio del mouse)

Queste invece sono tutte le variabili che principalmente dovremo modificare per personalizzare il nostro "fondo pagina" in base alle nostre esigenze.

Successivamente dovremo rifinire la "Navbar":

xfz0qe.jpg

  • titleimage (Immagine logo forum)
  • navbar_background_notify (al ricevimento di nuove notifiche verrà visualizzato questo background)
  • header_background
  • navbar_background
  • navbar_tab_background
  • navbar_tab_border
  • navbar_tab_selected_background
  • navbarsearch_borderwidth

Queste sono tutte le principali variabili che come vedrete dalla screen andranno modificate per personalizzare la navbar o la parte alta del sito.

Successivamente a tutto ciò andrà modificata la pagina "showthread.php" ovvero la pagina contenente tutti i thread:

30vlw08.png

  • control_content_background (Lo sfondo del bottone "Nuova discussione)
  • control_content_hover_background (Lo sfondo del bottone "Nuova discussione" al passaggio del mouse)
  • threadlisthead_background
  • threadbit_background
  • secondarycontent_background
  • secondarycontent_header_background

Tutte queste principali variabili ci serviranno per personalizzare la pagina dove sono presenti tutte le discussioni, in base alle nostre esigenze.

Successivamente ancora, ci toccherà modificare la pagina "postbit" ovvero l'interno della discussione:

o73c6p.png

  • postbithead_background
  • postbit_background
  • postbit_userinfo_background
  • postbit_control_background (sfondo dei tasti "Segnala", "Dai reputazione" , "Modifica" , "Quota" etc..)
  • postbit_foot_background
  • blockhead_background

Queste invece, sono tutte le variabili che dovremo personalizzare sempre in base alle nostre esigenze.

Infine, solo se lo riterrete necessario in base alle vostre preferenze potrete cambiare lo sfondo delle varie sezioni da voi create presenti nel sito:

25zjgj7.png

  • Forumrow_background
  • Forumrow_firstentry_background

Esse sono le variabili di cui dovrai servirti per cambiare lo sfondo alle tue sezioni (come da screen), la prima variabile varrà per tutte le sezioni invece, la seconda variabile varrà solamente per tutte le prime sezioni di ogni categoria, ti consiglio dunque di mettere in entrambi le variabili gli stessi colori.

Ci ho messo un po' a creare questo mini-tutorial per tutti gli inesperti di vbulletin però ne è valsa la pena, ribadisco che questa guida non è fatta per gli esperti di vbulletin che già sicuramente sapranno fare queste cose, ma per i meno esperti che vorrebbero cimentarsi nel campo grafico ovvero nella creazioni di skin, personalizzate per vbulletin.

Questa guida è stata creata da me, gradirei, pertanto che venissero inseriti i miei Crediti qual'ora questa guida venga postata anche in altri forum oltre a Sciax2.

Segui questo pezzo SOLO se hai modificato il colore del "body_background":

Molti di voi potranno avere l'esigenza di modificare il body_background ovvero (quel pezzo nero nella screen), purtroppo una volta modificato sia le sezioni, che il footer, che il secondarycontent avranno un bagliore esterno brutto da vedere e fastidioso.

2mqqjp0.png

  • footer_moz_shadow_color (Per modificare il colore del bagliore esterno del footer).
  • forumbits_shadow_color (Per modificare il colore del bagliore esterno delle sezioni).

Se hai acquistato una versione SUITE del vBulletin allora ti sarà utile modificare e dunque personalizzare anche il tuo "Blog":

vN9FJ.png

  • vbblog_pagetitle_color (per modificare il colore del testo principale "Ultimi articoli nel blog" / "Recent Blogs Posts";
  • vbblog_link_color (questa variabile modifica solo il colore del nickname dell'autore dell'articolo;
  • vbblog_sidebar_tabs_background (modifica il colore delle tabelle "Recent Entries, Most popular..");
  • vbblog_sidebar_tabs_selected_background (modifica il colore della tabella selezionata);

La modifica del proprio blog deriva anche dalla modifica del template principale, infatti potremo notare che alcune variabili per personalizzare il nostro blog al meglio sono uguali:

  • sidebar_content_background
  • sidebar_background
  • control_content_background
  • control_content_hover_background
  • sidebar_header_color
  • link_color
  • link_hover_color
  • body_background

Sono tutte variabili che già avevo presentato sopra per la principale personalizzazione di un proprio template vBulletin.
 
Ultima modifica:
  • Like
Reactions: 1 person
Riferimento: Principali variabili per fare uno STILE vbulletin

Aggiungo una precisione: molti utenti vogliono modificare questa parte della style, cioè il wgo (Tabella utenti online e statistiche forum)

fdfdsfdfdsf.png


Le variabili sono:
  • secondarycontent_header_background
  • secondarycontent_header_border
  • secondarycontent_header_color
  • secondarycontent_header_font
Ho solo precisato ciò che è indicato da @Mirkuzzo
Queste variabili non sono presenti nel file .pdf delle variabili. Arthur!
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Quelle variabili sono inserite nella guida @arthur potresti leggere anzichè commentare a caso, sono pure indicate nella screen delle variabili principali da modificare nella forumhome..

o5b7k8.png


  • titleimage
  • header_background
  • navbar_background
  • header_color
  • pagetitle
  • forumhead_background
  • blocksubhead_background
  • doc_background
  • body_background
    [*]secondarycontent_header_background
    [*]secondarycontent_background

Quella tabella nelle versioni vbulletin prima di 4.1.x si chiamava wgoheader_background, da vbulletin 4.1.x è diventata secondarycontent_background.
 
Ultima modifica:
Riferimento: Principali variabili per fare uno STILE vbulletin

Infatti ho letto. Era solo per precisare ;)
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Infatti ho letto. Era solo per precisare ;)

Ok, cercherò di tenere sempre aggiornata questa guida, ovviamente andando avanti con le versioni.
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Mmmm...Bravo Ottima Guida, Cosi Mi Hai Chiarito I Dubbi Che Avevo Su Vbulletin...Grazie...:emoji_smiley:
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Mmmm...Bravo Ottima Guida, Cosi Mi Hai Chiarito I Dubbi Che Avevo Su Vbulletin...Grazie...:emoji_smiley:

Prego se avete domande riguardo altre variabili postate pure qui ;)
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Bravo la guida è ben dettagliata, molto utile, anche per chi non capisce bene e vuole avere una spiegazione buona.
Bravo mirkuzzo i miei complimenti, continua così.​
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Ti ringrazio Moto, mi è stato concesso il rilievo :P
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Quando ero agli inizi del vBulletin, cercavo sempre delle guide sulle variabili per modificare i colori, bottoni, ecc. della skin. Avevo trovato solamente quella di Sciax2 e un'altra nel forum ufficiale italiano.
Servirà a molti Mirko, bravo. :emoji_slight_smile:
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Ottima guida Mirco ;) Mi serviva,sopratutto ai principianti come me :emoji_relieved:
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Quando ero agli inizi del vBulletin, cercavo sempre delle guide sulle variabili per modificare i colori, bottoni, ecc. della skin. Avevo trovato solamente quella di Sciax2 e un'altra nel forum ufficiale italiano.
Servirà a molti Mirko, bravo. :emoji_slight_smile:

Ottima guida Mirco ;) Mi serviva,sopratutto ai principianti come me :emoji_relieved:

Grazie ad entrambi. ;)
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Ottima Guida per i meno esperti Bravo :emoji_smiley:
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Grazie Rocco97
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Bravissimo Mirkuzzo...è molto utile per chi vuole creare skin o modificarne qualcuna...dò grzie ;)
 
Riferimento: Principali variabili per fare uno STILE vbulletin

Aggiornata.