[langage du forum][avancé] fabriquer une fenêtre personalisée pour l'affichage d'images

il est possible de crée un cadre personnalisé et même de remplacer la couleur du fond de pages par une autre en utilisant le code BBcode + Html + Css chaqu'un de ces codes pouvant être mélanger entre eux Code:  dans  cet exemple je mélange le BB code avec la syntaxe et les balises CSS

voici le codage de cette effet

Code:

 
<center>[table  cellpadding="5" bgcolor="black"][tr][td style="width:100%; height:100%;color:#FFFFFF;"] il est possible de crée  un cadre personnalisé et même de remplacer la couleur  du fond de pages par une autre
en utilisant le code  BBcode + Html + Css  chaqu'un de ces codes pouvant être mélanger entre eux
[center][code] dans  cet exemple je mélange le BB code avec la syntaxe et les balises CSS[/code][/center]

[/td][/tr][/table]</center>

Pour créer un cadre, ou utilise cette séquence de balise BBcode.
Toutes balise sont entre crochet [ ] , mais pour une meilleur visibilité je les supprimes pour l'explication
table et /table ouvre et ferme la table
tr et /tr ouvre et ferment une ligne
td et /td ouvre et ferme une cellule dans une ligne

table , tr, td acceptent des instructions supplémentaires

table	admet:	la couleur du fond , globale , bgcolor=couleur
		l'ecart par rapport aux bord: cellpadding =écart en pixel
		l'écart entre deux cellules; cellspacing= écart en pixel

d'autre part les cellules td et tr admettent du code Css qui permettent de faire la décoration de chaque une des cellules
on aura un format comme suit
[td style="instruction:valeur;instruction:valeur;instruction:valeur;"]ARGUMENT
Deux point entre l'instruction et la valeur
Et point virgule entre les divers instructions
et le tout entre guillemets
Si deux guillemets sont imbriquées, on met une apostrophe a la place
"terer:ertert;erte: 'jkljljpj' "


liste des propriétés CSS sur le site du zero

Spoiler:

Code utilisé pour l'affichage de cette image cadre noir

la taille du cadre se trouve dans l'instruction " cellpadding"
la couleur du fond dans : bgcolor="black"
et la couleur du texte dans cette propriété [td style="color:#FFFFFF;"]

Code:

 
[spoiler]<center>[table  cellpadding="150" bgcolor="black"][tr][td style="color:#FFFFFF;"]
<img src="http://i25.servimg.com/u/f25/11/15/10/99/00-18910.jpg" width="600"/>

 <center>LA PANNE</center>
[/td][/tr][/table]</center>[/spoiler]

une image comme fond

Et vous savez pourquoi se bois se meurt car il n'y a plus d'enfant qui vont y jouer plus de cabanes plus de bagarre a la façon guerre des boutons Les gamins reconstruises des forêts en 3D dans des jeux virtuelles ou il ne s’écorchent plus les genoux mais meurs deux cent fois par jours. ou ils préfèrent se faire la peau à la sortie du cm2 avec de vraie armes blanche Image prise au même endroit.

Code:

[table cellpadding=20 border=1][tr][td style="background-color:#000000;height:100%;width:33%;"]
<img src="http://i45.servimg.com/u/f45/11/15/10/99/00-26-10.jpg" height="450"/>[/td][td style="background-image:url('http://i45.servimg.com/u/f45/11/15/10/99/pict0017.jpg');color:#F0E000;vertical-align:bottom;"][b] Et vous savez  pourquoi se bois se meurt
car il n'y a plus d'enfant qui  vont y jouer
plus de cabanes plus  de bagarre a la façon guerre des
boutons
Les gamins reconstruises des forêts en  3D dans des jeux  virtuelles
ou il ne s’écorchent plus les genoux mais  meurs  deux cent fois  par jours.
ou ils préfèrent se faire la peau à la sortie du cm2 avec de vraie armes blanche

Image prise au même endroit.
[/b][/td][/tr][/table]

dans cet exemple, on peut remarquer que les guillemets ont été replacés par des apostrophe dan la description de l'affichage de l'image en arrière plan. dans la propriété background-image

juste pour verifier , si j ai bien tout compris Code:  apparement , ça marche , merci D-jpp

Dans ton exposé sur l'utilisation de logiciel 2D pour fabriquer des images"images-abstraites avec-alchemy-et-apophysis-freeware "
tu utilises le système de mise en page indiqué ici
Il ne faut pas oublier qu'en cas de changement de la décoration du forum l'article reste lisible quelque soit le chemin pris par les webs designer
c'est une solution à retenir quand on veux une présentation stable sur une forum.

il est préférable pour le cartouche gris écriture rouge d’utiliser la balise quote sans argument plutôt que la balise code
en effet la seconde ne reproduit pas les effets de décorations alors que la premier oui

Code:

[color=black] bonjour ce ci est un test de couleur [/color]

Citation :

bonjour ce ci est un test de couleur

si votre fond est de la même couleur que la couleur des textes de services (noir ici)
ils eront cachés par la couleur du fond de ce cartouche