Barre des titres Html/Css

Résolu/Fermé
Utilisateur anonyme - 4 nov. 2009 à 11:33
 Utilisateur anonyme - 9 nov. 2009 à 21:51
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 mercredi 21 octobre 2009 Statut Membre Dernière intervention 4 novembre 2009 11
4 nov. 2009 à 11:37
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
4 nov. 2009 à 11:40
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 mercredi 21 octobre 2009 Statut Membre Dernière intervention 4 novembre 2009 11
4 nov. 2009 à 11:50
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
4 nov. 2009 à 11:52
^^

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
9 nov. 2009 à 11:27
UP ! Personne ?
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
9 nov. 2009 à 18:20
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
9 nov. 2009 à 20:03
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 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
9 nov. 2009 à 20:15
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
9 nov. 2009 à 21:51
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