ELF -EndLess Field

Fanworks su Holly e Benji/Capitan Tsubasa



Ristrutturazione!
Ed ecco che il vecchio forum diventa tutto per ELF, il nostro sito di fanfiction e fanarts su Capitan Tsubasa, in Italia conosciuto come Holly e Benji!


Nuova Discussione
Rispondi
 
Pagina precedente | 1 | Pagina successiva
Stampa | Notifica email    
Autore

Modifiche al css delle skin

Ultimo Aggiornamento: 24/07/2009 07:53
28/05/2008 11:47
 
Email
 
Scheda Utente
 
Quota
OFFLINE
Post: 1.967
Imperatrix
Logorroico...
Re:
(Domaris), 28/05/2008 3.46:


Se qualcuno fosse in grado di spiegarmi (se è possibile) come rendere fissa la skin di Maki sarei in paradiso (uso il portatile e la pagina che si allarga a dismisura è di difficile lettura)




Che carina la skin!
Se vuoi renderla fissa o con una larghezza minore, ti basta modificare poche cose nel css:
#container {
width:100%;
background-color:#FFFFFF;
}

Qui cambi la larghezza da 100% a quella che preferisci; se lo vuoi fisso, basta impostare la larghezza in px (non so, 760px ad esempio).

body {
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
border-bottom: 1px dotted #161d87;
}

Qui devi trasformare margin:0px; in margin: auto; e impostare il testo a centrato, così la skin ti verrà automaticamente al centro con i margini uguali a destra e sinistra.


Complimenti per la skin [SM=x1110651]
28/05/2008 12:58
 
Email
 
Scheda Utente
 
Quota
OFFLINE
Post: 3
Niubbo
Grazie mille Maki, è la tua skin di partenza che è molto bella!

Grazie soprattutto per le istruzioni per modificare il css, appena avrò finito il trasferimento da helloweb a ilbello (dove non ho problemi di scritte strane nelle pagine) ci proverò!

Hemm, scusa se ti disturbo ancora, ma qual'è il comando per centrare la skin nel css? Purtroppo non ho ancora imparato ad usare i fogli di stile :(

libereparole.ilbello.com
[Modificato da (Domaris) 28/05/2008 13:21]
28/05/2008 15:12
 
Email
 
Scheda Utente
 
Quota
OFFLINE
Post: 1.967
Imperatrix
Logorroico...
Ops, scusa, mi sono confusa XD
In pratica prendi
#container {
width:100%;
background-color:#FFFFFF;
}


trasforma in


#container {
width:100%;
margin:auto;
background-color:#FFFFFF;
}


e
body {
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
border-bottom: 1px dotted #161d87;
}

in

body {
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
border-bottom: 1px dotted #161d87;
text-align:center;}

Dovrebbe andare =)
28/05/2008 15:53
 
Email
 
Scheda Utente
 
Quota
OFFLINE
Post: 3
Niubbo
Sarebbe perfetto, se non mi allineasse al centro anche gli elenchi delle storie, cosa che odio :(
Non preoccuparti, lo lascio di lato, così mi evito di dover ridisegnare il banner.

Grazie di nuovo a te e naturalmente a Serintage per questo script che è facilissimo da gestire ed anche molto veloce.

libereparole.ilbello.com
[Modificato da (Domaris) 28/05/2008 15:54]
19/07/2009 23:12
 
Email
 
Scheda Utente
 
Quota
OFFLINE
Post: 8
Niubbo
Rieccomi! Questa volta con un problemino di grafica. Dunque ho questa immagine che vorrei inserire come sfondo a tutta la pagina (tranne l'header) ma non ci riesco...un aiutino? [SM=x1110711]



Questo è quello che sono riuscita a fare
20/07/2009 01:31
 
Email
 
Scheda Utente
 
Quota
OFFLINE
Post: 1.967
Imperatrix
Logorroico...
Re:
cassiana, 19/07/2009 23.12:

Rieccomi! Questa volta con un problemino di grafica. Dunque ho questa immagine che vorrei inserire come sfondo a tutta la pagina (tranne l'header) ma non ci riesco...un aiutino? [SM=x1110711]



Questo è quello che sono riuscita a fare




Ok, questa è semplice da spiegare.

Questo è il tuo codice:

body {    font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	border-bottom: 1px dotted #9966CC;
             
}

#container {
	width:100%;
	background-color: #FFFFFF;
             
}


#header{
	height:400px;
	background-image:url(images/purplelay07big2.JPG);
	background-repeat:no-repeat;
	background-position:left top;
	background-color: trasparent;
}


Se lo vuoi per tutta la pagina ESCLUSO l'header deve diventare:

body {    font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	border-bottom: 1px dotted #9966CC;
        background-image:url(images/purplelay07big2.JPG);
	background-repeat:no-repeat;
	background-position:left top;
	background-color: trasparent;
             
}

#container {
	width:80%;
	background-color: #FFFFFF;
             
}


#header{
	height:400px;
        background-color: #FFFFFF;
	
}


Ho messo la larghezza del container a 80% così si vedrà lo sfondo ;)
Dimmi se è ciò che ti serviva o meno =)
24/07/2009 07:53
 
Email
 
Scheda Utente
 
Quota
OFFLINE
Post: 8
Niubbo
Oh, grazie! Faccio un pò di prove e ti dico. Sei stata gentilissima!
Pagina precedente | 1 | Pagina successiva
Nuova Discussione
Rispondi
Cerca nel forum

Feed | Forum | Bacheca | Album | Utenti | Cerca | Login | Registrati | Amministra
Crea forum gratis, gestisci la tua comunità! Iscriviti a FreeForumZone
FreeForumZone [v.6.1] - Leggendo la pagina si accettano regolamento e privacy
Tutti gli orari sono GMT+01:00. Adesso sono le 12:36. Versione: Stampabile | Mobile
Copyright © 2000-2024 FFZ srl - www.freeforumzone.com