Créer une feuille de style pour fichier rss

Créer une feuille de style pour votre fichier rss.
voire la video

Télécharger le fichier rss.php
Télécharger le fichier rss_style.css

Alignement vertical

ibloomstudios nous donnes un trés bon article sur la propriété d'alignement vertical ( vertical-align ).
ça se passe ici Vertical-Align Misuse*
* : Anglais

ajouter un symbole aprés un lien visité

h2 a:visited:after {
    content:"texte après le lien";
    }

Lorsque vous cliquez sur le lien le texte : texte après le lien  apparaitera après le lien. 

Bien sur vous pouvez le changer.    Si vous voulez ajouter le check mark par exemple mettez \00A0\2713

Vous trouverez d'autres caractères ici : Unicode Character Code Charts

Créer un menu verticale a partir d'une liste a puce

Créer un menu verticale a partir d’une liste a puce, cela peut s’avéré très pratique si on veut créer se genre de menu sans avoir recours aux images et aux tableaux. Ce qu’il faut pour ça : Une liste a puce


     
  • menu 1

  •  
  • menu 2

  •  
  • menu 3

Et un petit peu de style

 

Ce que nous allons faire maintenant c’est de redéfinir l’aspect de ces balises li et ul 1. supprimer les puces :

    list-style-type: none;

2. supprimer les marges :

margin: 0px;
padding: 0px;

Bien sur avec de la mise en forme pour la forme finale et c’est fini :

ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
li {
background-color: #FFCC00;
display: block;
padding: 3px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
text-decoration: none;
font-weight: bold;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
Li:hover {
background-color: # 000000;
display: block;
padding: 3px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
text-decoration: none;
font-weight: bold;
color: #FFCC00;
font-family: Arial, Helvetica, sans-serif;
}

Comment centrer une Balise DIV dans une page

le trucs est simple

  html, body {
  height: 100%;
  }
 
  #zone{
  display:block;
  text-align:left;
  background-color: #292929;
  width: 770px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  }

ça c'est pour le style, maintenant dans la page vous mettez simplement une balise DIV avec zone comme id :

<div id="zone"></div>
1