Guida per l'editazione dell'Header
From Shark Lair
Al momento qui c'è solo una collezione di link utili per imparare, col tempo e la volgia magari verrà una guida vera e propria.
Per comodità metto anche qui il link al nostro Header
Contents |
Faq e Guide
Prima parte della guida CSS per editare l'header del sito
Seconda parte della guida CSS per editare l'header del sito
Ulteriore guida in inglese
Header di siti interessanti
Sfondo tutto nero scritte blu
Fosfori verdi
Backup vecchi header
Solo background verde
La mia prima modificazione dell'header, solo sfondo verde con scritte nere.
<style type="text/css">
body {
background: #00EE76;
color: black;
}
</style>
Fosfori verdi
Tutto nero con scritte verdi e blu scuro, necessita di qualche bugfix dato che rimangono delle scritte ancora nere che quindi non si leggono.
<style type="text/css">
/* Colori di default */
body {
background: Black; color: #00FF00;
}
- content { background : #000000; }
- content { color : #00FF00; }
- content { border: 1px solid #008000; }
/* Colore dei link */ a { color: #7070FF; } a:visited { color: #9090D0; } a:active, a.new { color: #FF4040; } a.interwiki, a.external { color: #5386DB; } a.stub { color: #974253; }
/* Colori della textbox di edit dei testi */ textarea { color: #90FF90; } textarea { background : #001000; }
/* Casella user (quella con i link alle preferenze, alla pagina utente personale ecc.) */
.autocomment { color: #00FF00; } fieldset {
background: transparent; border: 1px solid #004000;
} legend {
background: transparent; border: 1px solid #004000;
}
hr {
color: #00FF00; background-color: #000000;
}
/* Colore della editbox Cerca nella colonna a fianco */
- searchInput {
border: 1px inset !important; color: #00FF00; background : #000000;
}
input.searchButton {
background : #000000; border-top: 2px solid #00FFFF; border-left: 2px solid #00FFFF; border-right: 2px solid #008080; border-bottom: 2px solid #008080; color : #00FF00;
}
/* .portlet e .pBody: sfondo e titoletto per tutti */ /* i blocchi della colonna a sinistra */
.portlet {
background: #000000; color: #00FF00;
}
.pBody {
background: #000000; color: #00FF00;
}
/* Colori dei link utente/discussione/ecc. nei tab in cima alla pagina */
- p-cactions { background: #000000; }
- p-cactions li {
background: #000000; border-color: #008000;
}
- p-cactions li.selected { background: #000000; }
- p-cactions li.new { background: #000000; }
- p-cactions li a {
background: #000000; color : #00FF00;
}
- p-cactions #ca-nstab-wp a { background: #000000; }
- p-cactions #ca-nstab-user a { background: #000000; }
- p-cactions #ca-nstab-main a { background: #000000; }
- p-cactions #ca-nstab-help a { background: #000000; }
- p-cactions #ca-edit a { background: #000000; }
- p-cactions #ca-talk a { background: #000000; }
- p-cactions #ca-watch a { background: #000000; }
- p-cactions #ca-unwatch a { background: #000000; }
- p-cactions #ca-move a { background: #000000; }
- p-cactions #ca-history a { background: #000000; }
- p-cactions #ca-article a { background: #000000; }
- p-cactions #ca-protect a { background: #000000; }
- p-cactions #ca-unprotect a { background: #000000; }
- p-cactions #ca-delete a { background: #000000; }
</style>
