Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[AWESOMEBB] Bloc du staff dans un message



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

Anonymous
Invité
Invité

MessageInvité Mar 12 Jan 2021 - 9:17

  • Version du forum :
    AWESOMEBB
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Coucou phil :)je ne sais pas si je peux faire ce genre d'aide. J'essaye de faire un bloc de couleur avec une image et un texte qui apparaitrait dans les messages que je poste, quand je le désire, dans les forums. Il me servirait à rappeler aux membres des informations importantes, comme participer à un nouveau jeu, sondages etc... 
J'ai essayé de voir le système de tableau, j'ai juste réussi à faire ceci dans un message : 

Code:
[table border="1" cellspacing="0"]
[tr style=][td] Un soir des plages à la mode on joue un air Qui fait prendre aux petits chevaux un train d'enfer Et la fille se pâme et murmure Weber Moi je prononce Wèbre et regarde la mer. Un soir des plages à la mode on joue un air Qui fait prendre aux petits chevaux un train d'enfer Et la fille se pâme et murmure Weber Moi je prononce Wèbre et regarde la mer.[/td]
[/tr]
[/table]

Il me manque évidemment la mise en forme: fond en couleur, placer le texte et l'image dans un bon alignement, les bonnes marges de chaque côté. Je pense qu'il faut passer par la css et là je cale. 
ps; Si un code peut-être mis que dans les messages directement sans passer par la css c'est très bien aussi pour moi).

J'ai préparé un modèle pour exemple de se que j'aimerai : 

[AWESOMEBB] Bloc du staff dans un message Akhv

Merci d'avance. 



Dernière édition par Bigalex le Mar 12 Jan 2021 - 20:35, édité 1 fois
Anonymous
Invité
Invité

MessageInvité Mar 12 Jan 2021 - 13:08

Je reposte un message. J'ai essayé de chercher de mon côté et j'ai réussi ceci. Je suis encore loin de ce que je voudrai puisque le positionnement du texte ne laisse pas la place à une image à gauche (image que je ne sais pas encore mettre dans le code.) Qu'en penses-tu pour un début ? La syntaxe est correcte ? 




Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 12 Jan 2021 - 15:20

Hello Alex,

ce code html ( et non bbcode) devrait faire l'affaire:

Un tableau est idéal Alex.


Code:
<table  cellpadding="15" style="width:60%;margin-left:20%;background-color:#31BB14;border:10px solid #156F02;">
 <tr>
<td align="center" style="border:none!important;width:25%;"><img src="https://i.servimg.com/u/f20/20/11/87/27/approv12.png" style="width:120px;height:120px;"/></td>
<td style="color:black;font-weight:bold;border:none!important;width:75%;"">Un soir des plages à la mode on joue un air Qui fait prendre aux petits chevaux un train d'enfer Et la fille se pâme et murmure Weber Moi je prononce Wèbre et regarde la mer. Un soir des plages à la mode on joue un air Qui fait prendre aux petits chevaux un train d'enfer Et la fille se pâme et murmure Weber Moi je prononce Wèbre et regarde la mer.</td></tr></table>

Attention toutefois aux sauts de ligne dans ce tableau car tu vas générer des sauts de ligne involontaire.
Anonymous
Invité
Invité

MessageInvité Mar 12 Jan 2021 - 18:14

Bonsoir Phil, super ! Je vais tester avec mes couleurs et images et je reviens ensuite. Merci beaucoup. 

C'est vraiment pas bon ce que j'ai fait ? j'avais amélioré avec quelques options en plus.  C'est juste pour ne pas rester idiote et que je comprenne pourquoi. 




Edit : peux tu me dire comment je peux personnaliser la police avec ton code stp ?
Anonymous
Invité
Invité

MessageInvité Mar 12 Jan 2021 - 18:46

Phil, j'ai fait mes modif. Est ce que c'est bon comme ça avec les liens aussi ? 

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 12 Jan 2021 - 19:09

Alors je vais te donner les deux exemplaires , le mien avec le style ajouté:



Le tien avec les bonnes balises:


Pour les explications,
tu mélanges les balises HTML et les BBcodes, il faut rester avec le HTML:

Anonymous
Invité
Invité

MessageInvité Mar 12 Jan 2021 - 20:10

Oui, je vois. Effectivement, je mouline pas mal. lol. C'est comme ça qu'on apprend. Merci pour tes explications. Le truc qui me gène c'est la largeur (le 1er code avec l'image/le tien) je me retrouve avec un très grand espace à droite/ un grand espace entre l'image et le texte, des grands espaces après la bordure à droite et à gauche. Y'a pas un moyen pour réduire tous ces espaces ? (c'est ce que j'avais essayé de faire tout à l'heure), le titre est décalé aussi. 

Et avec mon code, c'est pire du coup. Le texte ne fait pas centré et j'ai un énorme espace en bas. 

Je préfère le tien quand même. C'est top cool gentil de m'avoir fait mes liens. clin oeil


En dimension c'était plus comme ceci. (fais pas attention, je n'ai pas encore corrigé les liens) 




C'est bizarre quand je teste sur mon forum il ne se met pas aussi large.
Anonymous
Invité
Invité

MessageInvité Mar 12 Jan 2021 - 20:35

J'ai retesté, de mon côté tout est ok sur mon forum, je n'ai pas ce problème d'espace et de marge, je mets donc en résolu. Encore un grand merci pour ton aide précieuse.  super
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 13 Jan 2021 - 4:03

De rien Alex ,


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum