Creare il vostro primo Tema
Si prega di disabilitare gli script di anti adblock per visualizzare questa pagina
NAV
Ciao, ospite! Accedi o Registrati su Stertix.it
Accedi con Facebook LoginRegistrati
Registrati adesso è GRATUITO

Appena entrato avrai:
Norton Safe Web Connessione HTTPS Sicura

Registrati Adesso!

Pubblicità


Tag: Creare, vostro, primo, Tema,
Nuova Discussione
Rispondi alla Discussione
 
Valutazione discussione:
  • 0 voti - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Guida Creare il vostro primo Tema
1486 Visite
Tecnico e Gestore
*******
5,021.00C
2013 Mar
123
1,335
Amministratore

Grafico
Utente Hacker
Utente Notturno
Youtubers
Messaggio: #1
Guida Creare il vostro primo Tema
05/04/2013 23:09

Aggiorna il tuo account per nascondere gli annunci pubblicitari.

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

[Immagine: 2ur2r9c.png]
[Immagine: wvaelk.png]
Ecco uno screen che mostra i selettori di forumdisplay
[Immagine: 2koayd.png]
Ecco uno screen che mostra i selettori di showthread
[Immagine: 20iw669.png]
Questi sono i principali selettori da modificare. Per altre info basta chiedere

CSS

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:
<html
<
head
<
title>Prova Guida</title
<
style type="text/css"
<!-- 
Nostro codice css --> 
</
style
</
head
<
body>Ciao</body
</
html


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:
<div class="nomeselettore">Contenuto</div
<
div id="nomeselettore">Contenuto</div


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
.selettore {proprietà1definizione1;} 


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

.selettore {background-color#123456} 

Si può anche definire un'immagine

.selettore {background-imageurl(indirizzoimmagine);} 

Questa immagine si può ripetere in orizzontale, verticale o in tutti e due i modi.

.selettore {background-imageUrl(indirizzoimmagine); background-repeatrepeat-x

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: Web

Firma:

Ciao Carò Utente Hai un Problema o una Domanda? bhe allora Contattaci:

Email: info@stertix.it
Skype: Stertix.forum
Facebook: Stertix Forum

EMINEM & RIHANNA
[Immagine: 9vJLLEP.gif][Immagine: AUpdxc9.gif]

Rispondi


Utente Attivo
**
1.00C
2013 Apr
1
156
Utente Attivo

Utente Cazzeggiatore
Utente Folle
Utente Pigro
Utente Saggio
Messaggio: #2
Guida Creare il vostro primo Tema
22/04/2013 19:10



Soprattutto utile per chi ne volesse creare uno di forum..
COMPLIMENTI


Appllaude


*Clap Clap*

Davvero utile

Rispondi


(Questo messaggio è stato modificato l'ultima volta il: 22/04/2013 19:13 da iPhone.)
Utente Attivo
**
1.00C
2013 Jul
9
208
Utente Attivo

Messaggio: #3
Guida Creare il vostro primo Tema
09/07/2013 22:41


Scusa Per Aver Riaperto Un Topic Molto Vecchio ,
Ma Volevo Darti Un Mio Giudizio
Questa Guida è Molto Dettagliata
ed è un punto D'orientamento Per
Chi è Alle Prime Armi e Ne Volesse Creare Uno ;)

Bravo

Rispondi


Utente Medio
**
5.00C
2014 Mar
5
56
Utente Medio

Utente Habbo
Utente Notturno
Utente Retroservista
Utente Saggio
Messaggio: #4
Guida Creare il vostro primo Tema
13/04/2014 10:29


Bravo @MarkSelux Rilievo meritato!! 10/10

Inviato dal mio GT-I9505 utilizzando Tapatalk


Firma:

Rispetta le regole di Stertix! RH.
Taggami quando vuoi!

Rispondi


Utente Genio
****
1.00C
2013 Nov
19
253
Utente Genio

Utente Cazzeggiatore
Utente Drogato
Utente Folle
Utente Habbo
Utente Minecraft
Utente Notturno
Utente Pigro
Utente Retroservista
Utente Saggio
Utente Stertix
Messaggio: #5
Guida Creare il vostro primo Tema
21/04/2014 00:01


Bravo bellisima guida


Sent from my iPhone using Tapatalk

Rispondi


Aggiorna il tuo account per nascondere gli annunci pubblicitari.



Facebook Twitter Linkedin MySpace Technorati Digg

Utente(i) che stanno guardando questa discussione: 1 Ospite(i)



Discussioni correlate...
Discussione: Autore Risposte: Letto: Ultimo messaggio
  [Azzurro] Tema Metro Ciaoragazzimito 3 1,203 05/02/2015 14:19
Ultimo messaggio: matti378
  [NERO/BIANCO]ModernVB[TEMA] Ciaoragazzimito 2 1,042 09/04/2014 20:38
Ultimo messaggio: Ciaoragazzimito
  Release Tema vB Per MyBB ~Zark™ 0 3,065 05/09/2013 10:24
Ultimo messaggio: ~Zark™



contatore