[ Coin Ink ]

Tout d'abord et encore une fois, merci pour ton aide ! I love you

finalement je vais séparer chaque point par un post pour pas s'éparpiller et faire plus structuré Like a Star @ heaven

Pour entrer dans le vif du sujet, je vais commencer par le plus important pour moi : la couleur du forum [ Coin Ink ] 1f495

La ville de "Crimson" tient son nom de par la couleur spécifique de la terre rougeâtre sur laquelle elle repose, du coup je tiens à fond à ça ! La tienne est très jolie et répond instinctivement à l'époque du far west (couleur sable Very Happy

) quand on la regarde, c'est certain, mais je voulais faire différent pour Crimson [ Coin Ink ] 1f60a

J'aimerai beaucoup garder le background (l'image), je trouve cela beaucoup plus immersif qu'une simple couleur unie [ Coin Ink ] 1f60d

Pour la personnalisation du cadre du message, je peux te copier/coller directement le code si tu veux pas te casser la tête ! (L'image dans le fond du bloc message j'y tiens aussi, je suis so vintage mais cela est excusable car j'ai atteint la trentaine)

L'effet bois qu'on retrouve donne une ptite touche que j'avais trouvé dans aucun autre forum western quand j'avais fait le tour et que j'aime beauuuucoup, si on pouvait les rajouter ça serait super !

Concernant les rangs qui ici ont disparu, je sais bien que ça se faisait dans les forums rpg y a genre 10 ans et + mais comme je t'ai dit je suis de la vieille école et je trouve ça plus perso [ Coin Ink ] 1f60d

cependant le titre du rang s'affiche ici chez toi, à côté du pseudo, ça j'adore !

Les rangs
[ Coin Ink ] Vzo8

Code:: [img]https://zupimages.net/up/22/40/vzo8.png[/img]

Code:: [img]https://zupimages.net/up/22/40/t7md.png[/img]

Code:: [img]https://zupimages.net/up/22/28/uo0a.png[/img]

Code:: [img]https://zupimages.net/up/22/37/lf1s.png[/img]

Code:: [img]https://zupimages.net/up/22/33/d1s6.png[/img]

Code:: [img]https://zupimages.net/up/22/33/6b40.png[/img]

Code:: [img]https://www.zupimages.net/up/22/30/i2ym.png[/img]

:welcome:

Code:: [img]https://zupimages.net/up/22/28/81j1.png[/img]

Personnalisation CB

Like a Star @ heaven

code JS

cocher "sur la chatbox"

Code:: $(function() {
  $('li.person.active span.info span.name').html('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 32 32" style="float: left;height: 1.2em;" xml:space="preserve"> <
  path style = "fill:var(--color_channel,#105289);"
  d = "M30,12V8h-5.004l1-8h-4l-1,8h-7.998l1-8h-4l-1,8H2v4h6.498L7.5,20H2v4h5l-1,8h4l1-8h8l-1.002,8H22l1-8h7v-4h-6.5l0.996-8H30z M19.5,20h-8l0.998-8h7.998L19.5,20z" > < /path> <
  /svg> Nouveau_nom_du_salon');
});

CSS

Code:: /* CHATBOX PERSONNALISEE */
.chatbox{
  border:none;
}

/* Couleur du texte par défaut (contextmenu / message + heure + liste des membres sans groupe) */
#chatbox, #chatbox_contextmenu, #chatbox_contextmenu a, #chatbox_members {
  color: #8A7962!important;
}

/* Liste des membres à droite */
#chatbox_members{
  width:181px;
  background:#170905;
  margin-bottom:-10px;
  border:none;
}
#chatbox_members .member-title{
  color:#FFF;
  padding:3px;
  margin-top:10px;
  margin-bottom:5px;
}

/* Menu au clic droit du pseudo à droite */
#chatbox_contextmenu{
  background:#170905;
  font-size:15px;
}
/* Titre de la liste des membres (En ligne) */
#chatbox_members .online{ background:#ff91f4; }

/* Titre de la liste des membres (Hors ligne) */
#chatbox_members .away{ background:#a8ffe2; }
/* Partie centrale de la chatbox */
#chatbox{
  background:#170905;
  mara.mentiontag { ... }gin-bottom:-10px;
}
/* Fond des messages differents */
.chatbox_row_2{ background:#29120B!important; }
.chatbox_row_1{ background:transparent!important; }

#chatbox > p{
  margin:0; /* phpbb3 => enlever les marges par défaut */
  border:none!important;
}

/* Barre inférieure de la chatbox */
#chatbox_footer{
  background:#b7a89f;
  padding-bottom:4px;
}

/* Zone d'écriture du message de la chatbox */
.chatbox input{ border:1px solid #6f6660!important; }
#chatbox_footer #submit_button{
  padding-right:2px;
}
/* Mise en forme de l'avatar du membre */
#chatbox .cb-avatar{
  padding:0!important;
  overflow:hidden;
  width:40px!important;
  height:40px!important;
  border-radius:50%;
}
#chatbox .cb-avatar > img{
  position:relative!important;
  top:-10px!important;
  width:40px!important;
  height:auto!important;
  transform: translateZ(0); /* empeche bug Chrome */
}

/* Mise en forme de la date */
#chatbox .date-and-time {
  display:inline-block;
  float:none!important;
  margin-left:2px!important;
  margin-top:2px!important;
  margin-bottom:3px!important;
  font-size:12px;
}

/* Mise en forme du pseudo du membre ayant poste */
#chatbox .user { float:left!important; }
#chatbox .user strong {font-size: 0;}
.chatbox-username.chatbox-message-username { font-size: 12px; }

a.mentiontag {
   font-style: italic;
   font-weight: bold;
   color: #EBDECA;
   background: linear-gradient(to right, #1A0404, #B53F35, #1A0404);
}

Code:: /** FOND POST RP**/
.sceditor-container iframe, .sceditor-container textarea {
background:url(https://zupimages.net/up/22/46/vlzo.png)!important;}

Je pense que je pourrais les faire plus petits mais ces icones sont là depuis le premier jour, ils font partis des meubles (et les joueurs m'ont déjà dit que c'était top niveau visibilité lorsqu'il y a un nouveau message qque part [ Coin Ink ] 1f60d

)

CSS

Code:: /*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode {
width:800px !important;
background-color: #29120B !important;
}
.sceditor-container.ltr.wysiwygMode {
width:800px !important;
background-color: #29120B !important;
}
/*--- Partie supérieur contenant les outils ---*/

div.sceditor-toolbar {
background-color: #170905 !important;
width: 790px !important;
}
/*--- Partie texte area : fond ---*/

.sceditor-container iframe, .sceditor-container textarea {
background-color: ##2B0101 !important;
text-align:justify;
margin:2 !important;
line-height: 16px;
width: 790px !important;
height: 300px !important;
color: #FCDBBB !important;
font-size:13px !important;
}
/*--- Groupe de boutons ---*/

div.sceditor-group {
background-color: #170905 !important;
}
/* bordure de l\\\\\\\\\\\\\\\'éditeur */
div.sceditor-container {
border: none;
}

/* bordure entre la barre d\\\\\\\\\\\\\\\'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: double;
color: #a6947b !important;
}

/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;
}

/* ombre d\\\\\\\\\\\\\\\'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;
}

/*--- Boutons sélectionnés ---*/

a.sceditor-button.hover {
background-color: #8A7962 !important;
}

fe{
color: #a38266;
}

.contain_staff{
position: relative;
width: 80px;
height: 75px;
margin: auto;
background: white;
transition: 0.5s;
}

bon là c'est mal fait et pas aux bonnes tailles mais j'aimerai + un truc comme ça (avec le champs vide au dessus des avatars pour écrire le nom des rangs plutôt que le faire à l'extrême gauche de l'image. si tu sais éventuellement espacer un peu plus ce champs pour que tout rentre ? sinon je réduirai la typo)
J'ai encore toutes les images originales dans mon pc !

[ Coin Ink ] 328e

Pour les boutons du forum y a rien à faire, je suis trop attachée aux originaux et je préfère que malgré la transition, le plus possible du design actuel soit repris pour le nouveau [ Coin Ink ] 2764

Je ne veux pas perdre l'ambiance "Crimson", en somme !

Coucou Maeva ! Je voudrais voir comment ça donne si tu mets le fond des catégories de la même couleur que le fond du forum, en #170905 stp ! [ Coin Ink ] 1f60d