Barre des titres Html/Css

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
Bonjour,

Comment puis je procédé pour faire une barre des titres (avec date) pour mon blog ?

La barre des titres est composé de la date et enfin le titre ...

Voila deux aperçus pour vous donné une idée plus claire :

1) http://www.cijoint.fr/cjlink.php?file=cj200911/cijvCeNUfR.png
2) http://www.cijoint.fr/cjlink.php?file=cj200911/cijkd2RlKX.png

Est ce en Css ? Si oui comment le faire ?

Merci à celui ou celle qui se penchera sur mon cas :-)

9 réponses

papouuu86 Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   11
 
A premiere vue je dirais tu te fais une div avec ton image de fond (en css) puis tu mets ton titre à l'endroit que tu veux dans ton div
et enfin en php echo la date en définissant l'emplacement voulu.
0
Utilisateur anonyme
 
Hello Papouuu86, et merci d'avoir pris le temps de me répondre,

A premiere vue je dirais tu te fais une div avec ton image de fond

> J'ai pas d'image de fond,j'ai laisser mon fond blanc :-)

Ceci dit, pourrais tu me donné un peu plus de détails sur cette fonction "div"?

Tank's
0
papouuu86 Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   11
 
oula si tu veux commencer a coder il va falloir lire quelques tutos avant.
div n'est pas une fonction mais une balise très importante en HTML pour ce qui est de la programmation web..
quand je parle d'image de fond c'est l'image de ta div (sur tes exemples les banières avec le titre et la date ne sont pas blanches mais une image)

je te conseille de démarrer avec le site du zéro: https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

très simple pour les débutants tu apprendras les bases
0
Utilisateur anonyme
 
^^

J'ai lu ce tuto il ya bien longtemps ^^

Merci, je voudrait juste avoir plus de détails concernant cette balise ...

Mon site est fait entièrement en Html et Css ...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Utilisateur anonyme
 
UP ! Personne ?
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Commence d'abord par faire la partie XHTML et CSS, styler comme tu le veux.
Pour la partie PHP, ça dépends de ton CMS ou de la façon dont tu as codé ton site.
0
Utilisateur anonyme
 
Voila ce que j'ai pour l'instant :

CSS :

#barre
{
     background-image : url("url de ton image");
}

#barre h1
{
    padding-left : 3px;
    padding-top : 5px;
}
.date 
{
    padding-left : 70px;
    padding-top : 15px;
}


HTML :

<div id="barre">
<h1>Ton titre</h1>
<span class="date">Ta date</span>
</div>


Merci avion-f16 déjà :-)

Qu'est que vous en pensez ?
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Là, il n'y a que des espacements ...
Sur le span, tu pourrais le mettre à droite avec "float:right;", ça pourrait bien donner
0
Utilisateur anonyme
 
Sur le span, tu pourrais le mettre à droite avec "float:right;", ça pourrait bien donner

Non sa c'est juste pour la date que je l'ai mis ^^

0