Page de présentation

3 participants

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

Résolu Page de présentation

Message par Nyko-neko 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

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 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
avatar

Matriochka
Membre actif

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 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

FANCH 56
Membre actif

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

https://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 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

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 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 */}
avatar

Matriochka
Membre actif

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 Dim 17 Fév 2013 - 19:13

meeercciii Smile
Nyko-neko

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 Dim 17 Fév 2013 - 19:17

De rien Smile
Page de présentation Check10Afin 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 Page de présentation Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Page de présentation 50378

A bientôt sur ForumActif Smile

avatar

Matriochka
Membre actif

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

- Sujets similaires

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