Il y a longtemps que je n'en avais pas mis un....
Tout est parti de ce superbe Header fait par
iconseeyou et de son icon.
Il provient de ce
POST-CI.
Bref, c'est un layout fabriqué un peu à l'arrache pour
sevys_now .... pas trop de temps à y consacrer. Donc un mélange de codes et aussi de changement sur le LJ layout....
Le voici le voilà !
(view bigger ? Click on...)
Règles ..... les habituelles :
- Pas de hot link ; sauvegardez tout sur votre ordi et hébergez par vous même toutes les images.
- Commentez.... ça fait toujours plaisir de savoir que quelqu'un a envie de prendre votre "travail" (plutôt du plaisir !!!)
- Créditez zaz_icons et
iconseeyou
Style Layout : S2 Flexible Squares
Testé avec : Firefox et Internet Explorer 6 et 7 sous Windows XP
A sauvegarder :
- le HEADER dont voici un aperçu
Il n'est pas de moi pas plus que l'icon.
- l'icon qui va avec :
A charger et copier/coller dans Démarrer ==> Panneau de configuration ==> Polices : la police
EUPHORIGENIC Mode d'emploi
Dans Journal Display , allez dans Customize
onglet Basic : soyez sûr d'avoir coché S2 dans Style System ..... Si vous le faites, n'oubliez pas de cliquer sur Save Changes
onglet Look and Feel : choisir Flexible Squares avec le Thème Disposition par défaut ..... Save Changes
onglet Custom Options : Section Présentation :
Section Colors :
Section Fonts :
Section Custom CSS : Vérifiez que les trois premières cases présentent bien les infos suivantes : YES / NO/ YES
Puis vous copiez avant de collez dans le cadre rectangulaire, le code que vous trouverez dans la boîte si dessous....
#content {
background-color: none;
border-width: 0px;
border-color: #55512c;
border-style: solid;
}
a, a:visited a:link {
text-decoration: none;
}
#maincontent {
padding-top: 75px;
background-color: #ffffff;
border-width: 0px;
}
.clear {
height: 5px;
}
#header {
width: 700px;
height: 300px;
padding-top: 5px;
margin: 0px;
text-align: center;
background: url(
http://img252.imageshack.us/img252/7607/0061t1wdmp9.png) top center no-repeat;
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
padding: 4px;
font-size: 15px;
font-family: "curlz mt";
font-weight: bold;
color: #989898;
text-align: center;
text-decoration: none;
}
div#header a:active {
color: #a7595b;}
div#header a:hover, div#footer a:hover {
padding: 4px;
color: #a7595b;
background-color: #989898;
border: none;
font-weight: bold;
text-decoration: none;
}
.title {
position: top;
padding: 1px 0 0 0px;
font-family: thickhead;
font-size: 22px;
color: #232323;
}
.subtitle {
position: top;
padding: -8px 0 0 0px;
margin-top: 0px;
font-family: "curlz mt";
font-size: 18px;
font-weight: bold;
color: #a7595b;
}
ul.navheader {
position: top;
padding-left: auto;
padding-right: auto;
padding-top: 300px;
padding-bottom: 1px;
margin-top: 1px;
}
ul.navheader li {
font-family: "curlz MT";
font-size: 12px;
display: inline;
padding: 0 5px 0 5px;
}
li.view {
color: #434343;
text-decoration: none;
}
.entry {
border-width: 0px;
background-color: #ffffff;
}
.userpicfriends {
border-style: solid;
border-width: 1px;
border-color: #434343;
font-family:"curlz MT";
font-size: 14px;
color: #a7595b;
}
.subject {
padding-top: 0px;
margin: 0px 0px 0px 5px;
background-color: #989898;
text-align: center;
color: #a7595b;
font-family: "euphorigenic";
font-size: 18px;
margin-top: 0px; }
/*sidebar*/
#sidebar {
background-color: #ffffff;
border-style: solid;
border-width: 0px;
border-color: #93966a;
}
.sbartitle {
background-color: #989898;
color: #dddddd;
}
li.sbartitle {
background-color: #989898;
font-family: "times new roman";
font-size: 16px;
color: #dddddd;
text-align: center;
}
#footer {
background-color: #989898;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
font-family: "curlz MT";
font-size: 15px;
}
li.viewing {
text-decoration: none;
color: #a7595b;
}
Il vous faudra changer l'adresse url que vous trouverez dans le code ; je pense que vous n'aurez pas de difficultés à trouver leur place respective.
Et n'oubliez pas de Save Changes...
Tadaaaaaaaaammmm !
Normalement tout est en place et vous pouvez profiter de votre nouveau layout !
N'hésitez pas à appeler au secours en cas de problème....