Page de présentation

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Page de présentation

Message par Nyko-neko le Sam 16 Fév 2013 - 20:45

Bonjour, je suis sous un forum PHPBB2 sous chrome, et je suis fondateur. je voulais vous demandez comment doit-on faire pour placer du texte sur une image?

pourquoi? car en fait, je cherche à faire une page de présentation pour mon fo', et je voudrais pouvoir changer l'image de fond par le css pour chaque décore.

Mais je ne sais pas comment on fait un bloc texte(enfin 4) sur une image.

pourriez vous m'expliquer comment on fait pour créer un block texte? comment le positionner? en définir la taille? y placer une scrollbar? et surtout comment faire pour placer ces blocs sur une image?

merci de vos aides >.<

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page de présentation

Message par Matriochka le Dim 17 Fév 2013 - 11:58

Bonjour,

Il faut utiliser une div, dans laquelle tu mets ton image en fond. Comme ceci :

Code:
<div id="fond">Ton texte ici</div>
Puis dans ton CSS :
Code:
#fond {
background-image:url("ton_image_ici");}

Pour le reste, tu peux largement te documenter avec tous les tutoriels disponibles sur Internet à propos du CSS / HTML Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page de présentation

Message par FANCH 56 le Dim 17 Fév 2013 - 12:01

Bonjour

Chrome n'est pas l'outil idéal pour gérer les codes html du forum

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page de présentation

Message par Nyko-neko le Dim 17 Fév 2013 - 13:01

@Matriochka a écrit:Bonjour,

Il faut utiliser une div, dans laquelle tu mets ton image en fond. Comme ceci :

Code:
<div id="fond">Ton texte ici</div>
Puis dans ton CSS :
Code:
#fond {
background-image:url("ton_image_ici");}

Pour le reste, tu peux largement te documenter avec tous les tutoriels disponibles sur Internet à propos du CSS / HTML Wink

merci Smile, juste comment je peux faire pour que mon image s'affiche en entier? car pour le moment ça me fais ça:
http://test-n-chi.forumactif.org/t4-test-de-fiche-de-presta#5

j'aimerai que mon image s'affiche en enter :/

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page de présentation

Message par Matriochka le Dim 17 Fév 2013 - 13:03

Ah oui exact, j’ai oublié de préciser !

Il faut déclarer la largeur et la hauteur de ton image, comme ceci :
Code:
#fond {
background-image:url("ton_image_ici");
width:**px; /* largeur */
height:**px; /* hauteur */}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page de présentation

Message par Nyko-neko le Dim 17 Fév 2013 - 19:13

meeercciii Smile

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page de présentation

Message par Matriochka le Dim 17 Fév 2013 - 19:17

De rien Smile
Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile


Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum