Layout #07 Sevy en B&W à partir du header de Iconseeyou

[zazaone]

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....