Comment faire un message de type staff

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

En cours Comment faire un message de type staff

Message par FkS_DjMat le Dim 30 Juil 2017 - 16:51

Bonjour Wink
Je voulais savoir si il était possible de faire des messages de type staff comme sur le Forum des Forums Wink :


En citant le message j'ai remarqué que c'était un tableau en BBCode Surprised
Un de membre avait déjà demandé comment je pouvais réaliser ce type de message sur un autre forum d'entraide, mais ce n'étais pas du BBCode mais du HTML Surprised :
https://www.milouze14.com/t30767-resolu-phpbb2-message-automatique-pour-le-staff

Je voudrais avoir ce type de design (petit aperçu avec Paint.net) :

La couleur grise : #ECECEC
La couleur du fond : #222222
Lien du logo : https://i.servimg.com/u/f11/19/61/23/00/logo_f10.png

Merci d'avance Wink


Dernière édition par FkS_DjMat le Jeu 3 Aoû 2017 - 18:20, édité 1 fois
avatar

FkS_DjMat
*****

Messages : 663
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
FkS_DjMat a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: Comment faire un message de type staff

Message par Hadhellia le Jeu 3 Aoû 2017 - 17:55

Coucou Smile
Voilà le code qui correspond à ton screen
Code:
<div style="width:600px; margin:auto; border:1px solid #ECECEC; padding:15px; background-color:#222;"><div style="background-color:#ECECEC; width:485px; display:inline-block; vertical-align:top; margin-right:15px;"><div style="border-bottom:1px solid #CCC; padding:15px; text-align:center; font-size:20px;">Titre du sujet</div><div style="padding:10px;">En se réveillant un matin après des rêves agités, Gregor Samsa se retrouva, dans son lit, métamorphosé en un monstrueux insecte. Il était sur le dos, un dos aussi dur qu’une carapace, et, en relevant un peu la tête, il vit, bombé, brun, cloisonné par des arceaux plus rigides, son abdomen sur le haut duquel la couverture, prête à glisser tout à fait, ne tenait plus qu’à peine. Ses nombreuses pattes, lamentablement grêles par comparaison avec la corpulence qu’il avait par ailleurs, grouillaient désespérément sous ses yeux. « Qu’est-ce qui m’est arrivé ? » pensa-t-il. Ce n’était pas un rêve.</div></div><img style="width:100px;" src="https://i.servimg.com/u/f11/19/61/23/00/logo_f10.png" /></div>

J'espère que ça te convient ^^
Bonne journée !
avatar

Hadhellia
*

Féminin
Messages : 33
Inscrit(e) le : 21/03/2015

http://ozeriah.forumactif.org
Hadhellia a été remercié(e) par l'auteur de ce sujet.

En cours Re: Comment faire un message de type staff

Message par FkS_DjMat le Jeu 3 Aoû 2017 - 18:18

@Hadhellia a écrit:Coucou Smile
Voilà le code qui correspond à ton screen
Code:
<div style="width:600px; margin:auto; border:1px solid #ECECEC; padding:15px; background-color:#222;"><div style="background-color:#ECECEC; width:485px; display:inline-block; vertical-align:top; margin-right:15px;"><div style="border-bottom:1px solid #CCC; padding:15px; text-align:center; font-size:20px;">Titre du sujet</div><div style="padding:10px;">En se réveillant un matin après des rêves agités, Gregor Samsa se retrouva, dans son lit, métamorphosé en un monstrueux insecte. Il était sur le dos, un dos aussi dur qu’une carapace, et, en relevant un peu la tête, il vit, bombé, brun, cloisonné par des arceaux plus rigides, son abdomen sur le haut duquel la couverture, prête à glisser tout à fait, ne tenait plus qu’à peine. Ses nombreuses pattes, lamentablement grêles par comparaison avec la corpulence qu’il avait par ailleurs, grouillaient désespérément sous ses yeux. « Qu’est-ce qui m’est arrivé ? » pensa-t-il. Ce n’était pas un rêve.</div></div><img style="width:100px;" src="https://i.servimg.com/u/f11/19/61/23/00/logo_f10.png" /></div>

J'espère que ça te convient ^^
Bonne journée !

Merci, mais comme je l'ai expliqué dans mon message, je dois avoir du BBCode, le HTML n'est pas activé Wink
avatar

FkS_DjMat
*****

Messages : 663
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
FkS_DjMat a été remercié(e) par l'auteur de ce sujet.

En cours Re: Comment faire un message de type staff

Message par Hadhellia le Jeu 3 Aoû 2017 - 18:31

Je comprends, seulement ce ne sera pas possible dans ce cas là. Est-il possible d'activer le HTML sur ton forum ? Smile
avatar

Hadhellia
*

Féminin
Messages : 33
Inscrit(e) le : 21/03/2015

http://ozeriah.forumactif.org
Hadhellia a été remercié(e) par l'auteur de ce sujet.

En cours Re: Comment faire un message de type staff

Message par FkS_DjMat le Jeu 3 Aoû 2017 - 19:46

@Hadhellia a écrit:Je comprends, seulement ce ne sera pas possible dans ce cas là.
Ben comment ils font pour le faire en BBCode sur le Forum des forulms Surprised
@Hadhellia a écrit:Est-il possible d'activer le HTML sur ton forum ? Smile
Non Wink
avatar

FkS_DjMat
*****

Messages : 663
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
FkS_DjMat a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: Comment faire un message de type staff

Message par Hadhellia le Jeu 3 Aoû 2017 - 20:42

Je pense que c'est parce que c'est fait avec des balises table en BBCode. Je ne savais pas trop si c'était vraiment possible du coup j'ai quand même essayé. Le mieux que je puisse faire c'est cela

Titre du sujet
En se réveillant un matin après des rêves agités, Gregor Samsa se retrouva, dans son lit, métamorphosé en un monstrueux insecte. Il était sur le dos, un dos aussi dur qu’une carapace, et, en relevant un peu la tête, il vit, bombé, brun, cloisonné par des arceaux plus rigides, son abdomen sur le haut duquel la couverture, prête à glisser tout à fait, ne tenait plus qu’à peine. Ses nombreuses pattes, lamentablement grêles par comparaison avec la corpulence qu’il avait par ailleurs, grouillaient désespérément sous ses yeux. « Qu’est-ce qui m’est arrivé ? » pensa-t-il. Ce n’était pas un rêve.


Code:
[table cellspacing="15" cellpadding="15" style="width:615px; margin:auto; background-color:#222; border:1px solid #ECECEC;"]
[tr style="vertical-align:top;"]
[td style="padding:15px; background-color:#ECECEC; width:485px; text-align:center; font-size:20px;"]Titre du sujet[/td]
[td rowspan="2"][img(100px,100px)]https://i.servimg.com/u/f11/19/61/23/00/logo_f10.png[/img][/td]
[/tr]
[tr]
[td style="padding:15px; background-color:#ECECEC; width:485px;"]En se réveillant un matin après des rêves agités, Gregor Samsa se retrouva, dans son lit, métamorphosé en un monstrueux insecte. Il était sur le dos, un dos aussi dur qu’une carapace, et, en relevant un peu la tête, il vit, bombé, brun, cloisonné par des arceaux plus rigides, son abdomen sur le haut duquel la couverture, prête à glisser tout à fait, ne tenait plus qu’à peine. Ses nombreuses pattes, lamentablement grêles par comparaison avec la corpulence qu’il avait par ailleurs, grouillaient désespérément sous ses yeux. « Qu’est-ce qui m’est arrivé ? » pensa-t-il. Ce n’était pas un rêve.[/td]
[/tr]
[/table]
avatar

Hadhellia
*

Féminin
Messages : 33
Inscrit(e) le : 21/03/2015

http://ozeriah.forumactif.org
Hadhellia a été remercié(e) par l'auteur de ce sujet.

En cours Re: Comment faire un message de type staff

Message par FkS_DjMat le Jeu 3 Aoû 2017 - 23:06

@Hadhellia a écrit:Le mieux que je puisse faire c'est cela
Pardon Surprised
Le mieux que tu puisses faire... Ben c'est génial  Very Happy
Un très très très grand merci à toi Wink
Je passe en résolu Wink

EDIT :
Comment je peux faire pour passer le texte en blanc Surprised?

Et pour la taille en version mobile Wink


J'ai récupéré le code d'un message de Forumactif :
Code:
[table      class="tuto-off" cellspacing="0"][tr][td class="tuto-fa"][/td][td class="tuto-title" style="line-height;"] Nouveauté : le Mag Forumactif [/td][td class="tuto-fin"][/td][/tr][/table]
[table       class="tuto-off" cellspacing="0"][tr][td class="tuto-contain"]

[center][img]https://mag.forumactif.com/img/basic/logo/logo-mag.png[/img][/center]

Chers utilisateurs,

J’ai le plaisir de vous annoncer la mise en ligne d’un tout [b]nouveau projet Forumactif[/b]. Il s'agit de notre nouveau site pour centraliser les petites annonces, publications et événements des forums Forumactif.  

Se présentant [b]sous la forme d’un annuaire[/b], il regroupe [b]toutes les petites annonces, publications et événements partagés sur vos forums[/b] à travers une interface simple, épurée et minimaliste pour une navigation optimisée

Cet annuaire offre [b]un moyen efficace de référencement[/b] et vous aidera à obtenir des visites supplémentaires pour vos forums tout en incitant les utilisateurs à partager un contenu de qualité. Vos événements, petites annonces et publications seront dotés d’une [b]véritable visibilité[/b] sur le web grâce au [url=https://mag.forumactif.com/][b]Mag Forumactif[/b][/url] !

Son principe de fonctionnement est simple et intuitif. Grâce à cet annuaire référent, vous pourrez trouver de nouveaux forums qui correspondent à vos goûts et vos intérêts, trouver des objets que vous aimeriez ou encore des informations utiles...etc.

Et sans plus attendre, on vous fait découvrir ce site unique : [b]https://mag.forumactif.com[/b]
 
En espérant que cette nouveauté vous apportera pleine satisfaction

A bientôt sur Forumactif pour d’autres nouveautés,
L’équipe Forumactif

[/td][/tr][/table]
[table      class="tuto-footer" cellspacing="0"][tr][td class="tuto-copy"][/td][td class="tuto-monster"][/td][/tr][/table]



Si ça peut aider Wink
Merci d'avance Wink
avatar

FkS_DjMat
*****

Messages : 663
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
FkS_DjMat a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: Comment faire un message de type staff

Message par Hadhellia le Ven 4 Aoû 2017 - 11:01

Ah d'accord je vois Smile
Dans ce cas ça donnera plutôt ceci

Titre du sujet
En se réveillant un matin après des rêves agités, Gregor Samsa se retrouva, dans son lit, métamorphosé en un monstrueux insecte. Il était sur le dos, un dos aussi dur qu’une carapace, et, en relevant un peu la tête, il vit, bombé, brun, cloisonné par des arceaux plus rigides, son abdomen sur le haut duquel la couverture, prête à glisser tout à fait, ne tenait plus qu’à peine. Ses nombreuses pattes, lamentablement grêles par comparaison avec la corpulence qu’il avait par ailleurs, grouillaient désespérément sous ses yeux. « Qu’est-ce qui m’est arrivé ? » pensa-t-il. Ce n’était pas un rêve.

Code:
[table cellspacing="15" cellpadding="15" style="margin:auto; background-color:#222; border:1px solid #ECECEC;"]
[tr style="vertical-align:top;"]
[td style="padding:15px; background-color:#ECECEC; text-align:center; font-size:20px;"]Titre du sujet[/td]
[td rowspan="2"][img(100px,100px)]https://i.servimg.com/u/f11/19/61/23/00/logo_f10.png[/img][/td]
[/tr]
[tr]
[td style="padding:15px; background-color:#ECECEC;"]En se réveillant un matin après des rêves agités, Gregor Samsa se retrouva, dans son lit, métamorphosé en un monstrueux insecte. Il était sur le dos, un dos aussi dur qu’une carapace, et, en relevant un peu la tête, il vit, bombé, brun, cloisonné par des arceaux plus rigides, son abdomen sur le haut duquel la couverture, prête à glisser tout à fait, ne tenait plus qu’à peine. Ses nombreuses pattes, lamentablement grêles par comparaison avec la corpulence qu’il avait par ailleurs, grouillaient désespérément sous ses yeux. « Qu’est-ce qui m’est arrivé ? » pensa-t-il. Ce n’était pas un rêve.[/td]
[/tr]
[/table]

Ensuite, pour passer le texte en blanc, ajoute ceci dans la balise TD concernée entre les éléments style=""
Code:
color:#fff;

Cependant, je te préviens que le texte ne sera pas lisible s'il est en blanc sur fond gris clair, ou alors la lecture sera vraiment difficile.
Bonne journée ! Very Happy
avatar

Hadhellia
*

Féminin
Messages : 33
Inscrit(e) le : 21/03/2015

http://ozeriah.forumactif.org
Hadhellia a été remercié(e) par l'auteur de ce sujet.

En cours Re: Comment faire un message de type staff

Message par FkS_DjMat le Ven 4 Aoû 2017 - 13:18

@Hadhellia a écrit:Cependant, je te préviens que le texte ne sera pas lisible s'il est en blanc sur fond gris clair, ou alors la lecture sera vraiment difficile.
Bonne journée ! Very Happy
Oui... je sais pourquoi je demandais ça  Very Happy

Sinon ça marche un peu mieux pour la version mobile sauf pour le logo Surprised


Merci pour l'aide déjà apportée Wink
avatar

FkS_DjMat
*****

Messages : 663
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
FkS_DjMat a été remercié(e) par l'auteur de ce sujet.

En cours Re: Comment faire un message de type staff

Message par Lixyr le Mer 9 Aoû 2017 - 22:52

Où en-est votre problème ?

  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône RÉSOLU en éditant votre premier message,

  • Votre problème est toujours d'actualité, dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté.




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5887
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

En cours Re: Comment faire un message de type staff

Message par FkS_DjMat le Mer 9 Aoû 2017 - 22:53

Toujours le problème de la taille du logo Wink
avatar

FkS_DjMat
*****

Messages : 663
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
FkS_DjMat a été remercié(e) par l'auteur de ce sujet.

En cours Re: Comment faire un message de type staff

Message par Lixyr le Lun 14 Aoû 2017 - 16:07

Où en-est votre problème ?

  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône RÉSOLU en éditant votre premier message,

  • Votre problème est toujours d'actualité, dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté.




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5887
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

En cours Re: Comment faire un message de type staff

Message par FkS_DjMat le Lun 14 Aoû 2017 - 16:31

Toujours le problème de la taille du logo Wink
avatar

FkS_DjMat
*****

Messages : 663
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
FkS_DjMat 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