vHosting 0
vhs728x90
Risultati da 1 a 6 di 6
  1. #1
    Data Registrazione
    01/10/09
    Località
    Napoli
    Età
    21
    Messaggi
    2,910
    Grazie dati
    0
    Ringraziato 399 volte in 352 post
    Mentioned
    59 Post(s)

    Predefinito Creare il vostro primo Tema

    Innanzi tutto, dobbiamo capire come creare un nuovo tema per poi poterlo modificare

    Andate in ACP--->Template e Temi--->Temi--->Crea un Nuovo tema e scegliamo il nome del futuro tema, modificabile in seguito. La seconda opzione lasciatela così com'è.

    Ora vediamo da quali selettori è composto il nostro caro tema.

    Ecco due screen che mostrano i selettori nell'index



    Ecco uno screen che mostra i selettori di forumdisplay


    Ecco uno screen che mostra i selettori di showthread


    Questi sono i principali selettori da modificare. Per altre info basta chiedere

    [size=large]CSS[/size]

    Il CSS (Cascading Style Sheets) è un file in formato .css, per l'appunto, che definisce le varie proprietà degli elementi che dovranno apparire nella pagina web. Per creare questi fogli di stile non c'è bisogno di file avanzati ma solo il blocco note e un po' di pazienza.

    COME RICHIAMARLO
    Per includere un qualsiasi codice CSS ad una pagina web si possono scegliere due modi:

    - includerlo tramite un altro file in estensione css;

    - scrivere il codice direttamente nel file html, tra il tag head. In seguito vedremo come fare;


    Seguendo il primo caso, dovremmo creare il file css che in questo caso chiameremo stile.css.

    Come faccio a dare l'estensione .css al file? Prendiamo come esempio il blocco note. Una volta terminato il lavoro clicchiamo su salva con nome..., dal menù a tendina scegliamo Tutti i file e salviamo il file creato con il nome di stile.css

    Ecco il codice per includere il file css nella pagina:
    Codice PHP:
    Solo i registrati possono visualizzare il codice
    Non credo ci sia da spiegare qualcosa in questo codice
    Ora vediamo il secondo codice, cioè, inserire il codice css direttamente nel file html/php
    Codice PHP:
    Solo i registrati possono visualizzare il codice
    Anche qui non credo ci sia qualche problema

    Una volta incorporato il foglio di stile non ci resta che imparare a gestirlo nel file html.

    Iniziamo col dire che i selettori del CSS (li vedremo più in là) possono essere definiti anche classi o ID.
    Per richiamare un selettore del CSS nel file html bisogna usare questi codici:
    Codice PHP:
    Solo i registrati possono visualizzare il codice
    Ora vi chiederete perchè due stringhe. Per spiegarvelo devo cominciare a spiegare il CSS e quindi iniziamo

    Il foglio di stile è diviso in selettori. Questi selettori servono per definire le proprietà del blocco.

    Ecco un esempio di selettore
    Codice PHP:
    Solo i registrati possono visualizzare il codice
    Analizziamo questo codice.
    Prima del nome selettore va inserito un punto o un cancelletto (#). Questi due segni stanno ad indicare se il selettore è un classe o un ID e qui si ritorna al concetto dei div. Quando è presente il punto, il selettore è una classe, quindi si userà <div class="nomeselettore"></div>, mentre con il # si userà ID.

    selettore è quello che verrà inserito qui: <div class="selettore"></div>. Non ha molta importanza. Proprietà1 sta ad indicare una proprietà del selettore.

    Delle proprietà possono essere:

    - font-family; (tipo del carattere, es: verdana, comic sans ms, ecc...)
    - background-color; (colore che farà da background al contenuto del div)
    - color; (colore del font contenuto nel div)
    - height/width; (altezza/larghezza)
    - border; (bordo del contenuto)
    - float; (posizione del div)

    Questi sono i più importanti, vediamo come usarli.

    Background-Color
    Codice PHP:
    Solo i registrati possono visualizzare il codice
    Si può anche definire un'immagine
    Codice PHP:
    Solo i registrati possono visualizzare il codice
    Questa immagine si può ripetere in orizzontale, verticale o in tutti e due i modi.

    Codice PHP:
    Solo i registrati possono visualizzare il codice
    Al posto di repeat-x si possono inserire

    repeat-y per far ripetere l'immagine in verticale
    repeat-x per far muovere l'immagine in orizzontale
    repeat per far muovere l'immagine in tutti e due i sensi


    Fonte: [Tema] Creare il vostro primo tema

  2. #2
    Data Registrazione
    07/10/09
    Età
    43
    Messaggi
    4,434
    Grazie dati
    98
    Ringraziato 278 volte in 233 post
    Mentioned
    5 Post(s)

    Predefinito Riferimento: Creare il vostro primo Tema

    sei sicuro che puoi utilizzare quelle immagini?

  3. #3
    Data Registrazione
    01/10/09
    Località
    Napoli
    Età
    21
    Messaggi
    2,910
    Grazie dati
    0
    Ringraziato 399 volte in 352 post
    Mentioned
    59 Post(s)

    Predefinito Riferimento: Creare il vostro primo Tema

    Najaru sono immagini prese da mybb.........che si posso fare normalmente da 1 semplice skin e poi c'è il link diretto alla guida quindi....

  4. #4
    Data Registrazione
    27/12/12
    Messaggi
    105
    Grazie dati
    13
    Ringraziato 0 volte in 0 post
    Mentioned
    0 Post(s)

    Predefinito Riferimento: Creare il vostro primo Tema

    Come modifico il colore della barra dove (in questo forum) è inserita la data del post?

  5. #5
    Data Registrazione
    23/11/09
    Messaggi
    5,265
    Grazie dati
    496
    Ringraziato 1,036 volte in 884 post
    Mentioned
    172 Post(s)

    Predefinito Riferimento: Creare il vostro primo Tema

    Se puoi, dacci il link del tuo forum...
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  6. #6
    Data Registrazione
    07/11/17
    Messaggi
    1
    Grazie dati
    0
    Ringraziato 0 volte in 0 post
    Mentioned
    0 Post(s)

    Predefinito Re: Creare il vostro primo Tema

    Questo è molto utile Grazie!

Tag per Questa Discussione

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
Seguici!
P.IVA: 02750560738
Cionfs © - Cionfs ® - Marchio registrato numero 0001524896
© Cionfs'Forum CMS - Cionfs'Forum CMS - Guide Gratis - Supporto CMS - E' vietata la copia anche parziale senza autorizzazione.
Questo sito utilizza cookie propri e di terze parti. Clicca su per accettare. Per negare il consenso e saperne di più Leggi qui.
Cliccando su "accetto", scorrendo questa pagina, cliccando su un link o proseguendo la navigazione in altra maniera, acconsenti all’uso dei cookie.