Comment faites vous cela ?

Page 1 sur 2 1, 2  Suivant

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

Résolu Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 9:46

bonjour et bon week-end

j'aimerais si c'est possible connaitre comment vous faites pour mettre dans vos réponses ces images



car quand on fais un clique droit dessus il parle d'hyper texte et j'ai trouve ici dans me recherche concerant l'hyper texte

merci pour votre aide


Dernière édition par Diodon le Dim 31 Oct 2010 - 19:55, édité 3 fois

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 9:50

Bonjour

Pas d'hypertexte mais une simple utilisation du bbcode et de la feuille de style.

Cordialement
ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 10:02

merci

pouvez vous m'en dire un peut plus ? ou un tuto

diodon

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 10:05

Bien sûr.

Une petite table avec une classe.
Dans cette table un message avec des images

Et en CSS la définition de l'affichage de la table.


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 10:11

merci

mais désolé je sais pas ces quoi une table avec une classe !!

suis peut etre idiot

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 10:16

Exemple

La table ou tableau placée dans un message
Code:
 
[table class="Votreclassetableau"][tr][td]
votre message
[/td][/tr][/table]
et dans la feuille de style CSS
Code:
.Votreclassetableau{

/* vos définitions de style pour cette table */
}

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 10:18

merci

et a la place de "votre message" je suppose qu'on peut mettre une image png

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 10:30

Tout à fait.
Vous mettez un message complet avec image, texte etc...


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 10:58

merci je test de suite

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 10:59

Si besoin de plus d'aide lors du codage alors n'hésitez pas.

Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 11:11

encore une petite question

que dois je ecrire ici

/* vos définitions de style pour cette table */

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 11:16

Les styles de votre tableau (dans la feuille CSS)

  • Bords arrondis
  • Couleurs
  • encadrement...


Changer le nom de la classe Wink
Code:
.Votreclasse{
-moz-box-shadow:2px 2px 20px #293300;
-webkit-box-shadow:2px 2px 20px #293300;
border-color:#293300;
box-shadow:2px 2px 20px #293300;
color:#293300;
}

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 11:20

re

voila le code que j'ai lacé dans le message

Code:
[table class="Votreclassetableau"][tr][td]
http://www.archive-host.com/link/8df013aae5111901e72c2bf1b4d02359ad4672f7.png
[/td][/tr][/table]

et sa fonctionne pas lol je m'en doutais

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 11:23

http://www.archive-host.com/link/8df013aae5111901e72c2bf1b4d02359ad4672f7.png

Il manque le bbcode [ i m g ] pour cette partie

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 11:29

je sais que je suis lourd

mais pourriez ecrire le code complet pour l'image Merci

et éventuellemnt le code pour du texte
merci


Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 11:31

No problem.

Voici les deux en relation

dans le message
Code:
[table class="Votreclassetableau"][tr][td]
[img]http://www.archive-host.com/link/8df013aae5111901e72c2bf1b4d02359ad4672f7.png[/img]
[/td][/tr][/table]

et css
Code:
.Votreclassetableau{
-moz-box-shadow:2px 2px 20px #293300;
-webkit-box-shadow:2px 2px 20px #293300;
border-color:#293300;
box-shadow:2px 2px 20px #293300;
color:#293300;
}

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 11:37

impeccable merci

à cloturer

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 11:42

victoire

La mise en forme du tableau ne sert pas à grand chose avec une image message.

Ceci par exemple
Code:
color:#293300;

Bonne journée
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 11:49

re

quel est le code par remplacer l'image par du texte merci

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 11:51

Je vous fais cela...

edit : c'est fait

A mettre à la place du lien image

Code:
[center][size=18][font=cursive, fantasy][color=#00FF00]Bonjour
Un passage par la case présentation est
souhaité pour les nouveaux membres
Merci de votre compréhension
Ps : pensez à lire le règlement[/color][/font][/size]
[/center]

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 12:14

Merci mille fois

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 12:20

victoire

999 fois auraient suffit Yahoo

Bonne journée
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Alex Fowl le Sam 30 Oct 2010 - 12:58

Bonjour,

Afin 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


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Alex Fowl
+ Hyperactif +

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

http://www.aidactif.fr
Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 15:18

j'avais pas editer car j'ai encore une question

Ge80

faut t il chaque reécrire ce code dans le message

Code:

[table class="Votreclassetableau"][tr][td]
votre message
[/td][/tr][/table]

ou y a t il moyen de créer un raccourci ?

merci diodon

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment faites vous cela ?

Message par Waaapi le Sam 30 Oct 2010 - 15:24

Bonjour,

Oui il faut que tu le réécrive dans chaque message.
Si tu veux que cela devienne automatique il y a un code (seulement, je ne me souviens plus du quel !)
Et il me semble qu'il n'y a pas de raccourcis...

Voilàà Very Happy
Bon après-midi !

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 15:31

merci

mais j'aimerais connaitre le code

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 20:23

sa serais possible avec un raccourci clavier ?

Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 20:33

C'est possible avec un bouton.

Il faut que je retravaille la solution proposée par Toto456 pour ajouter un bouton dans la barre des bbcode.


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par Diodon le Sam 30 Oct 2010 - 20:39

la solution de toto456 est en ligne ?


Diodon
****

Messages : 405
Inscrit(e) le : 25/07/2010

http://scirocco-belgique.forumgratuit.be/
Diodon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faites vous cela ?

Message par ge80 le Sam 30 Oct 2010 - 20:49

C'était en réponse à ZZ10 (je crois) et dans un message qui doit être à la poubelle maintenant...

En voici une copie de la géniale solution de toto456

Spoiler:
1. Ouvrez le template posting_body
2. Situez cet extrait :
Code:
<span class="gensmall"><a onmouseover="helpline('a')" href="javascript:bbstyle(-1)">{L_BBCODE_CLOSE_TAGS}</a></span> 
      </span>

(Vers le milieu, aidez-vous de la fonction rechercher du navigateur : CTRL F)


3. Remplacez cet extrait par :

Code:
<span class="gensmall"><a onmouseover="helpline('a')" href="javascript:bbstyle(-1)">{L_BBCODE_CLOSE_TAGS}</a></span> 
        <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" /> <wbr/>
                        <button class="button2" onclick="javascript:visibilite('boutons');" type="button"  title="Ajouter une icône"><img src="http://i39.servimg.com/u/f39/14/39/25/10/uu10.png" alt="Ajouter une icône" /></button>

<div id="boutons" class="select" style="font-size: 11px; font-weight: bold; width: auto; padding: 10px; position: absolute; left:645px; top:325px; display: none;">Choisissez un bouton :


        <a onClick="javascript:visibilite('boutons');"  href="javascript:emoticonp('[img]http://i39.servimg.com/u/f39/14/39/25/10/oui_ta10.png[/img]')"><img border="0" alt="Arrow" src="http://i39.servimg.com/u/f39/14/39/25/10/oui_ta10.png" title="Arrow"></a>

        <a onClick="javascript:visibilite('boutons');" href="javascript:emoticonp('[img]http://i39.servimg.com/u/f39/14/39/25/10/non_ta10.png[/img]')"><img border="0" alt="Arrow" src="http://i39.servimg.com/u/f39/14/39/25/10/non_ta10.png" title="Arrow"></a>

        <a onClick="javascript:visibilite('boutons');"  href="javascript:emoticonp('[img]http://i39.servimg.com/u/f39/14/39/25/10/attent10.png[/img]')"><img border="0" alt="Arrow" src="http://i39.servimg.com/u/f39/14/39/25/10/attent10.png" title="Arrow"></a>

</div>
      <script type="text/javascript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>
      </span>
4. Enregistrez, vérifiez, publiez

Le résultat en image :

Je l'ai testée et elle est fonctionnelle....

L'appel de trois boutons en plus est inutile dans votre cas ou alors pourrait être utilisé in-situ.

Je ferai, si toto456 l'autorise, une solution avec un seul bouton qui copie directement un texte prédéfini.

cordialement
ge


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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