Modifiche al css delle skin

Versione Completa Stampa Cerca Utenti Iscriviti Condividi :

ELF - EndLess Field: Fanworks su Holly e Benji/Capitan Tsubasa » ELF - EndLess Field: Fanworks su Holly e Benji/Capitan Tsubasa » Angolino tecnologico » Seri-Fiction

Makichan

00mercoledì 28 maggio 2008 11:47

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]

(Domaris)

00mercoledì 28 maggio 2008 12:58

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

Makichan

00mercoledì 28 maggio 2008 15:12

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 =)

(Domaris)

00mercoledì 28 maggio 2008 15:53

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

cassiana

00domenica 19 luglio 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

Makichan

00lunedì 20 luglio 2009 01:31

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?

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 =)

cassiana

00venerdì 24 luglio 2009 07:53

Oh, grazie! Faccio un pò di prove e ti dico. Sei stata gentilissima!

Questa è la versione 'lo-fi' del Forum Per visualizzare la versione completa clicca qui
Tutti gli orari sono GMT+01:00. Adesso sono le 23:15.