Code d'encadrement.

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

Résolu Code d'encadrement.

Message par Rirou le Jeu 10 Jan 2013 - 16:39

Bonjour/Bonsoir,
Je voudrait s'il vous plait un code pour faire un cadre centré mais avec le HTML. Je le voudras moyen(ni petit ni grand). Désolé de vous demander ça car je ne suis très bonne en HTML ou codage.


Voilà merci d'avance Very Happy
Rirou.


Dernière édition par Rirou le Jeu 10 Jan 2013 - 18:14, édité 1 fois

Rirou
**

Féminin
Messages : 68
Inscrit(e) le : 06/09/2012

http://made-of-blood.forumactif.be/
Rirou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'encadrement.

Message par Matriochka le Jeu 10 Jan 2013 - 17:48

Bonjour,

Il faut apprendre, dans ce cas Smile

Pour le cadre, il faut le créer avec une div, comme ceci :
Code:
<div id="cadre">TON TEXTE ICI</div>
Là, je l’ai appelé cadre, ce qui va me permettre de lui donner du style dans la feuille CSS.

Va dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS, et procède ainsi (je te mets des notes pour chaque ligne afin que tu comprennes leur utilité) :
Code:
#cadre {
background-color:#FFFFFF; /* couleur du fond du cadre */
border:1px solid #000000; /* bordure du cadre */
padding:10px; /* marge interne pour ne pas que le texte colle au bord */
width:400px; /* largeur du cadre */
height:150px; /* hauteur du cadre */}
Voilà. Avec ça, tu pourras avoir un cadre de 400 pixels de largeur et de 150 pixels de hauteur, que tu pourras évidemment changer. Le fond est actuellement blanc et la bordure est noire, mais là pareil, tu peux modifier par les couleurs que tu veux.

Je te conseille vivement d’apprendre les basses HTML / CSS si tu veux pouvoir faire ça toute seule à l’avenir Smile J’espère que là, tu as pu comprendre un peu le fonctionnement.

Matriochka
+ Hyperactif +

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

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

Résolu Re: Code d'encadrement.

Message par Rirou le Jeu 10 Jan 2013 - 17:51

Merci mais avant j'avais utiliser la page CSS et validée le contenue.Si j'efface tout son contenue pour écrire le code tout sera effacer?Enfin je veut dire le code effacer n'auras plus aucun effet sur le forum?

Rirou
**

Féminin
Messages : 68
Inscrit(e) le : 06/09/2012

http://made-of-blood.forumactif.be/
Rirou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'encadrement.

Message par Matriochka le Jeu 10 Jan 2013 - 17:59

Ben, si tu as du contenu dans ta feuille de styles CSS, garde-le Smile Tu n’as qu’à ajouter celui que je t’ai donné à la suite des lignes que tu as déjà.

Matriochka
+ Hyperactif +

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

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

Résolu Re: Code d'encadrement.

Message par Rirou le Jeu 10 Jan 2013 - 18:05

ah d'accord merci Very Happy sa a marché Very Happy
mais si je veux apprendre le HTML tu me conseil comment?

Rirou
**

Féminin
Messages : 68
Inscrit(e) le : 06/09/2012

http://made-of-blood.forumactif.be/
Rirou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'encadrement.

Message par Matriochka le Jeu 10 Jan 2013 - 18:10

Et bien, tu peux déjà regarder quelques tutoriels ici, propres à Forumactif :
http://forum.forumactif.com/t301865-le-html-comment-ca-marche
http://forum.forumactif.com/t301866-le-css-comment-ca-marche
http://forum.forumactif.com/t274033-les-principaux-identifiants-css-phpbb2-phpbb3

Après sinon, tu as d'autres tutoriels sous formes de cours disponibles sur divers sites, par exemple ici :
http://www.siteduzero.com/
http://fr.html.net/

Matriochka
+ Hyperactif +

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

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

Résolu Re: Code d'encadrement.

Message par Rirou le Jeu 10 Jan 2013 - 18:14

merci pour les lien Very Happy et pour l'aide

Rirou
**

Féminin
Messages : 68
Inscrit(e) le : 06/09/2012

http://made-of-blood.forumactif.be/
Rirou 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