Header D Grayman Kanda + codes

[zazaone]

Boudiou ! 6 mois sans poster ici !
Pourtant j'ai fait des icons mais pour une communauté nommée papotus_sempra . Je ferai sans doute un post récapitulatif ici car j'en aime beaucoup certaine et j'aurai ainsi une archive...mais là n'est pas le but de ce post.
Donc, pour missssss
lilou_black , à sa demande j'avais fait un header à partir d'une image de Kanda, personnage de D-Grayman et comme elle ne s'en sert plus, je le mets ici !



Par contre ne rêvez pas.... vous n'aurez pas droit à la belle écriture du titre et du sous-titre car elle était intégrée à l'image du header. J'ai replacé les codes de bases pour vous. Voici ce que cela donne :



Et si vous voulez, rien ne vous empêche de virer les codes pour le titre et le sous-titre et, tout comme moi, les placer sur l'image du header grâce à un logiciel tel Photoshop, PSP, The Gimp ou autre....

J'oubliais de dire que le layout est Expressive River at Night
Egalement, il vous faudra héberger le header que voici :



Voici les codes.... attention ! Ouvrez-les avec Wordpad et non avec Word qui a tendance à transformer les codes ! Ou évidemment Dreamweaver si vous l'avez.  Une partie des codes permettent de personnaliser la mini icon se trouvant devant un pseudo ou le nom d'une communauté. A vous de l'utiliser ou pas, comme vous le voulez.

/* le header D-Gray Man Kanda par Zazaone sur' Expressive River at night */

#header {
position: static;
height: 215px;
width: 940px;
background-color: transparent;
}

#header-inner {
position: static, center;
background-image: url(URL HEADER HERE);
background-repeat: no-repeat;
height: 215px;
width: 940px;
}

ul.nav {
display:block;
float:left;
width:125px;
margin: 5px 0px 0px -14px;
padding:0px 0px 0px 0px;
border-right:0px;
font-family: "tahoma";
font-size: 14px;
color: #1e2c3d;
text-decoration: none;
text-align:left;
line-height:37px;
list-style-type: none;
}

#header-content .nav .item {
border-color: transparent;
}

#header-text .nav a {
color: #1e2c3d;
text-decoration: none;
}

#header-text .nav .current a {
color: #79a8ab;
font-weight: bold;
font-size:16px;
text-decoration: none;
}

#header-text .nav a:hover {
color: #79a8ab;
font-weight: bold;
text-decoration: none;
font-size:16px;
background: url()no-repeat;
}

#header-name {
padding: 35px 0 0 420px;
color: #79a8ab;
font-weight: bold;
font-size: 18px;
text-decoration: none;
}/*if you don't want it put display: none;*/

#header-description {
text-align: right;
padding: 40px 200px 0 0px;
color: #79a8ab;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}

/* --- TINY ICONS --- codes de Passing_Girl*/
.ljuser img {
width: 0; height: 0;
background-repeat: no-repeat; background-color: transparent;
background-image: url(ADRESSE URL DE LA TINY ICON LJ USER);
padding: 16px 16px 0 2px !important;
}

/* --- User icons --- */
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
background-image: url(ADRESSE URL DE LA TINY ICON LJ USER);
padding: 16px 16px 0 2px !important;
}

/* --- Community icons --- */
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(ADRESSE URL DE LA TINY ICON LJ COMMUNAUTE);
padding: 16px 16px 0 2px !important;
}

Si vous avez des difficultés, n'hésitez pas à me demander dans un commentaire.
Merci d'être passé voir ici.