Bloc de texte

Mes amis fan de programmations....

Vous avez n'avez jamais rêver de pouvoir diviser votre texte en "Bloc" sur vos site/fiche?


Vous remarquez les espèce de petit carré dans lequel le texte est enfermer? on voit même des barres pour descendre!

Alors aujourd'hui, on va apprendre à faire de simple "bloc"! (et à choisir leur positions et leur taille)

Mais à quoi cela va t'il me servir? Très simple: Tu as un fond avec une image précise, mais tu n'as pas envie de l'avoir en format "papier peint". Tu fait quoi? Tu la mets tout simplement dans son format maximal en image, en te fichant de la mettre en backrond. Puis après, tu as juste à créez ton bloc texte et à le repositionnez.

Voici alors le fameux code magique!!!!


<div style="border: 0px solid white; overflow: auto; position: absolute; left: 150pt; top: 150pt; width: 200pt; height: 200pt; text-align: center;">
texte
texte
texte
texte
texte
texte
texte
texte
</div>

Bon, maintenant, explications concrète: <div style= -- le code de base
"border: 0 px solid white; -- Les ligne de contour, avec le nombre de pixel (0) et la couleur. Vous pouvez enlever.
overflow: auto; position: absolute; -- NE TOUCHEZ SURTOUT PAS! (sincèrement, si vous voulez que ça fonctionne, pas touche.)
left: 150pt; -- à combien de pixel le "bloc" sera placé du bord gauche de votre fiche.
top: 150pt; -- à combien de pixel le bloc sera placé du haut de votre fiche.
width: 200pt; -- combien de pixel de longueur fera votre bloc
height: 200pt; -- combien de pixel de hauteur fera votre bloc
text-align: center;"> Pour mettre votre texte centré.

Et n'oubliez pas de mettre le </div> , si vous ne voulez pas que tout le reste de votre fiche se ramasse dans le bloc!


--------------------------------------------------------------------------------


Rollbox

Rollmops???? Naaaaaaaaaaaan Rollbox!

Comme son nom l'indique la rollbox est une boîte sui roule C'est pratique quand vous avez beaucoup de choses à dire puisque ça permet aux textes de ne pas prendre toute la place qu'ils devraient sur votre fiche.

Comment réaliser cette petite prouesse html??? C'est un peu dans le même genre que le fielset mais avec bien avidemment un code différent, que voici:

Citation:
<DIV style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 100px">votre blabla<br>blabla<br>blabla<br></DIV>


A rajouter comme le fieldset, en mode html, entre les codes d'ouverture et de fermeture de votre fond de fiche, là où vous voulez que la rollbox apparaissent sur votre fiche. Je vous conseille de mettre quelques lignes de textes en mode html, séparées par le code Citation:
<br>
(code du passage à la ligne), car s'il n'y a rien dedans vous allez avoir plus de difficultés.

A noter que si la hauteur de votre texte est inférieure à la hauteur de votre boite, la roulette n'apparaitra pas sur votre fiche. A ce moment là optez plutôt pour un fieldset ou une boite simple ou diminuez le nombre de pixels de la boite, ou bah, z'avez qu'à être plus bavard.

Si vous voulez centrer votre rollbox il suffit de mettre, en html, le code Citation:
<center>
juste avant le début du code de votre rollbox et Citation:
</center>
juste après.

A savoir également que sur les fiches d'equideo quand on chipote un peu en mode normal avec les couleurs et le texte, il y a parfois des codes qui se rajoutent. Si jamais votre rollbox prend TOUT le texte de votre fiche, alors que ce n'est pas prévu, pas de panique, rajoutez en mode html, le code Citation:
</div>
derrière le Citation:
</div>
de fermeture de votre rollbox.

Petite note à propos des couleurs, police et taille de texte

Par ailleurs, comme pour le fieldset, vous pouvez changer la police et la couleur de l'écriture de votre rollbox. Dans ce cas vous rajoutez votre texte entre ses balises-ci, elles mêmes insérées dans les balises de la rollbox, en mettant les caractéristiques désirées (tu suis toujours???)

Citation:
<font style="font-family: Arial; color: rgb(255, 255, 255); font-size: 14px; text-align: center;>VOTRE TEXTE</font>


Pour le choix de police, il vous suffit de remplacer century gothic par la police que vous voulez (lien avec liste des codes de police)

Pour le choix de couleur: le code de couleur se compose de trois chiffres, veillez à les insérer dans le bon ordre, sinon ça donnera une autre couleur

Pour la taille de votre écriture. C'est en pixels. Si vous voulez agrandir ou diminuer la taille de l'écriture jouez avec le nombre de pixels (euh ne mettez pas 300, vous allez faire exploser votre fiche OO)

Pour aligner votre texte. Vous pouvez remplacer le center par left ou right si vous voulez aligner votre texte sur la gauche ou sur la droite.



À la prochaine!