Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Lun 20 Aoû 2018 - 17:18

88 résultats trouvés pour ffffff

Slider accordion tout cassé :'(

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Avant le 04 Juin 2018
Lien du forum : http://meltinpot-nostale.forumactif.com/

Description du problème

Bonjour !

Je gère le forum de ma guilde sur un mmo-rpg. J'avais fais tout propre le slider,
tout fonctionnait niquel. J'ai fais une pause d'un petit mois,
et à mon retour je trouve le slider tout cassé Sad
(Je précise que dans les logs du P.A, personne n'a touché à rien)

CSS:
@charset 'utf-8';
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
 color: black;
   font-size: 16px;
 font-weight: normal;
 margin: 0;
 z-index: 100;
 position: absolute;
 top: 0;
 left: 0;
 -webkit-transform: translateX(-100%) rotate(-90deg);
 -webkit-transform-origin: right top;
 -moz-transform: translateX(-100%) rotate(-90deg);
 -moz-transform-origin: right top;
 -o-transform: translateX(-100%) rotate(-90deg);
 -o-transform-origin: right top;
 transform: translateX(-100%) rotate(-90deg);
 transform-origin: right top;
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
   display: block;
   padding-right: 8%;
   text-align: right;
   height: 90%;
   margin-top: 5px;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}
.accordion .slide > h2 b {
   display: inline-block;
   position: absolute;
   top: 13%;
   left: 10%;
   text-align: center;
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }

/***************************************** Light */
.accordion {
   border: 9px solid white;
   border-bottom-width: 8px;
   padding: 5px 5px 6px 0;
   background: #ffffff;
   -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
   -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
   -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
 box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #ffffff; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
   background: #ffffff;
   background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
   background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
   -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
   -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
   -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
 box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
   color: #FCFCFC;
}
.accordion .slide > h2 b { background: #ffffff; color: #ffffff; text-shadow: -1px 1px 0 white }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
.accordion .slide > div { background: #ffffff; margin-left: 5px }

/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.accordion .slide > h2 span { filter: none }

/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }

/* centrer l'accordéon */
.accordion { margin: auto; }
/*Suppression_search_box--------------------------*/
#search-box input {
display: none;
}
#search-box input.button1 {
display: none;
}
input.search {
display: none;
}
/*Sujet récent*/
#recent_topics {
background-color: #6AA8A6;
font-family: 'Playfair Display SC', serif;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
khtml-border-radius: 0px;
border-radius: 0px;
color: #D1BFB2;
font-size: 14px;
 }
/*Test*/
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#arriere {
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
}
body {
 background-image:url(https://www.aht.li/3090699/fond_meltin_4.png);
 background-size: 100% auto;
}
dl.codebox {border: none;}
dl.codebox dt {border: none;}

dl.codebox {background-color: transparent; border: none;}
dl.codebox dt {background-color: #000000; width: 70px; text-align: center; border: 1px solid #000000; color: #21D6FF;}
.codebox dd { color: #21D6FF;}
dl.codebox code {color: #21D6FF; border: 1px solid #005456; background-color: #005456;}
/*TranspaDuForum*/
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
body {filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
/*Antidoublepost*/
.doublepost { border-top: 1px solid #660066 }
/*dernière visite*/
p.rightside {
 display: none !important;
}
/*Désactiver la barre de connection en bas en tant qu'invité*/
#userlinks.not-connected {
   display: none;
}
/*Désactiver la barre de connection en bas en tant que connecté*/
#userlinks {
   display: none;
}
/*Enlever statistiques en bas du forum*/
.linklist { display: none; }


Les autres codes sont ceux du tuto dispo je ne sais plus ou Smile

Screen du soucis:
par Océbé-Meltin*pot
le Lun 4 Juin 2018 - 16:02
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Slider accordion tout cassé :'(
Réponses: 2
Vues: 138

demande de bannière/logo

En bref...

Nature de la création : Bannière
Taille de la création (en pixels) : 100x100
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Go forum ton forum de discussion
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour, j'aimerai si possible personnaliser  l'entête (logo ou bannière) de mon forum car je la trouve basique et triste avec son fond uniforme.
Je n'ai pas de préférences particulières si ce n'est que de vous préciser que c'est pour un forum généraliste, qu'il faudrait rester dans une harmonie sobre, même, si bien entendu, les couleurs texte ou les petits détails peuvent être modulés par la suite, garder un fond plutôt foncé (bleu très foncé), Plus claire je crains que cela soit fade.

Je serai donc, pour rester dans une simplicité mais avec une touche de particularité propre au forum (police titre y compris) qui le démarquerait des autres. Je vous ai joint deux images avec des logos au choix. Merci par avance pour vos propositions, je reste disponible si vous avez besoin de plus de renseignements.

Je joins l'autre image logo ici, dans le générateur je n'ai pas réussi à mettre les deux.
[Vous devez être inscrit et connecté pour voir ce lien]


[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Surricate
le Dim 3 Juin 2018 - 17:49
 
Rechercher dans: Demandes terminées
Sujet: demande de bannière/logo
Réponses: 16
Vues: 618

Modification d'une icône

En bref...

Nature de la création : Icones
Taille de la création (en pixels) : 100x100
Couleur de fond : N/A

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Go Forum
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonsoir, je désirerai , si possible effacer , "away" sur cette icône afin de le remplacer par forum. Une police similaire ou réécrire Go Forum pour que la retouche soit invisible et garder la même dimension.  Merci par avance.

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Surricate
le Lun 2 Avr 2018 - 20:23
 
Rechercher dans: Demandes terminées
Sujet: Modification d'une icône
Réponses: 2
Vues: 387

Intégration d'un diaporama (slidehow) dans un post.

Merci pour votre accueil ! I love you

Je vais vous donner le seul code dont je dispose (à savoir celui généré par le formulaire) :

Spoiler:
<style type="text/css">#rotator1518289519841 {height:120px;} #rotator1518289519841 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1518289519841 img { height:110px;width:150px; }</style><div id="rotator1518289519841"><a id="itemActif1518289519841" style="z-index:999" href="#" title="" target="_blank"><img src="https://i.imgur.com/8xHvgHC.jpg" alt="" /></a><a  href="#" title="" target="_blank"><img src="https://i.imgur.com/BErt705.jpg" alt="" /></a><a  href="#" title="" target="_blank"><img src="https://i.imgur.com/SBgeRSW.jpg" alt="" /></a></div><script type="text/javascript">(function(){var r = document.getElementById("rotator1518289519841"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1518289519841"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1518289519841";n.style.zIndex = 999})},3500)})();</script>


Donc voilà, ceci forme mon diapo.

Vous me parlez de <head> mais, je crois que, justement, c'est peut-être ça qui doit manquer pour que le diapo soit pris en charge sans que Voulez-vous utiliser le haut et le bas de page de votre forum ? soit coché ! (Enfin je pense.)

Donc voilà ! Je n'ai pas de <head> </ head>, je n'ai que ça, copié dans ma page HTML.
par Reeza
le Sam 10 Fév 2018 - 20:08
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Intégration d'un diaporama (slidehow) dans un post.
Réponses: 4
Vues: 358

Rangs type Futuriste

En bref...

Nature de la création : Rang
Taille de la création (en pixels) : 187x94
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : Fondateur, Modérateur, Graphiste, Membre, Junior, Elite, Awesome, Dieu,
Police à utiliser : Pas en particulier
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour,
Je voudrais des rangs. Je ne connais pas la taille idéal mais je pense que sa ira. En gros il y aurai la rang et au dessus un nombre d'étoile dans le même style. Donc avec le rang + le nombre d'étoile ça ferait brièvement la taille que j'ai rentré. Pour le style j'aimerai quelque chose de futuriste plutôt brillant qui change de couleur pour chaque grade. Pas trop d’importance mais que sa aille du moins brillant au plus pétant :
Membre : 1 étoile
Junior : 2 étoiles
Elite : 3 étoiles
Awesome : 4 étoiles
Graphiste : 4 étoiles
Dieu : 5 étoiles
Modérateur : 6 étoiles
Fondateur : 7 étoiles
Voila je pense avoir tout dit, merci d'avance et bonne journée :p


[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Val--
le Mer 7 Fév 2018 - 14:12
 
Rechercher dans: Demandes terminées
Sujet: Rangs type Futuriste
Réponses: 3
Vues: 557

Redimensionner une image

En bref...

Nature de la création : Header
Taille de la création (en pixels) : 100x100
Couleur de fond : N/A

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Marvel & Comics
Police à utiliser : Poppins
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour, un graphiste peut-il me redimensionner cette image ? Elle est trop haute il faudrait pouvoir garder les personnages tel quel, ne pas changer les couleurs et garder un fond assez large pour s'adapter au bloc "image fond de l'entête" c'est une version modern BB. Pour l'instant j'ai du mettre un code css ( valeur du headerbar 650px) pour agrandir l'emplacement du header pour que l'image ne soit pas coupée, je peux évidemment l'effacer ensuite. Pour la hauteur, je ne connais pas la dimension exacte de base du bloc prévu entre 400 et 500px ?
Si c'est possible, j'aimerai bien aussi un essai pour mettre le titre Marvel & Comics. J 'ai Poppins comme police, elle est simple donc j'aime bien mais je ne suis pas contre une police dans le style Comics. Merci d'avance.

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Surricate
le Ven 19 Jan 2018 - 17:02
 
Rechercher dans: Demandes terminées
Sujet: Redimensionner une image
Réponses: 2
Vues: 442

Réduire colonne DERNIER MESSAGE sur l'index.

@Milouze14 a écrit:Hello Electro0007,

RainyHalloween, ce style s'appliquera sur l'ensemble du fofo  Wink .


il suffit de mettre ce style (tout au début ) dans le template concerné :
Code:

<style>
  dd.lastpost{width:10%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
</style>


a++


Bonjour Milouze14,

Étrange car il me fait le même problème qu'avec le code de Rainyhalloween Crying or Very sad Il doit y avoir un autre code qui interfaire ... peut -être dans le css.

Voici le code css :
CSS:
/* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */

dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */

/* ******************Modification largeur barre de recherche******************* */

#search-box #keywords {
width: 225px;
position: relative!important;
top: 0px!important;
}

dl.newpost {
background-color:#EBEADD!important;}

#navMP{
height:16px;
height:1rem;
}
#navMP>a{
display:inline-block;
padding-left:.75em;
padding-right:.75em;
font-size:1.2em;
line-height:1.2em;
color:#000000;
background:#ffffff;
text-decoration:none !important;
border:1px solid #aaa;
}
#navMP>a:hover{
color:#ffffff;
background:#000000;
text-decoration:none !important;
}
#navMP-precedent{
float:left;
border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
float:right;
border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
content:"Précédent";
}
#navMP-suivant::before{
content:"Suivant";
}

/* ******************Position icon en ligne et hors ligne******************* */

div.post.online .postprofile:before
{
content: url(https://i.servimg.com/u/f11/19/78/33/65/vert-u10.png);
}
div.post .postprofile:before
{
content: url(https://i.servimg.com/u/f11/19/78/33/65/rouge-10.png);
left: 0px;
position: relative;
right: 0;
top: 0px;
z-index: 2;
}

/* ******************sert à aligner les titres réponses, vues et derniers messages******************* */

.topiclist.topics li.header dd.posts {
padding-left: 112px;
}

/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */

#M14_border
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */

ul.topics .M14_li dd.dterm{padding-left:0px;}
/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet
{
text-align: center;
width:45px;
}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti
{
text-align: center;
width:30px;
}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone
{
text-align: center;
width:75px;
}

/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}

/*On decale du haut l image de participation et icone de message*/

.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}

form#quick_reply div#textarea_content {
width: 750px !important;
height: 225px !important;

}

/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */

.postprofile {
width: 16%;
}

/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */

.postbody
{
clear: both;
color: #000000;
float: right;
line-height: 1.48em;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width: 83%;
}

/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */

.postprofile {text-align: center;}

/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */

blockquote blockquote {background-color: #CADCEB;}

/* ******************LARGEUR DES COLONNES DANS LES FORUMS******************* */

/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */

dd.posts, dd.topics, dd.views {
width: 6%!important;
}

/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */

span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}

/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */

#smiley-box {float: left;}
#textarea_content_1{float:right;
margin-top: 2px;}
par Electro0007
le Lun 4 Déc 2017 - 15:07
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Réduire colonne DERNIER MESSAGE sur l'index.
Réponses: 14
Vues: 654

[ModernBB] Problème de fond de page

Détails techniques


Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome, Safari
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://onimatricorn.forumactif.com

Description du problème

Bonjour à tous-tes,

Je m'inscris sur votre forum afin de résoudre un léger casse-tête. Admin d'un forum en phpBB2, j'ai récemment décidé de changer de version et de passer en ModernBB. Afin de préparer ma charte graphique, j'ai créé un forum test me permettant de découvrir ModernBB et ses possibilités de personnalisation.

Mon problème est le suivant : je souhaite utiliser une image comme fond de page et que celle-ci puisse s'adapter à tous les utilisateurs.

J'ai par conséquent utilisé le code suivant :

Code:
body
{
  background-image: url(http://image.noelshack.com/fichiers/2017/44/6/1509797032-test-fofo.jpg);
  background-attachement: fixed;
  background-size: cover;
}   
 


Cependant, celui-ci ne semble pas fonctionner. En effet, mon image de fond de page est bien en place, mais dès que je scroll elle disparaît pour laisser place à une couleur de fond de page #FFFFFF
Cette même couleur est impossible à changer dans la gestion des couleurs du PA.

Par conséquent, quelqu'un posséderait-il une solution à mon casse-tête?

Bien cordialement et merci pour votre lecture,
Philos_a113

par Philos_a113
le Sam 4 Nov 2017 - 13:22
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: [ModernBB] Problème de fond de page
Réponses: 3
Vues: 352

3 boutons pour mon forum

En bref...

Nature de la création : Bouton
Taille de la création (en pixels) : 259x80
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : voir la descritption en bas
Police à utiliser : arial
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : bonjour il me faudrait 3 bouton : 1) Poster un sujet 2) répondre au sujet 3) poster un nouveau MP


taille d'écriture souhaiter : 20

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par cdrousseau26
le Mer 19 Juil 2017 - 20:17
 
Rechercher dans: Demandes terminées
Sujet: 3 boutons pour mon forum
Réponses: 6
Vues: 711

Apparence de la zone de recherche (toolbar)

Ca fonctionne merci Wink
Pour ceux qui passeraient dans ce topic et qui veulent aussi changer la couleur du texte de la zone de recherche de la toolbar Wink
Code:
#fa_search #fa_textarea {
  color: #ffffff !important;
}

Ce code fonctionne Wink
Pour changer la couleur, modifier ceci :
#ffffff
par Mat
le Mar 4 Juil 2017 - 13:02
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Apparence de la zone de recherche (toolbar)
Réponses: 2
Vues: 252

Demande de création icone

En bref...

Nature de la création : Icones
Taille de la création (en pixels) : 77x19
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : Complète
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour a tous,

comme décris ci dessus j'aimerais avoir un icone de message comme les votres (validé, en cours, etc... actuellement, sur fond bleu a avec inscrit "complète".
Merci par avance
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.

par bush76
le Ven 23 Juin 2017 - 9:36
 
Rechercher dans: Demandes terminées
Sujet: Demande de création icone
Réponses: 5
Vues: 635

Enlever le mot "sujet" et le remplacer par le nom du membre

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://poetikart.forumactif.org  

Description du problème

Bonjour,
J'ai essayé de trouver une réponse à mon souci d'apparence mais je n'ai rien qui correspondait.
J’aimerais qu'à la place du mot sujet souligné en jaune dans la capture soit remplacé par le nom du membre.

Je ne sais pas quels Templates vous mettre!

Merci d'avance.

Capture d'écran:
Feuille CSS:
.bodyline {
-webkit-border-radius:12px;
-moz-border-radius:14px;
border-radius:14px;
}
/*fond page d accueil*/
#page-accueil, #page-accueil .row1 {
 background: none;
}
a:hover{
   font-variant: small-caps;
}
a { text-decoration: none; }
.bodyline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #000000;
}
.bodyline{box-shadow:0 0 20px #000000;}
td.catBottom {
   border-radius: 100px !important;
}
.forumline tr th:first-child {
   border-radius: 100px 0 0 100px !important;
}
.forumline tr th:last-child {
   border-radius: 0 100px 100px 0;
color: #ffffff;
text-align: center;
font-size :14px;
}
.forumline{
   background-color: #COULEUR;
   -webkit-border-radius:10px;
   -moz-border-radius: 10px ;
   border-radius:10px;
   border: 3px #COULEUR solid;
}
.forumline {
   margin-top:17px;
}

.infobulle{
position: relative;
z-index: 0;}

.infobulle:hover{
background-color: transparent;
z-index: 50;}
.avatar_mess
{
 display: block;
 width: 160px;
 height: 220px;
 margin-left: 0px;
 margin-right: 0px;
 overflow: hidden;
 background: #eef0d3;
 border: 3px   #afddcb;
 transform: rotate(-0deg);
 -moz-transform: rotate(-0deg);
 -o-transform: rotate(-0deg);
 -ms-transform: rotate(-0deg);
 -htm-transform: rotate(-0deg);
 -webkit-transform: rotate(-0deg);
 box-shadow: 0px 0px 6px #000000;
 -moz-box-shadow: 0px 0px 6px #000000;
 -o-box-shadow: 0px 0px 6px #000000;
 -htm-box-shadow: 0px 0px 6px #000000;
 -webkit-box-shadow: 0px 0px 6px #000000;
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatar_mess:hover
{
 margin-left: 5px;
 transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -htm-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess
{
 position: absolute;
 display: block;
 width: 150px;
 height: 220px;
 margin: auto;
 padding: 5px;
 overflow: auto;
 background: #EEF0D3;
 color: #437a73;
 font-size: 11px;
 opacity: 0;
 -moz-opacity: 0;
 -khtml-opacity: 0;
 filter: alpha(opacity=0);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess:hover
{
 opacity: 1;
 -moz-opacity: 1;
 -khtml-opacity: 1;
 filter: alpha(opacity=100);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.pseudo_mess
{
 display: block;
 position: relative;
 z-index: 3;
 width: 190px;
 margin-top: -10px;
 margin-left: 10px;
 text-align: center;
 font-size: 13px;
 font-family: verdana;
 font-weight: bold;
 text-shadow: 0px 0px 3px #c5bea0;
 background: #EEF0D3;
 padding-top: 5px;
 border-left: 3px solid #EEF0D3;
 border-right: 3px solid #EEF0D3;
 border-top: 1px solid #EEF0D3;
 border-bottom: 1px solid #000000;
 box-shadow: 0px 0px 3px #000000;
 -moz-box-shadow: 0px 0px 3px #000000;
 -o-box-shadow: 0px 0px 3px #c5bea0;
 -htm-box-shadow: 0px 0px 3px #000000;
 -webkit-box-shadow: 0px 0px 3px #000000;
}
a.nav img {
 max-width: 100%;
}
par Gourmandine.P
le Lun 19 Juin 2017 - 11:24
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Enlever le mot "sujet" et le remplacer par le nom du membre
Réponses: 2
Vues: 318

La taille changeante du forum

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://poetikart.forumactif.org  

Description du problème

Bonjour,
J'ai un souci que je n'arrive pas à résoudre.
Lorsque je suis sur la page d'accueil du forum la taille que j'ai défini est correcte, mais lorsque j'ouvre un sujet posté afin de le lire la fenêtre du forum s'agrandit ce qui est désagréable pour les yeux.
Est-ce que cela est possible de mettre ta taille du forum fixe pour toutes les pages et sujets.
Merci pour votre réponse.
Mon CSS:
.bodyline {
-webkit-border-radius:12px;
-moz-border-radius:14px;
border-radius:14px;
}
/*fond page d accueil*/
#page-accueil, #page-accueil .row1 {
 background: none;
}
a:hover{
   font-variant: small-caps;
}
a { text-decoration: none; }
.bodyline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #000000;
}
.bodyline{box-shadow:0 0 20px #000000;}
td.catBottom {
   border-radius: 100px !important;
}
.forumline tr th:first-child {
   border-radius: 100px 0 0 100px !important;
}
.forumline tr th:last-child {
   border-radius: 0 100px 100px 0;
color: #ffffff;
text-align: center;
font-size :14px;
}
.forumline{
   background-color: #COULEUR;
   -webkit-border-radius:10px;
   -moz-border-radius: 10px ;
   border-radius:10px;
   border: 3px #COULEUR solid;
}
.forumline {
   margin-top:17px;
}

.infobulle{
position: relative;
z-index: 0;}

.infobulle:hover{
background-color: transparent;
z-index: 50;}
.avatar_mess
{
 display: block;
 width: 160px;
 height: 220px;
 margin-left: 0px;
 margin-right: 0px;
 overflow: hidden;
 background: #EEF0D3;
 border: 3px   #afddcb;
 transform: rotate(-0deg);
 -moz-transform: rotate(-0deg);
 -o-transform: rotate(-0deg);
 -ms-transform: rotate(-0deg);
 -htm-transform: rotate(-0deg);
 -webkit-transform: rotate(-0deg);
 box-shadow: 0px 0px 6px #000000;
 -moz-box-shadow: 0px 0px 6px #000000;
 -o-box-shadow: 0px 0px 6px #000000;
 -htm-box-shadow: 0px 0px 6px #000000;
 -webkit-box-shadow: 0px 0px 6px #000000;
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatar_mess:hover
{
 margin-left: 5px;
 transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -htm-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess
{
 position: absolute;
 display: block;
 width: 150px;
 height: 220px;
 margin: auto;
 padding: 5px;
 overflow: auto;
 background: #EEF0D3;
 color: #437a73;
 font-size: 11px;
 opacity: 0;
 -moz-opacity: 0;
 -khtml-opacity: 0;
 filter: alpha(opacity=0);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess:hover
{
 opacity: 1;
 -moz-opacity: 1;
 -khtml-opacity: 1;
 filter: alpha(opacity=100);
     transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.pseudo_mess
{
 display: block;
 position: relative;
 z-index: 3;
 width: 170px;
 margin-top: -10px;
 margin-left: 10px;
 text-align: center;
 font-size: 13px;
 font-family: courier;
 font-weight: bold;
 text-shadow: 0px 0px 3px #c5bea0;
 background: #EEF0D3;
 padding-top: 5px;
 border-left: 3px solid #EEF0D3;
 border-right: 3px solid #EEF0D3;
 border-top: 1px solid #EEF0D3;
 border-bottom: 1px solid #000000;
 box-shadow: 0px 0px 3px #000000;
 -moz-box-shadow: 0px 0px 3px #000000;
 -o-box-shadow: 0px 0px 3px #c5bea0;
 -htm-box-shadow: 0px 0px 3px #000000;
 -webkit-box-shadow: 0px 0px 3px #000000;
}


Page normale:
Page plus grande:
par Gourmandine.P
le Mer 14 Juin 2017 - 13:10
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: La taille changeante du forum
Réponses: 4
Vues: 300

Probleme avec le header de fond aléatoire

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum : http://14v24.forumactif.org/

Description du problème

Bonjour,
Après avoir suivi les indications trouvées sur ce forum (https://forum.forumactif.com/t275674-banniere-aleatoire-pour-headers-en-fond-de-page) pour installer une bannière de fond aléatoire, cela ne marche absolument pas...

mon css:
/*--------------------------------------------
COULEURS

marron : #282522
bleu : #1000ff
fuschia : #ff00d2
jaune : #c0ff00
gris : #e8e8e8
--------------------------------------------*/







/*--------------------------------------------
WACKY NEWS
--------------------------------------------*/
.news {
background:#f2f2f1;
padding:5px;
padding-left:40px;
padding-right:40px;
font-family:Playfair display;
text-align:justify;
font-size:10px;
color:#000;
}

.news_issue {
font-family:Playfair display;
text-transform:uppercase;
font-size:8px;
margin-top:-3px;
letter-spacing:2px;
color:#d7d7d7;
margin-left:-20px;
}

.news_titre {
font-family:Playfair display;
text-transform:uppercase;
font-size:59px;
text-align:center;
font-weight:bold;
margin-top:-10px;
letter-spacing:1px;
color:#000;
border-bottom:1px solid #000;
line-height:59px;
padding-bottom:5px;
}

.news_chapeau {
font-family:Playfair display;
text-transform:uppercase;
font-size:13px;
letter-spacing:1px;
margin-top:-10px;
color:#000;
}

.news table{
width:420px;
valign:top!important;
}

.news table td {
width:200px;
font-family:Playfair display;
font-size:11px;
valign:top!important;
line-height:13px;
}

.news table td a {
font-family:Playfair display;
font-style: italic ;
font-weight:bold;
color:#000!important;
}

.news table td a:hover {
color:#efc900!important;
}

.news_col_titre {
font-family:Playfair display;
text-transform:uppercase;
font-size:15px;
font-weight:bold;
text-align:left;

}

.news_img {
width: 200px;
height: 75px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;

}




body {
background-color: #282522;
}

.ban1 { background-image: url('ttps://img4.hostingpics.net/pics/628786bann01.png'); z-index:1000!important;}
.ban2 { background-image: url('https://redcdn.net/hpimg4/pics/195713bann02.png');z-index:1000!important; }
.ban3 { background-image: url('https://redcdn.net/hpimg4/pics/848840bann03.png');z-index:1000!important; }

/* .ban1 { background-image: url('https://redcdn.net/hpimg4/pics/628786bann01.png'); background-position: top center;
background-repeat: no-repeat;}
.ban2 { background-image: url('https://redcdn.net/hpimg4/pics/195713bann02.png'); background-position: top center;
background-repeat: no-repeat;}
.ban3 { background-image: url('https://redcdn.net/hpimg4/pics/848840bann03.png'); background-position: top center;
background-repeat: no-repeat;}*/




/*--------------------------------------------
FICHE RELATIONS
--------------------------------------------*/


.relations {
float:left!important;
}

.relations_caractere{
background: #fff;
width:117px;
font-family:Playfair display;
text-align:center;
letter-spacing:1px;
padding:2px;
font-size:10px;
text-transform:uppercase;
color:#efc900;
float:right!important;
margin:2px;

transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.relations_caractere:hover{
color:#1ed8d7;
}



.relations_caractere2{
background: #fff;
width:242px;
font-family:Playfair display;
text-align:center;
letter-spacing:1px;
padding:2px;
font-size:10px;
text-transform:uppercase;
color:#efc900;
float:right!important;
margin:2px;

transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.relations_caractere2:hover{
color:#1ed8d7;
}

/*--------------------------------------------
page d'accueil
--------------------------------------------*/
.pa_txt_cont {
font-family:Playfair display;
font-weight:bold;
font-size:30px;
text-transform:uppercase;
color:#efc900;
float:right!important;
text-align:left;
margin-top:-97px;
margin-right:10px;
line-height:30px;
letter-spacing:5px;

transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.pa_txt_cont:hover {
color:#1ed8d8;
}

.pa_txt_news {
font-family:Playfair display;
font-weight:bold;
font-size:30px;
text-transform:uppercase;
color:#1ed8d8;
float:right!important;
text-align:left;
margin-top:-97px;
margin-right:20px;
line-height:30px;
letter-spacing:5px;

transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.pa_txt_news:hover {
color:#efc900;
}

#over {
height:100px;
width:390px;
overflow:hidden;
position:relative;
display:inline-block;
}
#over img {
height:100px;
width:390px;
position:absolute;
top:0px;
left:0px;
-webkit-transition:left 1s linear;
transition:left 1s linear;

}
#over div.textset {
height:90px;
width:280px;
padding:5px;
background:#fff; /*FOND DU TEXTE RP ET MEMBRE DU MOIS*/
overflow:auto;
text-align:justify;
}
#over:hover img {
left:-350px;
-webkit-transition:left 1s linear;
transition:left 1s linear;
}




.pa_predef_img{
height:33px;
width:33px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
float: left;
margin-right:3px;
margin-bottom:3px;
}


.pa_staff{
height:69px;
width:122px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
float: left;
margin-right:3px;
margin-bottom:3px;
}


.pa_tab_gen {
width:100%;
height:309px;
margin-left:2px;
}

.pa_line1 {
height:100px;
width:100%;
}

.pa_line2 {
height:100px;
width:100%;
}

.pa_line3 {
height:60px;
width:100%;
padding-left:5px;
}

.pa_pred {
width:253px;
margin-left:10px!important;
background:#fff;
height:74px;
padding-top:3px;
padding-left:4px;
}


.pa_liens {
height:18px;
width:194px;
background:#fe786d;
margin-bottom:2px;
margin-top:2px;
font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;

transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.pa_liens a{

font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;
color:#000!important;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}


.pa_liens a:hover {

color:#fe786d;
}

.pa_liens:hover {

background:#fff;

}


.pa_part {
height:32px;
width:790px;
padding-left:5px;
}

/******************************SLIDESHOW********************/
.contener_slideshow
{
width:392px;
height:100px;
overflow: hidden;
position: relative;
background-image: url(YOUR-URL-IMAGE.png);
}
.slid_1, .slid_2, .slid_3
{
position: absolute;
width:392px;
height:100px;
}
.slid_1{left: 0;}
.slid_2{left: 392px;}
.slid_3{left: 784px;}
.contener_slide
{
width: 784px;
height: 100px;
left:0px;
position: absolute;
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-name: anim_slide;
-moz-animation-duration: 10s;
-moz-animation-iteration-count:infinite;
-moz-animation-name: anim_slide;
-ms-animation-duration: 10s;
-ms-animation-iteration-count:infinite;
-ms-animation-name: anim_slide;
animation-duration: 10s;
animation-iteration-count:infinite;
animation-name: anim_slide;
}
@-webkit-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@-moz-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@-ms-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}



/*--------------------------------------------
Barre de navigation + toolbar
--------------------------------------------*/
/*Retire faq & calendrier*/

a.mainmenu[href="/calendar"] {display: none !important;}
a.mainmenu[href="/faq"] {display: none !important;}


/* FOND TOOLBAR */
#fa_toolbar {
padding-top:0px !important;
background:#f8f2e2!important; /* MODIFIABLE */
}
/* BORDURE AVATAR TOOLBAR */
.fa_avatar {
float:left; position:relative; z-index:5; margin-left:20px; margin-right:15px; margin-top:-5px;
width:40px; height:50px; border-radius:75px; overflow:hidden; border:7px solid;
border-color:#f8f2e2; /* MODIFIABLE */
}
.fa_avatar img{
width:100px;
}
#fa_right {
float:left !important;
}
/* MENU TOOLBAR */
ul#fa_menulist {
z-index:3 !important; margin-top:-20px !important; border:none !important;
background:#fff !important; /* MODIFIABLE */
margin-left:-60px;
}
/* LIENS MENU TOOLBAR */
#fa_menulist a:link, #fa_menulist a:visited {
color:#18beb2 !important; /* MODIFIABLE */
font-size:10px;
font-family: "Open sans";
}

#fa_menulist a:hover{
color:black !important; /* MODIFIABLE */
}
/* BARRE DE NAVIGATION */
#navSIT {
position:fixed; z-index:20003 !important;
top:5px; right:25px;
}
#navSIT img{
width:20px;margin-right:5px;
}

/* LIENS NAVIGATION */
#navSIT a{
text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial;
color:#18beb2; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}

/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey !important; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:25px !important; left:5% !important;
}
#search_menu a{
background:none !important; border:none !important; color:inherit !important;
}
/* SUPPRESSION ELEMENTS TOOLBAR */
#fa_share {
display:none !important;
}
#fa_icon {
opacity:0 !important;
}
a#fa_service {
opacity:0 !important;
}
#fa_search {
display:none !important;
}
#fa_hide {
display:none !important;
}

/*NOTIF*/
#fa_right a.rightHeaderLink {
margin-left:10px;
color:e#fc900 !important;
font-size:12px;
}

#fa_welcome {
background:none !important;
font-size:12px;
}

div#fa_usermenu {
display:none !important;
}





/*--------------------------------------------
Affichage liste des membres
--------------------------------------------*/

/* BLOC LISTE DES MEMBRES */
#LMBER {
width:700px; margin:auto;
}
/* BLOC MEMBRE */
#MBER {
float:left; width:220px; height:210px; margin:5px;
}
/* PSEUDONYME */
.nameLMBER{
margin-bottom:5px;
width:215px; padding-left:5px;
text-align:left; text-transform:uppercase;
}
/* INFORMATIONS */
.stsLMBER {
display:inline-block; vertical-align:top;
width:100px; font-size:11px;
}
/* CONTENU INFORMATIONS */
.stsLMBER div{
margin:5px 0; padding:5px;
background:white; color:black; /* MODIFIABLE */
}
/* IMAGES PROFIL & WWW */
.mpwLMBER {
background:none !important;
}
/* AVATAR MINIATURISE */
#imgLMBER {
display:inline-block; margin-left:10px; width:100px; height:160px; overflow:hidden;
}
.imgLMBER {
position:relative;
width:100px; height:160px; overflow:hidden;
}
.imgLMBER div img{
position:absolute; margin-left:-50px; width:100px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
#imgLMBER:hover .imgLMBER div img{
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* HUMEUR */
.imgLMBER span {
position:absolute;
width:90px; height:150px; padding:5px; overflow:auto;
text-align:justify; font-size:10px;
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
transform:translateX(-150px); -webkit-transform:translateX(-150px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#imgLMBER:hover .imgLMBER span{
transform:translateX(-50px); -webkit-transform:translateX(-50px);
}
/* AFFICHAGE GROUPES LISTE DES MEMBRES */
.grpLMBER {
display:block; margin:5px auto; padding:5px;
text-transform:uppercase; font-weight:bold; font-size:12px;
border:1px solid black; /* MODIFIABLE */
}




/*--------------------------------------------
Messages privés
--------------------------------------------*/

#ava_mp img{
width: auto;
height: auto;
max-height: 200px; /*hauteur max*/
}
#mp_read {

min-height: 150px;
width 470px!important;
background: #f9f3e2;
margin-top:10px!important;

padding: 10px 15px 20px 15px;
margin-top: -15px;
position: relative;
z-index: 1;
text-align: justify;
color: #191919 !important;


}

#private_message {

padding:5px;
}

#un_mp {
background:#b1a86b;

}





* {
font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}



/*****************INFOBULLE**************/

.infobulle_txt {
width:200px !important;
height:100px!important;
overflow:auto;

}

a.infobulle {
position: relative;
color: #576186;
text-decoration: none;
background: none; /* correction d'un bug IE */

}

a.infobulle span {
display: none; /* on masque l'infobulle */
font-size: 10px;



}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;


bottom: 20px; /* on positionne notre infobulle */
width:200px;
height:100px;

background: #faf1cc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #576186;
padding: 10px;
border: 1px solid #f2da7d;
}


.infobulle2_txt {
width:250px !important;
height:70px!important;
overflow:auto;

}

a.infobulle2 {
position: relative;
color: #576186;
text-decoration: none;
background: none; /* correction d'un bug IE */

}

a.infobulle2 span {
display: none; /* on masque l'infobulle */
font-size: 10px;



}
a.infobulle2:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle2:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
overflow:auto;

bottom: 20px; /* on positionne notre infobulle */
width:250px;
height:70px;

background: #fff;
color: #576186;
padding: 10px!important;
border: 5px solid #ff786e;
}


/******************************************************* DÉBUT CATÉGORIES *******************************************************/


/*Catégorie*/
.cate {
margin: auto;
background:#fdfbef;
margin-bottom: 0px;
width: 800px !important;
}


/*Fond du titre de la catégorie*/
span.cate_title {
display: block;
background-image: url('https://i.servimg.com/u/f58/19/51/69/41/03_cod10.jpg');
width: 800px;
padding-top:50px;
height: 118px!important;
z-index:1!important;
}

/*Titre de la catégorie*/
.cate_title h2 {
display: block;
margin: 0px;
padding: 0px;
font-family: 'Miniver', cursive;
font-size: 36px;
color: #00eaff;
font-weight: normal;
letter-spacing: 1px;
}


/*Bloc de chaque forum*/
.forum {
width: 780px;
margin-bottom:15px;
margin-left:20px;
text-align: center;
color: #7b848f;
}



/*Section gauche*/
.forum_left {
width: 110px;
padding:5px;

background:url('https://redcdn.net/hpimg15/pics/397663fondavatar.png') no-repeat;
}


/*avatar dernier posteur*/
.lastpost_ava img{
width: auto;
height: auto;
max-height: 149px; /*hauteur max*/


}


.imgnew {
margin-top:-14px;
position:absolute;
margin-left:32px;
}


/*Section milieu*/
.forum_center {
width: 433px;
height: 167px !important;


text-align: center;
background:url('https://redcdn.net/hpimg15/pics/883206fondforum.png') no-repeat;
color:#fff;

}

/*Section droite*/
.forum_right {
width: 210px;
padding:5px;
padding-left:0px;
margin-left:-10px!important;
text-align: center;
background:url('https://redcdn.net/hpimg15/pics/146605fondforumright.png') no-repeat ;
}

/*Titre du forum*/
a.forumlink {
font-family: 'Miniver', cursive;
font-size: 25px;
color: #ff786e!important;
font-weight: lighter;
letter-spacing: 2px;
transition: 0.5s;
-webkit-transition: 0.5s;
text-shadow: 1px 1px #efc900;

}

/*Titre du forum survolé*/
a.forumlink:hover {
text-decoration: none!important;
letter-spacing: 4px !important;
color:#efc900 !important;
}

/*Bloc de la description du forum*/
.forum_desc_container {
width: 395px;
padding-left:8px!important;

}


/*Bloc liens importants*/
.forum_desc_liens {
font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;
height:16px;
}

.forum_desc_liens a{
color:#fff!important;
}


/*Description du forum*/
.forum_desc{
height: 45px;
padding:5px;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height:11px;
text-align: justify;
overflow: auto;
margin-bottom:-20px;


}

/*Sous-forums*/
.forum_sous_forums {
text-align: center;
transition: 0.5s;
-webkit-transition: 0.5s;
font-size: 9px;
color:#d2a101;
}

.forum_sous_forums a{
font-family: 'Playfair Display', serif;
font-size: 9px;
letter-spacing:0.5px;
text-align: center;
text-transform:uppercase;
}



/*Statistiques*/
.forum_stats {
font-family: 'Playfair Display', serif;
font-size: 16px;
line-height:17px;
letter-spacing:1px;
text-transform:uppercase;
color:#fff;
padding-left: 15px;

}

.esperluette {
font-family: 'Playfair Display', serif;
font-size: 60px;
}

.stats_nbr {
float:right;
margin-right:25px!important;
font-family: 'Playfair Display', serif;
font-size: 15px;
}

/*Dernier message*/
.forum_last_mess {
font-family: 'Playfair Display', serif;
font-size: 10px;
line-height:11px;
text-transform:uppercase;
letter-spacing:1px;
color: #fff;



}
/*Placement du titre du dernier message*/
.forum_last_mess a {
margin-bottom: 3px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-transform:none!important;
text-decoration:none;

}
.forum_last_mess a:hover{
color:#00eaff;
letter-spacing:1px !important;
text-decoration:none !important;
}


/*Mise en forme de l'auteur du dernier message*/
.forum_last_mess a.gensmall, .forum_last_mess a.gensmall strong {
display: inline;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: normal!important;
font-variant: normal;
font-size: 11px;
text-transform:none!important;
text-shadow : 1px 1px #fff;
}






/*--------------------------------------------
BOUTON SELECTIONNER
--------------------------------------------*/
.selectCode { float:right; text-transform: uppercase; font-size:10px; letter-spacing:1px; cursor:pointer; }
div.cont_code { clear: right; }



/*--------------------------------------------
QUOTES, CODES & SPOILERS
--------------------------------------------*/

.quote{
background:#f3da7e;
border:none;
padding:5px;
}

.code{
background:#fe786d;
border:none;
padding:5px;
color:#fff;
}


.spoiler_closed
{
background-color:#1ed8d7; /*couleur de fond du spoiler fermé*/
border:none;
}
.spoiler_content
{
background-color:#ffffff; /*couleur de fond du spoiler ouvert*/
color:#1ed8d7; /*couleur de police*/
padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 15px;
}


/*--------------------------------------------
PROFIL & MESSAGES
--------------------------------------------*/



/****** ONLINE / OFFLINE ************/
#offlineimg {
background-image: url('https://i.servimg.com/u/f58/19/51/69/41/online11.jpg');
width: 75px;
height: 15px;
}


/*******BTN EN SAVOIR PLUS********/
.bouton-profil {
cursor: pointer; /* curseur au survol */
margin: 2px 0; /* petite marge en haut et en bas */
padding: 2px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
background: #1ed8d7; /* couleur de fond */
border: 1px solid #1ed8d7; /* bordure */
color: #fff; /* couleur texte */
font-size: 10px; /* taille du texte */
text-transform:uppercase;
font-family: 'Playfair Display', serif;
letter-spacing: 2px; /* espace entre les lettres */


transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.bouton-profil:hover {
background: #fe786d; /* couleur de fond */
border: 1px solid #fd5f52; /* bordure */
color: #fff; /* couleur texte */
letter-spacing: 3px; /* espace entre les lettres */
}



.profil_rank {

font-family: 'Playfair Display', serif;
text-transform:uppercase;
background: #fdfbef;
letter-spacing:1px;
font-size:9px;
color:#18beb2;
text-align:center;
}

.pseudo{
font-family: 'miniver'!important;
font-size:20px;
text-transform:lowercase;


font-weight:lighter !important;
text-align: center !important;
height:25px;
width:200px;

}

div.pseudo{
font-family: 'miniver'!important;
font-size:20px;
text-transform:lowercase;}

.icon_profile {
background-color: #f9f3e2;
text-aling:center;
padding-top:5px;
margin-top:-10px;

}
.details_contener {
text-align:center;
z-index:100;
margin-bottom:15px;
background-color: #f9f3e2;
}

.postdetails {
font-family: 'Playfair Display', serif;
font-size:12px;
}

.date {
font-family: 'Open Sans', sans-serif;
font-size:9px;
color:#152147;
letter-spacing:1px;

}
.post-options {
text-align:center;
}


.sujet_title {
font-family: 'miniver'!important;
font-size: 20px;
letter-spacing:2px;
color:#1ed8d7;
text-align: center !important;
margin-top: 40px !important;
margin-bottom:-15px !important;
background:#f3da7e;
height:45px;
width:800px!important;
border-bottom: 2px solid #f3da7e;

transition:all 0.7s;
-moz-transition:all 0.7s; /* Mozilla Firefox */
-webkit-transition:all 0.7s; /* Safari et Google Chrome */
-o-transition:all 0.7s; /* Opera */
}

.titremess {
z-index:100 !important;
margin-top: 5px;
text-shadow: 1px 1px #ff7c74;
font-family: 'miniver'!important;
font-size: 20px;
}

.profil_avatar {
background-color: #f9f3e2;
width:200px;
height:360px;
padding:10px;

}





.corpsmess{
font-family: 'Open Sans', sans-serif;
font-size:12px;
min-height: 150px;
width 470px!important;
background:#fdfbef;

padding: 10px 15px 20px 15px;
position: relative;
z-index: 1;
text-align: justify;
color: #191919 !important;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

.corpsmess a{
color: #dd3602!important;
}


#profilmess{
font-size: 10px;
position: relative;
z-index: 3;
padding:10px;
}

.profil {
font-family: 'Open Sans', sans-serif;
background:#8aeeee;
margin-top:5px;
padding:5px;

}

.profil_line{
background:#a7f3f3;
margin-bottom:-15px;
padding:3px;
}

.profil_field img{ max-width: 200px;}

.profil_label {
font-family: 'Playfair Display', serif;
text-transform:uppercase;
letter-spacing:1px;
font-size: 10px !important;
line-height:16px;
font-size:900;
}

.profil_field {
color:#1a6d6d;
font-family: 'open sans', sans-serif;
font-size:8px;

}

.profil_rpg {
font-family: 'Playfair Display', serif;

font-size: 11px !important;
color:#1c2d2b!important;
line-height:12px;
background:#f3da7e;
margin-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:8px;

}

.profil_rpg a{
font-family: 'Playfair Display', serif;
text-transform:lowercase;

font-size: 12px !important;
color:#e4d7c8;
margin-top:-10px !important;
margin-bottom:5px;
}

#messageapp {
background:#fdfbef;
color: #797270;
margin-top:-15px;
padding:10px;
padding-top:20px;
width:800px;
}



/*--------------------------------------------
AFFICHAGE DU PROFIL
--------------------------------------------*/


.container{
width:100%;
height:auto;
background:#fdfbef;
margin-left:auto;
margin-right:auto;
margin-top:35px;
overflow:hidden;
}

.top{
float: left;
width:100%;
height:120px;
background-color:#1ed8d7;
border-bottom: 1px solid #fff;
text-align:center;
}

.profil-img{
float:left;
width:120px;
height:120px;
border-radius:50%;
border:8px solid #fe786d;
background-color:#fff;
margin-left:15px;
margin-top:15px;
overflow:hidden;
}
.profil-img img{
width:125px;

}
.profil-name{
float:left;
margin-left:150px;

margin-top:20px;
height:auto;
color:#fff;
font-family: 'miniver';
font-size:35px;
position: absolute;
}

.rang_prof {
font-family: 'Playfair Display', serif;
text-transform:lowercase;
font-size: 15px;
line-height:25px !important;
color: #fff;
}

.middle{
float:left;
width:90%;
margin:40px 5%;

}

.descriptionProfil{
float:left;
width:90%;
height:auto;
font-family: 'open sans', sans-serif;
margin-bottom:20px;
margin-left: 35px;
font-size:13px;
color:#000;
background-color:#f8f2e2;
padding:15px 1%;
-webkit-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
-moz-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
}

.expand{

width:434px;
height:200px;
border: 3px solid #81d4fa;

}

.hidden{
display:none;
}

.info{
float:left;
margin-left:40px;
margin-bottom: 20px;
height:100px;
padding-top:6px;
padding-bottom:10px;
width:90%;
background-color:#f8f2e2;
-webkit-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
-moz-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
height:auto;
}

.single-info{
float:left;
width:98%;
padding-left:2%;
color:#eeb601;
height:auto;

}

.info-title{
float:left;
width:20%;
margin-left:2%;
font-family: 'open sans', sans-serif;
}

.info-desc{
float:left;
width:78%;
font-family: 'open sans', sans-serif;
}


/******************************************************* DÉBUT Sujets *******************************************************/

.img_liste_sujets {
background:#fdfbef;

}


.sujet_forumlink {
background:#f9f3e2;
padding:5px;
padding-left:10px;
}

/*Bloc des sujets*/
.sujets {
margin: auto;
background-image: url('https://redcdn.net/hpimg4/pics/971652hautlistesujets.png');
background-repeat: no-repeat;
width: 790px;
margin-top:10px;
}
/*Titre du bloc des sujets*/
.sujets_top_title {
display: block;
width: 750px;
margin-top: 15px;
height:95px;
}

/*Liste des sujets*/
.sujets_list {
width: 790px;
padding-top: 10px;
padding-bottom: 0px;
text-align: left;
color: #7b848f;
background:#fdfbef;
margin-top:-20px;
}

/*Polices des éléments hors sujets*/
.sujets_font {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: #7b848f;
}

/*Chaque sujet*/
.sujet {
position: relative;
width: 780px;
margin-bottom: 10px;

font-size: 12px;
font-family: 'Open Sans', sans-serif;
}

/*Type de sujet*/
.sujet_type {
font-family: 'Playfair Display', serif;
font-size: 12px;
color: #fe786d!important;
padding-left:5px;
text-transform: uppercase;
letter-spacing:1px;
}

/*Titre du sujet*/
a.sujetlink {
font-family: 'Playfair Display', serif;
font-size: 12px;
color: #000!important;

font-weight: normal;
margin-bottom:-3px;
text-decoration: none!important;

-webkit-transition: all 1s; /* pour navigateur webkit */
-moz-transition: all 1s; /* pour navigateur mozilla */
-o-transition: all 1s; /* pour navigateur opera */
transition: all 1s; /* pour les navigateurs récents */
}
/*Titre du sujet survolé*/
a.sujetlink:hover {
text-decoration: none!important;
font-weight:700;
color:#1ed8d7 !important;
}

/*Auteurs des sujets*/
.sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a {
font-family: 'Open Sans', sans-serif;
font-size: 9px;
text-decoration:none;
font-weight:600;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;

}

.sujet_stats_back {
font-family: 'Playfair Display', serif;
font-size: 10px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #fff;
background:url('https://redcdn.net/hpimg4/pics/661038stats.png') no-repeat left center;
}
.sujet_stats_back_txt {
font-family: 'Playfair Display', serif;
font-size: 8px;
letter-spacing:1px;
color: #fff;
margin-left:4px;
}

.sujet_stats_last {
font-family: 'Open Sans', sans-serif;
font-size: 8px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #000;
background:#f9f3e2;
padding:5px;
}

.sujet_stats {
font-family: 'Open Sans', sans-serif;
font-size: 8px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #000;
}





/*--------------------------------------------
CHATBOX
--------------------------------------------*/
#chatbox_header .cattitle:before { content: "Le repère des détraqués | "; } /* Modifier NOM par le titre que vous désirez */

.fond_smileys{
background: url('https://i.imgur.com/adFe7.png')!important;
}




body.chatbox {
background-color: #fdfbef;
}
#chatbox_header .catBottom .cattitle {
color: #1ed8d7;

}
#chatbox_header .catBottom {
background : #1ed8d7;
}

#chatbox .cb-avatar, #chatbox .cb-avatar > img { width: 20px !important;}

#chatbox .cb-avatar { background: transparent !important; box-shadow: none !important; }
body #chatbox .cb-avatar { border: none !important; /*retirer la bordure*/ }

#chatbox .cb-avatar > img{ border-radius: 50% !important; }

#chatbox .user-msg .user, #chatbox .user-msg .msg {
display: inline;
}

#chatbox_members .cb-avatar > img {
height:30px;width:30px;
vertical-align: middle;
}

/*--------------------------------------------
TAILLE IMG FIL D'ARIANE
--------------------------------------------*/
.nav img{
max-width: 150px;
max-height: 150px;
margin-bottom:-5px;
}


.nav {
font-weight:lighter;
font-family: 'Open Sans', sans-serif;
font-size: 9px;
line-height:9px;
text-transform:uppercase;
color: #fe786d!important;
}

/*--------------------------------------------
QEEL
--------------------------------------------*/

#TotalMembres {
position: absolute;
top:91px;
left:515px;
font-family: 'Playfair Display', serif;
font-size: 15px;
}
#TotalMessages {
position: absolute;
top: 180px;
left:512px;
font-family: 'Playfair Display', serif;
font-size: 15px;
}

#logged {
height:60px !important;
overflow: auto;
}

#DernierInscrit {

}
/* Positionnement du bloc des statistiques */
.stats_qeel {
position: absolute;
top: 159px;
left: 43px;
width: 180px;
height: 150px;
overflow: auto;
font-family: 'Open Sans', sans-serif;
font-size: 9px !important;
text-align: justify;

}



/* Positionnement du bloc des plumes présentes */
.plumes_presentes {
position: absolute;
top: 127px;
left: 489px;
width: 220px;
height: 185px;

font-family: 'Open Sans', sans-serif;
font-size: 9px;
text-align: justify;
}


/* Mise en forme des liens des plumes présentes */
.plumes_presentes a {
text-decoration: none !important;
}


/* Transparence des anniversaires et des dernières 24h */
#kaboum .row1 {
background-color : transparent;
font-family: 'Open Sans', sans-serif;
font-size: 9px!important;
}

.qhh {
overflow: auto;
height:97px!important;
}

.row1 .gensmall {
font-family: 'Open Sans', sans-serif;
font-size: 9px!important;
}




/* Positionnement du bloc des groupes */
.groupes_qeel {
position: absolute;
top: 115px;
left: 325px;
width: 200px;
text-align: center;
}

/* Mise en forme des liens des groupes */
.groupes_qeel a{
font-family: 'Playfair Display', serif;
text-transform: lowercase;
font-size: 17px;
line-height: 35px;
color:#d8ccbe !important;

}









/*Titre des categories en image*/
.secondarytitle .titre_cate {
display: none;
}
.nav img.titre_cate_img {
display: none;
}











/***************************************** RETIRER LES BORDURES*********************************************/

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}



/*--------------------------------------------
LIENS
--------------------------------------------*/

a:hover{text-decoration: none !important; color:#18beb2 !important;}
a {text-decoration: none !important; transition:all 1s; color:#fe786d !important;
-moz-transition:all 1s; /* Mozilla Firefox */
-webkit-transition:all 1s; /* Safari et Google Chrome */
-o-transition:all 1s; /* Opera */}
a:link {text-decoration: none;}
a:visited {text-decoration: none; }






/* ONGLETS */


/************************************************ FICHE ************************************************/
/* On met en place la fiche et son image de fond */
.fiche {
position: relative;
margin: auto;
background-color: #f9f3e2;
padding-left:10px;
padding-right:10px;
}

/* On cache les input */
.fiche > input { display: none; }




/* On met les labels au centre */
.fiche .boutons { text-align: center; }

/* Mise en forme des labels/titre des onglets normal */
.fiche .boutons label {
margin-left: 4px;
margin-right: 4px;
font-family: 'miniver';
font-size: 25px;
color:#fe786d;
cursor: pointer;
background:#fdfbef;
padding:10px;
padding-bottom:20px;
transition: all ease 0.5s;
}

/* Effet au survol des labels */
.fiche .boutons label:hover {
color: #1ed8d7;
transition: all ease 0.5s;
}

/* On met en place le bloc qui va contenir le contenu de chaque onglet */
.fiche .interne {
position: relative;
width: 448px;
height: 300px;
margin: auto;
margin-top:-10px;
background:#fdfbef;

}

/* On met en place et en forme le contenu de chaque onglet */
.contenu {
position: absolute;
top: 10px;
left: 10px;
width: 90%;
height: 260px;
padding: 10px;
margin: auto;
overflow: auto;
text-align: justify;
opacity: 0;
visibility: hidden;
transition: all ease 0.5s;
}

/* Petit effet sur les b: on change la couleur */
.fiche .interne strong { color: #BA2F23; }

/* Fait le changement de style sur les labels sélectionnés */
.fiche #informations:checked ~ .boutons .lab.infos,
.fiche #physique:checked ~ .boutons .lab.phys,
.fiche #caractere:checked ~ .boutons .lab.car,
.fiche #histoire:checked ~ .boutons .lab.hist,
.fiche #ecran:checked ~ .boutons .lab.ecr {
color: #1ed8d7;
}


/* Fait apparaitre le contenu de l'onglet sélectionné */
.fiche #informations:checked ~ .interne .contenu.infos,
.fiche #physique:checked ~ .interne .contenu.phys,
.fiche #caractere:checked ~ .interne .contenu.car,
.fiche #histoire:checked ~ .interne .contenu.hist,
.fiche #ecran:checked ~ .interne .contenu.ecr {
opacity: 1;
visibility: visible;
transition: all ease 0.5s;
}


/* Fait apparaitre le contenu de l'onglet sélectionné */
.fiche #informations ~ .interne .contenu.infos,
.fiche #physique ~ .interne .contenu.phys,
.fiche #caractere ~ .interne .contenu.car,
.fiche #histoire ~ .interne .contenu.hist,
.fiche #ecran ~ .interne .contenu.ecr {
opacity: 0;
visibility: hidden;
transition: all ease 0.5s;
}

/*--------------------------------------------
CODES PERSO
--------------------------------------------*/
.titre0 {
background:#1ed8d7;
font-family: 'miniver';
font-size: 35px;
color:#fff;
text-align:center;
letter-spacing:1px;
padding-top:15px;
padding-bottom:20px;

text-shadow: 1px 1px #ff7c74;
}
.soustitre0 {
font-family: 'Playfair Display', serif;
font-size:10px;
text-transform:uppercase;
margin-top:-20px;
text-align:center;
letter-spacing:1px;
}

.titre1 {
font-family: 'miniver';
font-size: 25px;
color:#fe786d;
}

.titre2 {
font-family: 'Playfair Display', serif;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
color:#efca00;
margin-top:-5px;
}

.titre3 {
font-family: 'Playfair Display', serif;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:-10px;
border-bottom:1px solid #000;
}

.cadre {
background:#f9f3e2;
padding:10px;
padding-top:20px;
padding-bottom:20px;
border-top: 1px solid #fff;
}

.cadre2 {
background:#fdfbef;
margin-top:-20px;
padding:10px;
}

.cadre_important {
color:#fff;
padding:20px;
padding-left:80px;
background:url('http://icons.iconarchive.com/icons/graphicloads/100-flat/256/warning-icon.png') no-repeat #fe786d;
background-position:10px 20px;
background-size:60px;
text-align:justify;
}

.cadre_important a {
color:#efca00!important;
}

.petite_img {
width: 155px;
height: 105px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;

}

.petite_img2 {
width: 195px;
height: 105px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;

}


.image_circu {
width: 120px;
height: 120px;
border: 6px solid #fff;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;
float:left
}


J'espère que vous aurez une réponse ~
Merci d'avance
par 14v24
le Jeu 1 Juin 2017 - 15:59
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Probleme avec le header de fond aléatoire
Réponses: 4
Vues: 868

demande de deux logos partenariat

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : 88x31 et 50x50
Couleur de fond : {#}FF0037{/#} ou {#}D4CFD6{/#}

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : M'zelle Coffee
Police à utiliser : Playball
Couleur police : {#}FFFFFF{/#}

En détails...

Lien de mon forum Forumactif : http://Mzellecoffee.forumactif.com
Commentaire(s) supplémentaire(s) : Re Jay, je fais la demande pour deux logos partenariat. Je vous ai indiqué les deux couleurs prédominantes. La police ainsi que sa couleur sont modifiables selon votre convenance (du moment qu'il y a du rouge et gris et que cela soit "pétillant" pour le fond/ couleur police à adapter, blanc ou?). Dans le style que vous m'aviez créé pour mon 1er forum (effets: le titre qui clignote/traits en faut et bas/ image logo réduite Smile) ça serait super. merci beaucoup

https://redcdn.net/hpimg4/pics/433267whiterabbitbyhitosedad4xk3.png
Votre commande a été vérifiée par un membre de l'équipe et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.

par Invité
le Sam 20 Mai 2017 - 14:05
 
Rechercher dans: Demandes terminées
Sujet: demande de deux logos partenariat
Réponses: 2
Vues: 412

Icône profil

En bref...

Nature de la création : Icones
Taille de la création (en pixels) : 129x20
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Membre du Staff
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour,

J'avais demandé il y a quelques temps qu'on m'aide à réaliser les barres d'avertissement pour les profils de mes utilisateurs. J'ai été très satisfait du travail du designer et je souhaite obtenir le un nouvel icône dans le même style mais cette fois pour les membres du staff. En effet les modérateurs du forum ont actuellement la barre "Aucun avertissement" et j'ai eu l'idée d'en ajouter une autre pour afficher par exemple Membre du staff afin de ne pas laisser le texte avertissement.

Si quelqu'un peut m'aider à avoir le même style de barre avec le texte et la couleur en fond blanc/gris avec le texte en blanc et la même police ce serait super.

Merci beaucoup.

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.

par Keurte
le Jeu 4 Mai 2017 - 13:02
 
Rechercher dans: Demandes terminées
Sujet: Icône profil
Réponses: 3
Vues: 476

Code avatar + template topics_list_box

Bonjour,
Je sollicite à nouveau votre aide sur 3 points. I love you

Capture d'écran :


Point 1.
Il faut zoomer l'image pour le voir mais le contour de l'avatar ne colle pas réellement à ce dernier : en haut et à gauche il semble y avoir 1 pixel d'écart entre l'avatar et le contour noir. Un décalage que l'on retrouve également quand on passe la souris dessus et qu'on active le hover.
Point 2.
J'aimerais que les informations du profil (quand on est en hover) soient en opacité 1. Il faudrait que l'avatar reste sur cette opacité, mais que les éléments du profil soient, eux, bien visibles par-dessus.

Je pense que ces 2 points peuvent être résolus dans le CSS mais je ne trouve pas où, je vous le mets ci-dessous.
Spoiler:
.avatar_mess
{
display: block;
width: 200px;
height: 320px;
overflow: hidden;
background: #ffffff;
border: 1px solid #000000;
opacity:1;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}

.avatar_mess:hover
{
opacity:0.8;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}
.profil_mess
{
position: absolute;
display: block;
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #ffffff;
color: #c5bea0;
font-size: 11px;
opacity:0;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}
.profil_mess:hover
{
opacity: 0.5;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}


Point 3.
Il concerne le template topics_list_box. Sur la capture d'écran en bas, je me retrouve avec une colonne non voulue (flèche rouge). J'ai essayé de l'enlever mais à chaque fois les résultats ne sont pas satisfaisants... Je vous laisse mon template ci-dessous.
Spoiler:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap">&nbsp;{topics_list_box.row.L_TITLE}&nbsp;</th>
<th align="center" nowrap="nowrap" width="100">&nbsp;{topics_list_box.row.L_AUTHOR}&nbsp;</th>
<th align="center" nowrap="nowrap" width="150">&nbsp;{topics_list_box.row.L_LASTPOST}&nbsp;</th>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection -->
</tr>
<!-- BEGIN pagination -->
<tr>
<td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END pagination -->
<!-- END header_table --><!-- BEGIN header_row -->
<tr>
<td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall">&nbsp;<b>{topics_list_box.row.L_TITLE}</b></span></td>
</tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
<!-- BEGIN icon -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>

<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>&nbsp;
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
</td>
<td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap">
<table><tr><td><!-- BEGIN avatar -->

<span class="lastpost-avatar2">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar --><td></td><td><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td></tr></table></td>
<!-- BEGIN multi_selection -->
<td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->
</tr>
<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
</tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<tr>
<td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;<span class="gensmall">{PAGINATION}</span></td>
<td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
</tr>
</table>
</td>
</tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->


Je vous remercie par avance de votre aide ! I love you
par illyria
le Dim 23 Avr 2017 - 10:17
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Code avatar + template topics_list_box
Réponses: 11
Vues: 562

Bannière pour une communauté multigaming

En bref...

Nature de la création : Bannière
Taille de la création (en pixels) : 900x300
Couleur de fond : N/A

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : MyFrenchCommunity
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour,

Je souhaiterai une bannière pour mon forum. C'est pour une communauté en multigaming. On est basé sur plusieurs jeux et on joue tous ensemble. J'aimerai que cette bannière soit universelle pour toute la communauté gaming. Libre à vous de proposer vos superbes créations. Il faut juste y intégrer un touche française (j'ai mis le drapeau en image mais ce n'est pas obligatoire de l'utiliser).

Merci pour votre aide !

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Keurte
le Dim 9 Avr 2017 - 19:32
 
Rechercher dans: Demandes terminées
Sujet: Bannière pour une communauté multigaming
Réponses: 14
Vues: 779

Demande de deux images

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : Voir images jointes
Couleur de fond : Transparent

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : Forum et Qui se promène?
Police à utiliser : Caveat Brush
Couleur police : {#}6FB1EB{/#}

En détails...

Lien de mon forum Forumactif : http://hollie-Day.forumactif.com
Commentaire(s) supplémentaire(s) : Bonjour Jay,

Demande de deux images: une pour le bloc accueil, une pour le qeel (taille de la police 38px {#}6FB1EB{/#}/Shadow 1px {#}FFFFFF{/#} .Je vous ai mis en exemple les anciennes images afin que vous ayez la taille approximative du support de fond, j'insère url des images dans mon code et je pense qu'il faut qu'elles aient ce format pour s'adapter au centre de mes blocs. Pour le qeel vous pouvez adapter la police pour insérer le contenu si celle que je vous ai indiqué est trop grande. Merci, cordialement.

membre de l'équipe et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Invité
le Sam 8 Avr 2017 - 12:59
 
Rechercher dans: Demandes terminées
Sujet: Demande de deux images
Réponses: 9
Vues: 465

Barres d'avertissement

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : 145x20
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Aucun avertissement
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour,

Je voudrais que quelqu'un m'aide pour avoir un nouvel ensemble d'images pour les avertissements. Je souhaite qu'ils soient passe partout, un peu comme sur ce forum.

Il me faudrait 5 modèles différents à savoir : Aucun avertissement, 1 Avertissement, 2 Avertissements et 3 Avertissements. Enfin pour terminer il me faut le dernier Utilisateur banni.

Libre à vous de proposer vos couleurs selon le degré d’avertissement. Le texte doit être écrit comme sur l'exemple au dessus.

En vous remerciant pour vos propositions.

Cordialement,

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.

par Keurte
le Jeu 30 Mar 2017 - 22:58
 
Rechercher dans: Demandes terminées
Sujet: Barres d'avertissement
Réponses: 2
Vues: 355

Modifications de couleur

Voici mon CSS :
Mon CSS:
#wrap {
background-repeat: repeat-x-y;
background-image: url(\\\'\\\');
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 0 solid #FFFFFF;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.inputbox {
background-color: #3c3c3c;
border: 1px solid #BCBCBC;
color: #ffffff;
padding: 2px;
cursor: text;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
}
.forabg {
background-color: #262627;
margin-bottom: 4px;
clear: both;
border: 2px solid #;
padding: 0px 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
background-image: url(\\\'https://redcdn.net/ihimg/a/img838/9827/fsga.png\\\');
-o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.panel {
margin-bottom: 4px;
padding: 0px 10px;
background-image: url(\\\'\\\');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #FFFFFF;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.postprofile {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;
border-radius: 5px 5px 5px 5px;
color: #999;
display: inline;
margin: 5px 0 0;
min-height: 80px;
position: relative;
text-align: center;
width: 17%;
word-wrap: break-word;
border: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
padding: 5px;
}
dl.codebox {
background-color: #1E1D1B;
border: 1px solid #878787;
}
ul.profile-icons {
margin-top: 10px;
list-style: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.module {
background-image: url(\\\'https://i.servimg.com/u/f60/14/70/09/25/gradie22.png\\\');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.signature {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border-color: #111010;
}
.row2 {
background-color: #0D0C0B;
background-image: url("https://redcdn.net/ihimg/a/img690/452/q962.png");
background-position: center top;
background-repeat: repeat-x;
}
.row1 {
background-color: #0D0C0B;
background-image: url("https://redcdn.net/ihimg/a/img690/452/q962.png");
background-position: center top;
background-repeat: repeat-x;
}

blockquote {
background: url("https://redcdn.net/ihimg/a/img809/2250/voys.png") no-repeat scroll 0 0 #C1A780;
border: 0 none #4C402D;
border-radius: 10px;
padding-right: 25px;
}
.panel {
background-color: #000000;
background-image: url("");
background-repeat: repeat-x;
border-radius: 10px;
margin-bottom: 4px;
padding: 0 10px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #1E1D1B;
background-image: url("https://redcdn.net/ihimg/a/img849/7503/zow4.png");
border: 0 none;
color: #B89E7D;
}
.postbody {
background-color:#FFFFFF ;
}
.postprofile dl {
background: #FFFFFF!important;
}


En essayant la ligne que tu m'as donné Tawn62 , voici le résultat :


Je souhaite qu'il n'y ai plus de noir, vraiment tout blanc.

Merci pour votre aide.
par Winduc
le Dim 19 Mar 2017 - 14:52
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modifications de couleur
Réponses: 10
Vues: 473

Bannière pour FightorDie !

En bref...

Nature de la création : Bannière
Taille de la création (en pixels) : 799x452
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Forum officiel du jeu de navigateur Fight or die ! [Vous devez être inscrit et connecté pour voir ce lien]
Police à utiliser : Diamonde
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonsoir,

Je souhaiterais une bannière le forum d'un jeu.

Bien évidemment, j'aimerais que le graphiste s'inspire du design du site (du jeu), au niveau des couleurs.

Lien du jeu: [Vous devez être inscrit et connecté pour voir ce lien]

Au niveau des images, je vous ai laissé le logo du jeu + le fond en bonne dimensions.

J'aimerais si possible, des effets de brouillards (si vous voyez ce que je veux dire).

Merci d'avance, bonne soirée !


[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par RoroModo
le Sam 11 Mar 2017 - 22:26
 
Rechercher dans: Demandes terminées
Sujet: Bannière pour FightorDie !
Réponses: 9
Vues: 487

Coins blancs persistant sur le design du forum

Pour changer la couleur de la barre de navigation:
Pa/ Affichage/ images et couleurs/couleur/Feuille de style

C'est à cet endroit que vous mettez les codes css.
exemple changez la couleur de fond de votre barre de navigation ( tuto que je vous ai joint chap 2 couleur de fond)

copiez ce code:
.navbar{
background-color: {#}FFFFFF{/#};
}

Collez-le dans la feuille de style.

Vous pouvez choisir la couleur en remplaçant ffffff , par du jaune ex: {#}FFCF54{/#}
par Invité
le Jeu 9 Mar 2017 - 17:37
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Coins blancs persistant sur le design du forum
Réponses: 33
Vues: 782

Problème défilement texte page d'accueil

Bonjour Neffa,

On va laisser tomber la création de page html et faire plus simple c'est a dire laisser tomber le javascript pour le défilement et prendre une balise marquee.

Code html.:

Votre css.:

Ca devrait fonctionner maintenant.
par tupac
le Lun 20 Fév 2017 - 18:50
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Problème défilement texte page d'accueil
Réponses: 12
Vues: 713

Code css pour un tableau qui ne s'applique pas

bonjour misslena vous avez spécifier une couleur a 5 chiffres ou lettres

background:{#}fffff{/#};

c'est plutôt a 6

background:{#}ffffff{/#};

c'est soit 3 >> background:{#}fff{/#}; ou 6 >> background:{#}ffffff{/#}; mais pas (5 )

bonne journée .
par Invité
le Sam 11 Fév 2017 - 12:44
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Code css pour un tableau qui ne s'applique pas
Réponses: 17
Vues: 570

Erreur sur feuille de style CSS

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://poetikart.forumactif.org

Description du problème

Bonjour,
J'ai un souci avec ma feuille CSS car lorsque je désire actualiser les codes ce message d'erreur s'affiche.

Erreur
Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code.

Voici ma feuille CSS
Spoiler:
.bodyline {
-webkit-border-radius:12px;
-moz-border-radius:14px;
border-radius:14px;
}
/*fond page d accueil*/
#page-accueil, #page-accueil .row1 {
background: none;
}
a:hover{
font-variant: small-caps;
}
a { text-decoration: none; }
.bodyline {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #000000;
}
.bodyline{box-shadow:0 0 20px #000000;}
td.catBottom {
border-radius: 100px !important;
}
.forumline tr th:first-child {
border-radius: 100px 0 0 100px !important;
}
.forumline tr th:last-child {
border-radius: 0 100px 100px 0;
}
color: #ffffff;
text-align: center;
font-size :14px;
}
.forumline{
background-color: #COULEUR;
-webkit-border-radius:10px;
-moz-border-radius: 10px ;
border-radius:10px;
border: 3px #COULEUR solid;
}

par Gourmandine.P
le Mer 8 Fév 2017 - 15:16
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Erreur sur feuille de style CSS
Réponses: 3
Vues: 341

Signature

En bref...

Nature de la création : Signature
Taille de la création (en pixels) : N/A
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : Staff de la communautée
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonsoir [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image] ,

Il me faudrais une signature ou il y aurais un rectangle de couleur [Vous devez être inscrit et connecté pour voir ce lien] bordure 4px avec écrit en blanc à l'intérieur "Staff de la communautée", autour du rectangle pleins de petits carrés qui vont dans tout les sens, il sont de couleur [Vous devez être inscrit et connecté pour voir ce lien] [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

Merci d'avance,
Laiorm

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Ajesto
le Dim 29 Jan 2017 - 21:48
 
Rechercher dans: Demandes terminées
Sujet: Signature
Réponses: 5
Vues: 358

La couleur de fond ne change pas

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 3 décembre 2016
Lien du forum : http://enkidievchronicles.forumactif.fr

Description du problème

Bonsoir tout le monde!

voilà, j'ai un petit soucis au niveau de mon forum. J'aimerai faire des bannière défilantes et pour se faire, je dois harmoniser le bas des bannières avec la couleur de fond. Malheureusement, malgré mes tentatives, la couleur de fond ne change pas.

voici l'image du volet couleur dans la PA:
https://i.servimg.com/u/f37/11/84/42/42/image_12.jpg

Et même si c'est marqué ffffff voici ce que à quoi elle ressemble:
https://i.servimg.com/u/f37/11/84/42/42/image_11.jpg

J'ai essayé de voir dans le CSS et dans les templates mais je ne trouve pas Grrr Je voudrais juste qu'elle puisse être modifiée sans toucher au reste de mes couleurs si c'est possible!

Voici mon CSS:
Spoiler:
#chatbox .cb-avatar {
height: 40px!important;
width: 20px!important;
overflow: hidden!important;
}

#chatbox .cb-avatar > img {
height: 40px!important;
width: 20px!important;
}

.newpost, .descriptions {
font-family: 'Lato', sans-serif;
}

.newpost .gensmall, .descriptions .gensmall {
font-size: 10px !important;
}

.forumlink {
font-family: 'Great Vibes', cursive;
font-size: 30px;
font-weight: 500 !important;
}

.forumlink a {
width: 100%;
border-bottom: 1px solid #ffffff;
padding: 0 50px 6px 0;
}

.newpost, .descriptions, .sousforums_container {
background-color: #EFEEEE;
display: inline-block;
}

.newpost {
width: 250px;
}

.descriptions {
width: 366px;
margin: 0 8px;
height: 140px;
overflow: hidden;
}

.description {
height: 100px;
margin-top: 10px;
padding: 0 10px 0 0;
text-align: justify;
overflow: auto;
}

.infopost {
float: left;
}

.lastpost-avatar-container {
height: 140px;
width: 70px;
}

.lastpost-avatar img {
height: 140px;
width: 90px;
border-radius: 0;
}

.clickinfopost {
margin-top: 5px;
}

.clickinfopost .gensmall {
letter-spacing: -.5px;
font-size: 11px !important;
}

.infonewpost {
width: 150px;
height: 140px;
margin: 2px 5px 0 0;

background-color: #EFEEEE;
}

.infonewpost a, .forumlink .gensmall, .sousforums_details a {
text-transform: uppercase;
font-family: Georgia;
}

.infonewpost a {
font-size: 11px;
}

.forumlink .gensmall {
margin-top: -4px;
display: block;
font-size: 9px !important;
}

.sousforums_container {
width: 100px;
height: 140px;
overflow: auto;
}

.sousforums_details a {
display: block;
margin: 2px;
padding: 2px;
background-color: #EFEEEE;
font-size: 9px !important;
}

.secondarytitle, .secondarytitle h2 {
color: #363A3D;
margin: 30px 0 0 0;
padding: 10px;
background-color: #EFEEEE;
font-family: 'Great Vibes', cursive;
font-size: 45px;
font-weight: 400!important;
}

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/* QEEL */

.trans .row1 {
background-color: #CDCCC8;
}

.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}

.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}

.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}

.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}

.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}

/******* PA PAR PHANTASMAGORIA SUR PRD*********/

.fond_pa {background-color: #dcd9d9; width: 780px;}
#navigation a:link, #navigation a:visited, #navigation a:active {
width: 500px; height: 15px; font-size: 15px; font-family: Georgia; text-shadow: 0px 0px 2px #ffffff;
text-transform: uppercase; color: #5c767d; letter-spacing: -1px;}

#navigation a:hover {
color: #5c767d ; text-shadow: 0px 0px 2px #fff ;}
.pseudo_staff { font-family: 'Georgia', cursive; font-size: 20px; text-align: center;}

.titre_pa { font-family: 'Georgia', cursive; font-size: 30px;
text-align: center; color: #5c767d; margin-bottom: -5px;}
.bloc_colo { background-color: #d7d4d4; border: 1px solid #5c767d; padding: 2px; height: 130px; width: 250px}
.contexte { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.fiche_staff {width: 100px; height: 100px; text-align: center; background-color: #d7d4d4; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0; color: #a48eac; overflow: auto;}
.fiche_staff:hover{opacity: 1;}
.news {width: 200px; height: 170px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.copyright { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
/******** FIN DU CODE*******/




//



.onglet
{
display:inline-block;
background: #000;

border:2px solid #5c767d;
cursor:crosshair;
text-align: center;
margin-left: -7px;

background:transparent;
}


.contenu_onglet
{

width:200px;
height: 100px;
border:none;
margin-top:-1px;
padding:5px;
display:none;
text-align: center;
font-family: Arial;
font-size: 8pt;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}


.lien {
color: #000;
font-size: 11px;}

a { text-decoration: none;}
a:hover { text-shadow: 0px 0px 2px #000;}
















Ce sont les membres de mois ! Ce sont ceux qui se sont démarqués par leur présence et leur assiduité. On les remerciera jamais assez de faire partie de notre aventure ♥


olor: #5c767d; Pseudo & Pseudo

Fiche




olor: #5c767d; Pseudo 2 & Pseudo 2

Fiche


















Staff



//



.urielgt {font-family: 'Great Vibes', cursive; color: #46282c; font-size: 50px; display: block; text-align: center; transition: 1s;} .urielgt:hover {color: #af272f; transition: 1s;} .urielst{font-family: 'Old Standard TT', serif; display: block; text-align: center; font-style: italic; font-variant: small-caps; color: #f2b45a;} .urielfond3 {width: 400px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; padding: 15px; }.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; }.uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;}.urielfond3 a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond3 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;}


Merci beaucoup de votre aide ! I love you
par Lumélys
le Sam 3 Déc 2016 - 23:07
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: La couleur de fond ne change pas
Réponses: 1
Vues: 354

Demande d'icônes de messages

En bref...

Nature de la création : Icones de messages
Taille de la création (en pixels) : 35x35 (Je ne sais pas si c'est la taille exacte mais il me semble que ça s'en rapproche)
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien], [Vous devez être inscrit et connecté pour voir ce lien], [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : Vaildé, Refusé, Traitement
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Je souhaiterais avoir quelques icônes de messages pour mon forum.

Voici ce que j'aimerais avoir (sans les parenthèse et sans le contenu), 3 icônes de chaque (Validé, Refusé, Traitement) :

Validé (Couleur : [Vous devez être inscrit et connecté pour voir ce lien])

Refusé (Couleur : [Vous devez être inscrit et connecté pour voir ce lien])

Traitement (Couleur : [Vous devez être inscrit et connecté pour voir ce lien])

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par julie10902
le Sam 3 Déc 2016 - 14:24
 
Rechercher dans: Demandes terminées
Sujet: Demande d'icônes de messages
Réponses: 5
Vues: 409

[Résolue] Commande de bannière

En bref...

Nature de la création : Bannière
Taille de la création (en pixels) : 700x250
Couleur de fond : N/A

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]


Texte

Texte à insérer : Bienvenue dans le monde du jdr
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour, j'aimerais une bannière pour mon forum de jeu de rôle multivers. J'aimerais avoir cette image : [Vous devez être inscrit et connecté pour voir ce lien] avec écrit "Bienvenue dans le monde du jdr". Je n'ait pas de préférence au niveau de la police mais je voudrait que le texte soit écrit en blanc.
Merci.

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Lemondedujdr
le Dim 20 Nov 2016 - 12:17
 
Rechercher dans: Demandes terminées
Sujet: [Résolue] Commande de bannière
Réponses: 2
Vues: 242

Revenir en haut

Page 1 sur 3 1, 2, 3  Suivant

Sauter vers: