TUTTI GRAPHIES
!! connexion !!

TUTTI GRAPHIES

L'île aux Arts
 
AccueilFAQRechercherS'enregistrerConnexion

Partagez | 
 

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

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
d-jpp
Admin


Age : 62
lieux de résidense : iles de France
Humeur : Enfin réconcilié avec mon SY.S.
Date d'inscription : 27/02/2006

MessageSujet: [langage du forum][avancé] fabriquer une fenêtre personalisée pour l'affichage d'images   Sam 15 Oct - 0:02

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

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







..........................Pas de Concours ...... >>>>>>>>    ..............FIN DU CONCOURS........................... /Bienvenu Invité


Dernière édition par d-jpp le Lun 17 Oct - 17:08, édité 5 fois
Revenir en haut Aller en bas
http://d-jpp.new.fr
d-jpp
Admin


Age : 62
lieux de résidense : iles de France
Humeur : Enfin réconcilié avec mon SY.S.
Date d'inscription : 27/02/2006

MessageSujet: Re: [langage du forum][avancé] fabriquer une fenêtre personalisée pour l'affichage d'images   Sam 15 Oct - 0:30

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]


..........................Pas de Concours ...... >>>>>>>>    ..............FIN DU CONCOURS........................... /Bienvenu Invité
Revenir en haut Aller en bas
http://d-jpp.new.fr
d-jpp
Admin


Age : 62
lieux de résidense : iles de France
Humeur : Enfin réconcilié avec mon SY.S.
Date d'inscription : 27/02/2006

MessageSujet: Re: [langage du forum][avancé] fabriquer une fenêtre personalisée pour l'affichage d'images   Lun 17 Oct - 17:15

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



..........................Pas de Concours ...... >>>>>>>>    ..............FIN DU CONCOURS........................... /Bienvenu Invité
Revenir en haut Aller en bas
http://d-jpp.new.fr
philhamel
romboïde
romboïde


Age : 54
lieux de résidense : un pied sur une ile et l autre dans les etoiles et les fesses au chaud
Humeur : creatif content ;-)
Date d'inscription : 11/10/2011

MessageSujet: Re: [langage du forum][avancé] fabriquer une fenêtre personalisée pour l'affichage d'images   Mar 18 Oct - 13:55

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


Revenir en haut Aller en bas
d-jpp
Admin


Age : 62
lieux de résidense : iles de France
Humeur : Enfin réconcilié avec mon SY.S.
Date d'inscription : 27/02/2006

MessageSujet: Re: [langage du forum][avancé] fabriquer une fenêtre personalisée pour l'affichage d'images   Jeu 20 Oct - 9:21

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.


..........................Pas de Concours ...... >>>>>>>>    ..............FIN DU CONCOURS........................... /Bienvenu Invité
Revenir en haut Aller en bas
http://d-jpp.new.fr
d-jpp
Admin


Age : 62
lieux de résidense : iles de France
Humeur : Enfin réconcilié avec mon SY.S.
Date d'inscription : 27/02/2006

MessageSujet: Re: [langage du forum][avancé] fabriquer une fenêtre personalisée pour l'affichage d'images   Jeu 20 Oct - 9:30

Deuxième remarque

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



..........................Pas de Concours ...... >>>>>>>>    ..............FIN DU CONCOURS........................... /Bienvenu Invité
Revenir en haut Aller en bas
http://d-jpp.new.fr
Contenu sponsorisé




MessageSujet: Re: [langage du forum][avancé] fabriquer une fenêtre personalisée pour l'affichage d'images   Aujourd'hui à 16:36

Revenir en haut Aller en bas
 
[langage du forum][avancé] fabriquer une fenêtre personalisée pour l'affichage d'images
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Comment fabriquer des tortillons et entretenir l'estompe
» Se fabriquer une cerceau de feu sans feu :D
» Fabriquer une ROM pour s'assurer une sauvegarde/restauration rapide
» comment fabriquer un joint
» comment fabriquer une aréne de catch

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
TUTTI GRAPHIES :: Administration :: le forum pour les débutants-
Sauter vers: