Overblog Suivre ce blog
Editer la page Administration Créer mon blog
/ / /

Voici le code pour le design Geek & Pop. Il s'agit d'un thème simple, jeune et actuel. Il a l'avantage d'être très léger et donc de ne pas faire attendre vos visiteurs quand ils chargent une page. 

 

http://s184071377.onlinehome.fr/guitarizon/Geek&Pop.jpeg

 

Caractéristiques : 

- Ce thème fonctionne seulement si vos blog à 2 colonnes.

- Le titre du Blog n'est pas fourni. Vous pouvez demander pour en avoir un personnalisé gratuitement.

 

Le tutoriel

 

En cas de problème, n'hésitez pas à poster un commentaire ci-dessous. Voici la marche à suivre.

 

1. Aller dans la partie administration d'over-blog.

2. Dans l'onglet configurer, cliquez sur design.

3. Cliquez ensuite sur personnaliser mon thème.

4. Dans la partie mon style vérifiez que la case appliquer ma feuille de style personnalisée est cochée.

5. Copiez code ci-dessous (juste ce qu'il y a en fond bleu). Si il y a déjà un code présent, il faut le supprimer.

6. Pensez à enregistrer et c'est fini.

 

Code CSS

*{ margin:0; padding:0;}

 

body{ 

font-size: 80%; /* Resets 1em to 16px */

font-family: 'Arial', Sans-Serif;

background: #d5d6d7 url('http://s184071377.onlinehome.fr/guitarizon/bg-tile.jpg');

color: #666666;

text-align: center;

margin:0;

padding:0;

}

 

html {

margin:0;

padding:0;

}

 

h1 {

font-size:1.5em;

color: #666666;

letter-spacing:-0.1em;

}

h2 {

font-size:1.5em;

color: #666666;

letter-spacing:-0.1em;

}

h3 {

font-size:1.3em;

color: #666666;

letter-spacing:-0.1em;

}

h4 {

font-size:1.3em;

color: #666666;

letter-spacing:-0.1em;

}

p {

margin:0;

padding:0;

line-height:1.2em;

}

 

a:link, a:visited { color:#bcd600;}

img {border:none;}

 

/* End Typography & Colors */

 

/* Begin Structure */

 

/* Content */

 

#global{

margin-left:auto;

margin-right:auto;

margin-top:-20px;

text-align:left;

background:url('http://s184071377.onlinehome.fr/guitarizon/header-stripes.jpg') no-repeat top right;

 

}

 

.ln{width:1005px; margin:auto;}

 

#cl_0_0 .pub{

float:left;

margin:100px 0 10px 0;

}

 

#cl_0_0 #header {

height: 200px;

}

 

 

 

#cl_0_0 #header #top{

float:left;

margin:10px 0;

position:absolute;

}

 

#cl_1_0{

clear: both;

width:655px;

margin:10px

background-color:white;

float:left;

}

 

#cl_1_1{

margin:10px;

width:310px;

padding:0 10px 0 10px;

float:left;

}

 

.extraits .extraitArticle, .column_content .article{

width:635px;

background-color:white;

background:url('http://s184071377.onlinehome.fr/guitarizon/blog-wht-top-bg.jpg') no-repeat top;

}

 

.extraits .extraitArticle .dateExtrait, .column_content .beforeArticle{

padding:20px 20px 0 10px;

}

.extraits .extraitArticle .infoExtrait, .column_content .divTitreArticle{

padding:0 20px 10px 10px;

}

 

.hrExtrait{

 

width:610px;

}

 

.extraits .extraitArticle .extrait, .extraits .extraitArticle .socialShare, .column_content .contenuArticle,  .column_content .socialShare, .column_content .afterArticle {

margin:0 0 0 -9px;

padding:0 20px 0 20px;

width:610px;

background:url('http://s184071377.onlinehome.fr/guitarizon/blog-wht-vertical-bg.jpg') repeat-y;

}

 

.extraits .extraitArticle .plusExtrait, .column_content .article_navigation{

margin:0 0 0 -9px;

padding:0 20px 40px 20px;

width:610px;

background:url('http://s184071377.onlinehome.fr/guitarizon/blog-wht-bottom-bg.jpg') no-repeat bottom left;

}

 

.adsense .afterArticle{

margin:0 0 0 -20px;

padding:0 20px 40px 20px;

width:610px;

background:url('http://s184071377.onlinehome.fr/guitarizon/blog-wht-bottom-bg.jpg') no-repeat bottom left;

}

 

.column_content .article_navigation,  .column_content .socialShare, .column_content .afterArticle{

padding-top:20px;

}

 

/* Colonne de  droite*/

 

#cl_1_1 .column_content h2{

margin: 0;

padding: 5px 0 5px 0;

}

 


#cl_1_1 .column_content a:link, #cl_1_1 .column_content a:visited {

text-decoration: none;

color: #666;

}

 

#cl_1_1 .column_content ul li{

color: #666;

display: block;

padding-top: 7px;

padding-bottom: 7px;

background-image: url(http://s184071377.onlinehome.fr/guitarizon/horizontal-line-sidebar.jpg);

background-repeat: repeat-x;

background-position: top;

}

 

#cacher{

display:none;

}

 

 

Partager cette page

Repost 0
Published by

Catégories