Depuis la dernière mise à jour vous pouvez à présent choisir entre deux 'apparences types' pour votre blog. L'apparence 1 est plus sympatique si vous postez souvent des articles sur votre blog, tandis que l'apparence 2 (celle de PimpMyBlog) est plus pratique pour les artistes, organisateurs et les personnes qui veulent plus avoir une page profil qu'un blog.

Pour choisir l'apparence il faut aller dans 'Modifier mon profil' dans 'Gérer mon compte' et sélectionner l’apparence 1 ou 2 (en indiquant si vous souhaitez rendre votre page privée ou non)
Pour la nouvelle apparence (la 2 donc) voici les noms des nouveaux blocs pour les modifier :
Le bloc de gauche fond-titre_large fait 300 pixels de large et le bloc de droite titre_rubrique_extra_blog fait 636 pixels.

Nous vous proposons ci-dessous une variante des anciens codes qui vous permet de faire un cadre sans avoir besoin de mettre une image de fond pour les titres des blocs :

.fond-titre_large{
border-width: 3px;
color: #00015b;
background:#ffc31f;
border-style: solid;
border-color: #db3328;
}
.titre_rubrique_extra_blog{
border-width: 3px;
color: #00015b;
background:#ffc31f;
border-style: solid;
border-color: #db3328;
}

N’oubliez pas les balises de style avant et après vos codes ! <style></style>

Sommaire de Pimp my Blog !
0/ CSS et code HTML
1/ Ajouter des balises de style
2/ Changer la couleur de fond
3/ Mettre une image en fond
4/ Changer la couleur des liens
5/ Changer la couleur du texte
6/ Changer les puces
7/ Changer les images de fond et la couleur de texte des titres
8/ Changer la couleur des bordures et lignes
9/ Transformer les images du menu en liens texte
10/ Changer les boutons
11/ Ajouter une image dans ma description
12/ Ajouter une vidéo dans ma description
13/ Ajouter du texte qui défile

Si vous avez des questions n'hesitez pas à les poster en commentaires plutôt que d'envoyer un message privée. Comme ca les réponses peuvent servir à tout le monde.

Rien de très difficile, utilisez le code suivant en remplaçant avec votre propre texte ou image :

<marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="3" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()">
<strong>
<em>
Pimp My Blog !! Boost ton D-Blog ! blah blah blah…
</em>
</strong>
</marquee>

Pimp My Blog !! Boost ton D-Blog ! blah blah blah…

Vous pouvez modifiez certaines valeurs :
direction= peut avoir la valeur left, right, up, down
scrollamount= détermine la vitesse de défilement, plus le chiffre est élevé plus le défilement est rapide.

Tout d’abord nous vous conseillons d’allez lire notre tutorial pour ajouter une video sur un article de blog :
http://www.d-clubs.com/news/?p=15

En effet, la mise en ligne d’une vidéo dans votre description, doit obligatoirement passer par l’ajout de la vidéo sur un site autre comme youtube, dailymotion, wideo, kewego etc… Ensuite copiez le code ‘embed’ dans votre description.

Cependant pour que la vidéo rentre pile poil dans le bloc, sans le décaler, vous devriez indiquer une taille maximum de 170 pixels de large. Exemple :

<object width="170" height="110"><param name="movie" value="http://www.dailymotion.com/swf/22guscptGlCky5Otu"></param><param name="allowfullscreen" value="true"></param><embed src="http://www.dailymotion.com/swf/22guscptGlCky5Otu" type="application/x-shockwave-flash" width="170" height="110" allowfullscreen="true"></embed></object>

Cela donne:

Pour ajouter une image dans votre description sur la droite vous devez héberger l’image quelque part (sur votre galerie photos D-clubs par exemple) et veillez à ce que l’image ne dépasse pas 170 pixels de large, si vous ne voulez pas que ça décale le bloc.

Ensuite copiez ce code avec l’adresse de votre image, directement dans votre description:

<img src="http://www.monhebergeur.com/monimage.jpg">


Exemple:

Pour changer les boutons (quand vous êtes sur un article seul) voici le code à modifier :
<style>
.input_button{
background-color:#db3328;
border-color:#ffffff;
color:#ffffff;
}
</style>

Cela donne ce bouton :