Accueil
Créer un forumLa date/heure actuelle est Ven 7 Oct 2022 - 1:35
121 résultats trouvés pour FFFFFF
Mode de sujet non spécifié - JS
Sur le sujet en question j'ai plus de 17 erreurs...Et la moitié sont dû à "chrome" alors que je suis sous un opérateur certes de type chromium mais tout de même.
- Code:
js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
publishertag.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
functions.js:1 Failed to load resource: the server responded with a status of 404 ()
functionsFlatpickr.js:1 Failed to load resource: the server responded with a status of 404 ()
VM1518 t138p75-les-nuits-d-enoch:49 {"w":1920,"h":924}
js.sddan.com/GS.d?hd_m=54a526fa9e8c57f709a17e704ea8e42e&hd_s256=33e31f774264185aacd71bebfee98ed3d2e33c2e3231284a937661939178bdab&pa=24697&c=IxWav&cmp=0&u=https%3A%2F%2Falbastrya.bbactif.com%2Ft138p75-les-nuits-d-enoch%23bottom&r=https%3A%2F%2Falbastrya.bbactif.com%2Fadmin%2F%3Fpart%3Dmodules%26sub%3Dhtml%26mode%3Djs_edit%26id%3D11%26extended_admin%3D1%26tid%3D71352ceac56e8db08ad44b545125fb44%26amp%3B_t%3D1658830907&rand=1658830978215&gdpr=1&gdpr_consent=CPcnXMAPcnXMABcAIEFRCZCgAP_AAH_AAAqIIDkB7C9MTWNgcH5qCZsQQYxHwRAEImAADAAJgQABABJAMIQAAGAAIAFAAIAKAAAAIBJAAQEBCAlAAAAAIAAAACAIAAAAAAAAICAAAAARAgAACABIAQAAAAAAAABAAhAAgAAEYAoIQAQAAQAAAAAAAAAAAIABQAQEAAAAAAAQAAAAAAggOACIKkxAA2BQYEgAARAAgBBAEAQAIAAIAAGAAAAAEAAghAAQYAAAAAAAgAgAAAAgAgAAAAEACEAAAAAgAEAAAAgAAAAAAAAAIAAAAAEAAAAAAAABAAAAAAAAAEAAAACAAEAgAABAAAAAAAAAAAAAAAAAgEAAAAQAAAAAAAAAAAAAAAAA&globalscope=false&cookieless_ignore=0&fb_consent=1&tbp=true:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
publishertag.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
functions.js:1 Failed to load resource: the server responded with a status of 404 ()
functionsFlatpickr.js:1 Failed to load resource: the server responded with a status of 404 ()
{"w":1920,"h":924}
js.sddan.com/GS.d?hd_m=54a526fa9e8c57f709a17e704ea8e42e&hd_s256=33e31f774264185aacd71bebfee98ed3d2e33c2e3231284a937661939178bdab&pa=24697&c=IxWav&cmp=0&u=https%3A%2F%2Falbastrya.bbactif.com%2Ft138p75-les-nuits-d-enoch%23bottom&r=&rand=1658830979676&gdpr=1&gdpr_consent=CPcnXMAPcnXMABcAIEFRCZCgAP_AAH_AAAqIIDkB7C9MTWNgcH5qCZsQQYxHwRAEImAADAAJgQABABJAMIQAAGAAIAFAAIAKAAAAIBJAAQEBCAlAAAAAIAAAACAIAAAAAAAAICAAAAARAgAACABIAQAAAAAAAABAAhAAgAAEYAoIQAQAAQAAAAAAAAAAAIABQAQEAAAAAAAQAAAAAAggOACIKkxAA2BQYEgAARAAgBBAEAQAIAAIAAGAAAAAEAAghAAQYAAAAAAAgAgAAAAgAgAAAAEACEAAAAAgAEAAAAgAAAAAAAAAIAAAAAEAAAAAAAABAAAAAAAAAEAAAACAAEAgAABAAAAAAAAAAAAAAAAAgEAAAAQAAAAAAAAAAAAAAAAA&globalscope=false&cookieless_ignore=0&fb_consent=1&tbp=true:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
googleads.g.doubleclick.net/pagead/id:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
static.doubleclick.net/instream/ad_status.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
t138p75-les-nuits-d-enoch:1 Uncaught TypeError: Cannot read properties of null (reading 'style')
at document.onreadystatechange (t138p75-les-nuits-d-enoch:1:2985)
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
2t138p75-les-nuits-d-enoch:1 Uncaught TypeError: Cannot read properties of null (reading 'style')
t138p75-les-nuits-d-enoch:1 Uncaught TypeError: Cannot read properties of null (reading 'style')
at document.onreadystatechange (t138p75-les-nuits-d-enoch:1:3173)
VM3844:1 Uncaught TypeError: Cannot read properties of null (reading 'left')
VM3844:1 Uncaught TypeError: Cannot read properties of null (reading 'left')
at <anonymous>:1:145
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
undefined:1 Failed to load resource: the server responded with a status of 404 ()
3monomer.js:711 Uncaught TypeError: Illegal invocation
js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
functions.js:1 Failed to load resource: the server responded with a status of 404 ()
functionsFlatpickr.js:1 Failed to load resource: the server responded with a status of 404 ()
{"w":1920,"h":924}
2post:1 Uncaught TypeError: Cannot read properties of undefined (reading 'style')
3monomer.js:711 Uncaught TypeError: Illegal invocation
js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
functionsFlatpickr.js:1 Failed to load resource: the server responded with a status of 404 ()
functions.js:1 Failed to load resource: the server responded with a status of 404 ()
{"w":1920,"h":924}
2post:1 Uncaught TypeError: Cannot read properties of undefined (reading 'style')
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
publishertag.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
functions.js:1 Failed to load resource: the server responded with a status of 404 ()
functionsFlatpickr.js:1 Failed to load resource: the server responded with a status of 404 ()
{"w":1920,"h":924}
play.google.com/log?format=json&hasfast=true&authuser=0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
js.sddan.com/GS.d?hd_m=54a526fa9e8c57f709a17e704ea8e42e&hd_s256=33e31f774264185aacd71bebfee98ed3d2e33c2e3231284a937661939178bdab&pa=24697&c=IxWav&cmp=0&u=https%3A%2F%2Falbastrya.bbactif.com%2Ft138p75-les-nuits-d-enoch&r=https%3A%2F%2Falbastrya.bbactif.com%2Ft138p75-les-nuits-d-enoch&rand=1658831038114&gdpr=1&gdpr_consent=CPcnXMAPcnXMABcAIEFRCZCgAP_AAH_AAAqIIDkB7C9MTWNgcH5qCZsQQYxHwRAEImAADAAJgQABABJAMIQAAGAAIAFAAIAKAAAAIBJAAQEBCAlAAAAAIAAAACAIAAAAAAAAICAAAAARAgAACABIAQAAAAAAAABAAhAAgAAEYAoIQAQAAQAAAAAAAAAAAIABQAQEAAAAAAAQAAAAAAggOACIKkxAA2BQYEgAARAAgBBAEAQAIAAIAAGAAAAAEAAghAAQYAAAAAAAgAgAAAAgAgAAAAEACEAAAAAgAEAAAAgAAAAAAAAAIAAAAAEAAAAAAAABAAAAAAAAAEAAAACAAEAgAABAAAAAAAAAAAAAAAAAgEAAAAQAAAAAAAAAAAAAAAAA&globalscope=false&cookieless_ignore=0&fb_consent=1&tbp=true:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
2t138p75-les-nuits-d-enoch:1 Uncaught TypeError: Cannot read properties of null (reading 'style')
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
undefined:1 Failed to load resource: the server responded with a status of 404 ()
3monomer.js:711 Uncaught TypeError: Illegal invocation
www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
undefined:1 Failed to load resource: the server responded with a status of 404 ()
3monomer.js:711 Uncaught TypeError: Illegal invocation
js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
functions.js:1 Failed to load resource: the server responded with a status of 404 ()
functionsFlatpickr.js:1 Failed to load resource: the server responded with a status of 404 ()
{"w":1920,"h":924}
post:1 Uncaught TypeError: Cannot read properties of undefined (reading 'style')
play.google.com/log?format=json&hasfast=true&authuser=0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
post:1 Uncaught TypeError: Cannot read properties of undefined (reading 'style')
3monomer.js:711 Uncaught TypeError: Illegal invocation
js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
functions.js:1 Failed to load resource: the server responded with a status of 404 ()
functionsFlatpickr.js:1 Failed to load resource: the server responded with a status of 404 ()
post:35 {"w":1920,"h":924}
post:1 Uncaught TypeError: Cannot read properties of undefined (reading 'style')
at document.onreadystatechange (post:1:2879)
post:1 Uncaught TypeError: Cannot read properties of undefined (reading 'style')
at document.onreadystatechange (post:1:3066)
FAToolbar.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'split')
at _onResize (FAToolbar.js:1:16426)
at dispatch (jquery.min.js:3:4816)
at i (jquery.min.js:3:709)
base.js:6685 POST https://play.google.com/log?format=json&hasfast=true&authuser=0 net::ERR_BLOCKED_BY_CLIENT
(anonyme) @ base.js:6685
Jea @ base.js:592
gfa @ base.js:626
u @ base.js:6701
(anonyme) @ base.js:6702
(anonyme) @ base.js:6703
(anonyme) @ base.js:615
Jca @ base.js:379
a @ base.js:373
www-embed-player.js:796 GET https://googleads.g.doubleclick.net/pagead/id net::ERR_BLOCKED_BY_CLIENT
https://www.screenpresso.com/fr/cloud/HxC5b/
https://www.screenpresso.com/fr/cloud/oRYjg/
https://www.screenpresso.com/fr/cloud/irKVd/
L'une des sources obsolètes serait le "cursor" : https://chromestatus.com/feature/5825971391299584
Et EvenPath : [url= https://chromestatus.com/feature/5726124632965120] https://chromestatus.com/feature/5726124632965120[/url]
________________________________________________________
EDIT : Je remarque que ce n'est que la couleur blanche qui n'arrête pas de bug systématiquement. !!! "#ffffff" !!!
Ce qui n'empêche pas les autres de le faire de temps en temps.
Et voici le code JS qui me permet de mettre automatiquement des couleurs d'écriture "dans les sujets" à mes membres :
- le Mar 26 Juil 2022 - 12:28
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Mode de sujet non spécifié - JS
- Réponses: 21
- Vues: 692
Création de boutons UP et DOWN pour le forum et incrustation d'images sur les côtés
| Informations générales |
| Nature de la création : Bouton |
| Lien du forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien] |
| Taille de la création (en pixels) : 100x100 |
| Couleur de fond : Non fourni(e) |
| Textes |
| Texte à insérer : Up / Down |
| Police à utiliser : Bebas Neue |
| Couleur de la police : [Vous devez être inscrit et connecté pour voir ce lien] |
| Images |
| Précisions |
| Bonjour, je souhaiterais réaliser la création de deux boutons à placer en bas à droite de mon forum. L'image est celle d'Iron Man, fournie en PNG car je souhaiterais que le fond reste transparent pour qu'elle s'intègre bien au forum. Je souhaiterais un bouton "UP" juste au dessus de la main d'Iron Man (à droite) et un bouton "DOWN" juste au niveau de son genou (à gauche) L'apparence des boutons UP et DOWN doivent être en police Bebas Neue de couleur blanche. Je souhaiterais par la même occasion ajouter une image de Spiderman dans le coin à gauche de mon forum (aussi en PNG) qui est la suivante : [Vous devez être inscrit et connecté pour voir ce lien] Vous en remerciant par avance ! |
- le Mar 19 Juil 2022 - 12:48
- Rechercher dans: Demandes terminées
- Sujet: Création de boutons UP et DOWN pour le forum et incrustation d'images sur les côtés
- Réponses: 6
- Vues: 660
souci de changement de couleur de la chat box
Bonjour Bloody36350pour changer la couleur de fond au lieu de mettre #FFFFFF dans le background-color
essayez de mettre le code #000000 pour changer la couleur
sinon vous avez ce petit tuto pour vous aider pour la chat
ici https://forum.forumactif.com/t391323-integrer-la-chatbox-a-la-toolbar
- le Lun 4 Avr 2022 - 14:55
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: souci de changement de couleur de la chat box
- Réponses: 3
- Vues: 343
[263lanexzebre] - Requête 3 - phpbb3 - Problème d'une couleur texte forcée dans la zone profil.
Bonjour,Il vous faut changer la couleur des champs dans le PA / Utilisateurs & Groupes / Profils
Pour chaque champ problématique, cliquer sur
puis modifiez la couleur pour #FFFFFF (blanc) ou une autre couleur qui vous convient.Bonne journée
Cordialement
PS : Oups, trop lent pour Oka.mi ^^
- le Jeu 24 Mar 2022 - 17:12
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: [263lanexzebre] - Requête 3 - phpbb3 - Problème d'une couleur texte forcée dans la zone profil.
- Réponses: 3
- Vues: 301
Agrandir image (fond de titre) catégorie
Salut
Ton forum ne peut-être visible aux invités donc j'ai pas pu tester sur ton forum mais,
essaye de mettre background-size: cover; comme ceci :
.topcat {
background-size: cover;
width: 100%;
height: 25px;
text-align: center;
background-image:url('https://i.servimg.com/u/f36/20/36/18/91/source18.jpg')
font-family: 'Playfair Display', serif;
text-transform: uppercase;
background-color: #ffffff; }
- le Jeu 17 Mar 2022 - 17:45
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Agrandir image (fond de titre) catégorie
- Réponses: 13
- Vues: 497
Agrandir image (fond de titre) catégorie
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 : https://www.thevagariesoftime.forumactif.com
Description du problème
Bonjour à tous, ça fait déjà plusieurs mois que je me bat avec ce codage pour essayer d'agrandir l'image de fond de titre de mes catégories. Seulement je tourne en rond et je n'y arrive pas seule.J'aimerais, si possible, les dimensions suivantes pour l'image en question : hauteur : 200
largeur : 800
Voilà le début du codage de mes catégories :
/*CATEGORIES PAR TRUC.*/
/*haut de catégorie*/
.topcat {width: 100%;
height: 25px;
text-align: center;
background-image:url('https://i.servimg.com/u/f36/20/36/18/91/source18.jpg')
font-family: 'Playfair Display', serif; /*peut être modifié*/
text-transform: uppercase; /* supprime si tu ne veux plus de l'effet du texte en capitale */
background-color: #ffffff; /*modifie la couleur*/}
.topcat h2 {font-size: 20px;
background-color: transparent; /*modifie la couleur*/
font-weight: 300; /*modifie l'épaisseur (500 c'est la norme) des lettres*/
margin: 0px;}
Un grand MERCI d'avance !!!
- le Jeu 17 Mar 2022 - 16:10
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Agrandir image (fond de titre) catégorie
- Réponses: 13
- Vues: 497
Bouton portail de barre de navigation
| Informations générales |
| Nature de la création : Barre de navigation |
| Lien du forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien] |
| Taille de la création (en pixels) : 73x45 |
| Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien] |
| Textes |
| Texte à insérer : Portail |
| Police à utiliser : Non fourni(e) |
| Couleur de la police : [Vous devez être inscrit et connecté pour voir ce lien] |
| Images |
| Précisions |
| Bonsoir à tous, je voudrais un bouton de barre de navigation (portail) que je ne trouve pas sur les thèmes hitskin. Je ne sais pas les pixels du bouton ! j'ai noté au hasard. Merci. noomi. |
- le Sam 19 Fév 2022 - 0:22
- Rechercher dans: Demandes terminées
- Sujet: Bouton portail de barre de navigation
- Réponses: 2
- Vues: 1430
QEEL en gras
<a href="/f295-ce-n-est-rien-le-temps-passe"><img src="https://ahp.li/66023f6d642d2dcadc39.png" style="height:87px;width:92px;border-radius:5px;border:0px solid #F9A41E;margin-left:-23px;margin-top:-20px;" /></a><span style="margin-left:0px;font-size: 15px;color: #660000;font-family: Comic Sans MS;"><strong> Toutes les télés de Julien depuis 1968 <span style="margin-left:10px;font-size: 15px;color: #ffffff;font-family: Comic Sans MS;"><strong>....Vidéos</strong></span></strong></span>
- le Sam 29 Jan 2022 - 19:41
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: QEEL en gras
- Réponses: 12
- Vues: 327
Plus d'admins et fondateur absent problème de couleurs de fond
Bonjour @AlineR ,Le nom de domaine expire dans 138 jours, il sera possible de le renouveler à partir de 20 novembre. Grâce à son activité, votre forum bénéficie depuis des années du renouvellement gratuit. Si vous maintenez l'activité du forum à peu près au même niveau (attention, c'est une condition très importante !), le domaine sera de nouveau offert. Dans ce cas, il suffira de nous prévenir, et nous le renouvellerons. (A votre place je le ferais dès que possible, c'est à dire à partir de 20 novembre).
Quant à l'activation des nouveaux membres, c'est un peu délicat, vu que le fondateur est absent depuis 3 mois seulement. Nous avons activé les membres inscrits en août, mais nous ne pouvons pas changer les paramètres choisis par le fondateur.
C'est fait !
Cordialement, bonne continuation
- le Jeu 2 Sep 2021 - 9:29
- Rechercher dans: Archives des problèmes divers
- Sujet: Plus d'admins et fondateur absent problème de couleurs de fond
- Réponses: 13
- Vues: 904
Plus d'admins et fondateur absent problème de couleurs de fond
Bonjour Pinguino et merci de votre réponse. Donc jusqu'en Décembre si on m'autorise à reprendre le compte fondateur il n'y aura pas d'administration de ce forum . Pour les membres qui attendent qu'on valide leur compte et qu'on leur donne accès au forum c'est pareil il faudra qu'ils attendent Décembre si on me donne l'autorisation de reprendre le forum c'est ça? Il n'est pas possible d'avoir accès au panneau d'administration pour au moins valider les inscriptions et donner l'accès aux forums aux nouveaux membres ?En attendant pour faire au plus rapide pour vous, il faudrait changer ces couleurs de fond et je remercie l'équipe de pouvoir le faire:
Les couleurs de fond:
Table Rangée Couleur 1 : #ffffff
Table Rangée Couleur 2 et surbrillance :#ffffff
Table Rangée Couleur 3 et séparations :#ffffff
Couleur des citations, codes et boutons : #f9d1df
D'avance merci à l'équipe. Bien cordialement,
Aline.
- le Lun 30 Aoû 2021 - 10:35
- Rechercher dans: Archives des problèmes divers
- Sujet: Plus d'admins et fondateur absent problème de couleurs de fond
- Réponses: 13
- Vues: 904
Je voudrais avoir quelques idée de logo
Bonjour| Informations générales |
| Nature de la création : Autre |
| Lien du forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien] |
| Taille de la création (en pixels) : 105x109 |
| Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien] |
| Textes |
| Texte à insérer : Belfort académie (suggestion) |
| Police à utiliser : Non fourni(e) |
| Couleur de la police : Non fourni(e) |
| Images |
|
| Précisions |
| Bonjour je voudrais créer un logo pour mon forum Thème : Académie de Magie Belfort Je n'ai aucune idée de ce que je veux précisément ( je veux juste avoir quelques piste ) C'est une demande très flou désolé Merci d'avance |
- le Mer 25 Aoû 2021 - 14:34
- Rechercher dans: Demandes terminées
- Sujet: Je voudrais avoir quelques idée de logo
- Réponses: 10
- Vues: 2412
ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.
Hello superhomme,pour l'éditeur tu peux modifier la couleur dans tes couleurs ici:
Couleur de fond de l'éditeur (Zone de saisie de texte) : ==> {#}BABABA{/#}
Modifie en couleur blanche, c'est à dire ==> {#}ffffff{/#}
Ensuite déposes ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci:
- Code:
fieldset dl:hover dt label,select, select option,input[type="text"]{color:#fff!important;}
div.sceditor-dropdown input,textarea{color:#000!important;}
Penses à cliquer sur le bouton
Tu devrais obtenir satisfaction cher ami
.a++
- le Sam 8 Mai 2021 - 8:56
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.
- Réponses: 25
- Vues: 1259
Problème avec le menu
Bonjour à tous la communautés.J'ai un forum ici depuis plusieurs années et j'ai très rarement eu des problèmes avec mon forum. Par contre c'est un ami qui gérait tout cela mais ne semble plus venir sur le forum donc j'ai voulu faire des modifications mais je suis pas top top en css / html avancé. ALors je me tourne vers vous....
Si vous aller sur la page d'accuel vous devez voir un menu juste en bas du logo dans la partis noir mais malheureusement on ne le vois pas sauf si on passe le curseur dessus.... Voici le code est-ce que quelquun peut m'aider:
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>body {font-family: Arial, Helvetica, sans-serif;margin: 0;}.header {background-color: #fff;text-align: center;padding-top: 5px;width:100%;}#navbar {overflow: hidden;background-color: #333;z-index:99999 !important;height:49px;width: 100%;}#navbar a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;}#navbar a:hover {background-color: #ddd;color: black;}#navbar a.active {background-color: #FFFFFF;color: white;}.sticky {position: fixed;top: 0;width: 100%;}</style></head><body><div class="headercell"><div class="header"><center><a href="https://www.hockeyfederation.com/"><img src="https://i.servimg.com/u/f84/16/67/19/10/logo_b11.png" id="bannerbg" style="height:260px !important; width:762px !important;"></center></div></div><!--
DEBUT DU BOUTON M.P --><center><div id="navbar"></div></center><center><a class="active" href="https://www.hockeyfederation.com/forum">Accueil</a><a href="http://hf.hockeyhq.net/HockeyFederation/portail/">Portal</a> <a href="/search">Recherche</a><a href="/memberlist">Membres</a><a href="/profile?mode=editprofile">Profil</a><a href="/privmsg?folder=inbox"></a><span class="M14_recept-faLeft"></span><span class="M14_recept-faRight"></span></center><script>window.onscroll = function() {myFunction()};var navbar = document.getElementById("navbar");var sticky = navbar.offsetTop;function myFunction() {if (window.pageYOffset >= sticky) {navbar.classList.add("sticky")} else {navbar.classList.remove("sticky");}}</script></body></html>
<html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>body {}.sidepanel {width: 0;position:fixed;z-index: 999 !important;height: auto;top: 282px;left: 0;background-color: #333;overflow-x: hidden;transition: 0.9s;padding-top: 14px;}.sidepanel a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}.sidepanel a:hover {color: #f1f1f1;}.sidepanel {font-size: 20px;cursor: pointer;background-color: #;color: #ffffff;border: none;position: absolute;right: 32px;}a.closebtn {cursor: pointer;color: transparent !important;position: absolute;right: 15%;background-image: url(https://i.servimg.com/u/f12/16/58/47/07/close10.png);height: 32px !important;width: 32px !important;background: no repeat !important;background-repeat: no-repeat;margin-top: 14px;}a.closebtn:hover {}.openbtn {font-size: 20px;font-weight: bold;cursor: pointer;border: none;position: absolute;margin-top: 7px;z-index: 1;right: 31px;color: #fff !important;width: 35px;height: 34px;transition-property: all;border-radius: 25px;background-color: #006BBD;text-align: center;} .openbtn:hover {opacity:0.7;} </style></head>
</html>
- le Mer 28 Avr 2021 - 5:48
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Problème avec le menu
- Réponses: 2
- Vues: 1420
problème codage qeel
- css:
- .menu{padding:5px;margin-top:-20px;}
a.mainmenu[href^="/calendar"], a.mainmenu[href^="/faq"] {
display: none;
}
.mainmenu{margin-top:-20px;
font-size: 14px;color:#FAA0DF;
font-family: 'Mulish', sans-serif;font-size:12px;text-transform:uppercase;color:#FAA0DF;padding:1px;letter-spacing:-1px;
}
a.mainmenu{padding:1px;
text-decoration: none;
font-family: 'Mulish', sans-serif;font-size:12px;text-transform:uppercase;color:#9fbdbd;text-shadow: 0 0 3px #fff, 0 0 3px #fff;letter-spacing:-1px;
}
a.mainmenu:hover{
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
/*--- NAVIGATION ET HEADER ---*/
#fa_toolbar {
background-color: transparent !important; /* Rend transparent le fond principal */
}
#fa_right {
background:#FBE677; /* Couleur de fond */
text-transform:uppercase;font-size:12px;
padding-left: 10px; /* Règle la marge intérieure gauche */
padding-right: 10px; /* Règle la marge intérieure droite */
margin-right: 30px;
border-radius: 10px;
box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.2);
-moz-box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.2);
-webkit-box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.2);
}
ul#notif_list{
background-color:#FFFDFB;
}
ul#notif_list{
background-color:#FFFDFB;
}
div.fa_notification{
background-color:#FFFDFB;
}
#notif_list li .contentText{
background-color:#FFFDFB;
}
li.see_all{
background-color:#FFFDFB;color:#5f4037;
}
#fa_left {display:none!important;}
ul#fa_menulist {display:none!important;}
div#fa_search {display:none!important;}
span#fa_share {display:none!important;}
a#fa_hide {display: none!important;}
a.mentiontag { text-transform:uppercase;color:#C2A3D1;font-family: 'Inter', sans-serif;font-size:10px;padding:2px;font-weight:bold;text-shadow: 0 0 5px #fff, 0 0 5px #fff;}
.catHead, .catBottom, .catLeft, .catRight, .thLeft, .thRight,
.thSides, .thCornerL, .thCornerR, .thTop, .thHead, .row3Right
{
border: none !important;
}
/*--- SWITCHEROOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO ---*/
.switcheroo {
--color-bg: #17141b;
--color-delete: #e74c3c;
--color-tooltip: #010203;
--color-squircle: #201f2e;
--color-accent: #b14255;
--color-button: #aaa2f2;
--color-pill: #ffffff;
--gap-size: 1rem;
--ease: cubic-bezier(0.4, 0.0, 0.2, 1);
--ease-bounce: cubic-bezier(0.43, 0.09, 0.38, 2.56);
}
.switcheroo {
position: fixed;
z-index: 10;
top: 0;
bottom: 0;
flex-shrink: 0;
background-color: var(--color-bg);
}
.switcheroo__squircles {
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0;
padding: 0;
list-style: none;
background-color: var(--color-body);
padding: var(--gap-size);
gap: var(--gap-size);
}
.switcheroo__squircle {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-squircle);
width: 48px;
height: 48px;
border-radius: 50%;
cursor: pointer;
position: relative;
transition: border-radius 128ms var(--ease);
}
.switcheroo__squircle--button {
transition: border-radius 128ms var(--ease);
color: var(--color-button);
}
.switcheroo__squircle--button:hover {
color: #fff;
background-color: var(--color-button);
}
.switcheroo__squircle:hover {
border-radius: 36%;
}
.switcheroo__squircle:hover .switcheroo__popper {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.switcheroo__squircle:hover:before {
opacity: 1;
transform: translate(-100%, -50%) scale(0.5);
}
.switcheroo__squircle:hover .switcheroo__delete {
opacity: 1;
transform: scale(1);
}
.switcheroo__squircle:before {
content: "";
width: 100%;
height: 100%;
display: block;
background-color: var(--color-pill);
position: absolute;
border-radius: 4px;
top: 50%;
transform: translate(-100%, -50%) scale(0);
transition: transform 128ms, opacity 64ms;
pointer-events: none;
opacity: 0;
}
.switcheroo__squircle.active {
border-radius: 36%;
cursor: default;
}
.switcheroo__squircle.active:before {
opacity: 1;
transform: translate(-85%, -50%) scale(0.2);
border-radius: 50%;
}
.switcheroo__popper {
background-color: var(--color-tooltip);
padding: 0.68rem 1rem;
position: absolute;
left: 155%;
top: 50%;
transform-origin: left;
transform: translateY(-50%) scale(0.98);
width: -webkit-max-content;
width: max-content;
border-radius: 4px;
z-index: 0;
opacity: 0;
transition: opacity 64ms var(--ease), transform 128ms var(--ease-bounce);
pointer-events: none;
color: #fff;
}
.switcheroo__popper:before {
content: "";
position: absolute;
width: 24px;
height: 24px;
background-color: var(--color-tooltip);
left: -2px;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
z-index: -1;
}
.switcheroo__avatar {
position: relative;
width: 100%;
height: 100%;
border-radius: inherit;
overflow: hidden;
}
.switcheroo__avatar img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.switcheroo__delete {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 16px;
height: 16px;
top: -2px;
right: -2px;
border-radius: 50%;
background-color: var(--color-delete);
transform: scale(0);
opacity: 1;
transition: transform 128ms var(--ease), opacity 64ms var(--ease);
cursor: pointer;
}
.switcheroo__delete i {
transform: scale(0.5);
pointer-events: none;
}
.switcheroo__divider {
width: 100%;
height: 2px;
background-color: var(--color-pill);
border-radius: 1px;
opacity: 0.06;
transform: scale(0.
;
}
.switcheroo__form {
padding: 48px;
}
.switcheroo__form-row {
display: flex;
flex-flow: column;
align-items: flex-start;
margin-bottom: 16px;
}
.switcheroo__form-label {
margin-bottom: 8px;
font-size: 14px;
text-transform: uppercase;
}
.switcheroo__form-input {
padding: 6px;
font-size: 16px;
border-radius: 4px;
width: 100%;
border-bottom: 2px solid var(--color-accent);
background-color: var(--color-bg);
}
.switcheroo__form-button {
border-radius: 8px;
padding: 8px;
border: none;
outline: none;
box-shadow: none;
text-transform: uppercase;
font-size: 14px;
align-self: flex-end;
color: #fff;
background-color: var(--color-accent);
}
.monomer-overlay {
position: fixed;
z-index: 999;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
transition: .2s opacity ease;
background: rgba(0, 0, 0, 0.6);
}
.monomer-modal {
position: absolute;
z-index: 999;
top: 50%;
left: 50%;
opacity: 0;
width: 94%;
padding: 24px 20px;
transition: .2s opacity ease;
transform: translate(-50%, -50%);
border-radius: 2px;
background: var(--color-squircle);
}
.monomer-modal.monomer-open.monomer-anchored {
top: 20px;
transform: translate(-50%, 0);
}
.monomer-modal.monomer-open {
opacity: 1;
}
.monomer-overlay.monomer-open {
opacity: 1;
}
/* Close Button */
.monomer-close {
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
text-align: center;
width: 24px;
height: 24px;
position: absolute;
top: -5px;
right: -5px;
padding: 5px;
cursor: pointer;
color: #fff;
border: 0;
outline: none;
background: var(--color-delete);
border-radius: 50%;
padding: 0;
}
.monomer-close:hover {
opacity: 0.8;
}
/******************************** catégories ********************************/
.blocDernierPost{
float:right;
width:120px;
height:140px;
}
.dernierPost{
background-image:url('https://zupimages.net/up/21/11/0azn.png');
color: #9fbdbd;
font-family: "open sans";
font-size: 11px;
padding: 10px;
position: absolute;
right: 2%;
text-align: center;
top: 16%;
height: 100px;width: 120px;
}
.dernierPost span{
left: 1%;
position: relative;
}
.imgOldNewLock{
height: 33px;
position: relative;
width: 120px;
}
.avatarCate{
background: #FCE579;
padding: 3px;
position: absolute;
right: 19.2%;
top: 16%;
width: 70px;
}
.avatarCate img{
width:70px;
}
.blocForum{
position:relative;
width:100%;
height:auto;
background:transparent;
}
.titreCate{
width: 100%;
height: 60px;
/* background: linear-gradient(180deg, #3A6E74,#402F3F); */
background-image:url('https://zupimages.net/up/21/11/jr7c.png');
margin: auto;
letter-spacing: 3px;
}
.titreCate h2 /*titre de la caté*/
{ font-family: Kufam;
font-size: 22px;
text-align: center;
text-transform: uppercase;
transform: rotate(-2deg);
color: #7db08a !important;
padding-top: 16px;
}
.blocCate{
background: #f5f9fa;
/* border: 2px dotted red; */
height: auto;
position: relative;
width: 100%;
padding: 8px 0 8px 0;
}
.titreForum /*titre du forum*/
{
height: 20px;
left: 21%;
top: 2%;
margin: auto;
position: absolute;
width: 50%;
z-index: 1;transform: rotate(-2deg);
}
.titreForum a{
font-family: Kufam;
font-size: 15px;
color: #9fbdbd !important;
text-transform: uppercase;
}
.descriptionForum{
background-color: #FFFFFF;
font-family: open sans;
font-size: 13px;
height: 110px;
left: 21%;
overflow: auto;
padding: 5px;
position: absolute;
text-align: justify;
top: 16%;
width: 48%;
}
.descriptionForum strong{
font-family: indie flower;
text-transform: uppercase;
color: #F9BFB3 ;
font-size: 11px;
}
.sujetsMessages{
color : #9fbdbd;
font-family: poppins;
font-size: 10px;
height: 10px;
position: absolute;
right: -6.5%;
text-align: center;
top: 54%;
width: 16%;
transform: rotate(-90deg);
z-index: 1;
}
.sousForums {
background-color: #FFFFFF;
font-size: 0;
height: 90x;
left: 1%;
position: absolute;
text-align: center;
top: 16%;
width: 130px;
padding: 15px;height: 90px; overflow: auto;
}
.sousForums a{
color: #7db08a;
display: block;
font-family: kufam;
font-size: 11px;
padding: 3px 0 0;
text-align: center;
text-transform: uppercase;
transition: all 1s ease;
}
.sousForums a:hover{
letter-spacing: 1.5px;
}
/********************************************************* LISTE SUJETS *********************************************************/
/* - - - - Liste des sujets claire #1
- - - - - - Auteur: Syx(/Kehoru)
- - - - - - Merci de créditer pour toute utilisation du CSS et/ou du template - - - - */
/* - - - - - - - - > > > > topics_list_box - - - - - - - - */
/* - - - - AFFICHAGE DE CHAQUE SUJET - - - - */
/* le block du sujet */
.lsuj_sujet {
position: relative;
background-color: #fbfbfb;
margin: 10px 0;
box-sizing: border-box;
padding: 10px 10px 10px 35px;
box-shadow: 0 0 5px rgba(50,50,50,.15); }
/* block de gauche dont la couleur s'adapte selon le statut du sujet (rien de nv., nv. message, verrouillé) */
.lsuj_folder {
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 100%; }
/* block de l'icône du sujet */
.lsuj_icon {
vertical-align: top;
margin-right: 12px;
width: 16px;
padding-top: 12px; }
/* le block regroupant les infos primaires du sujet */
.lsuj_infos {
width: 50%;
vertical-align: middle; }
/* le type de sujet (annonce, note, etc.) */
.lsuj_sujet div.lsuj_type {
color: #3e3e3e;
font-size: 0;
vertical-align: text-top !important; }
/* le titre du sujet */
.lsuj_title {
padding-top: 1%;}
.lsuj_title a {
color: #4e4e4e;
font-size: 14px;
font-family: Roboto; }
/* l'auteur du sujet */
.lsuj_author {
margin-left: 5px;
font-size: 11px;
background-color: rgba(150,150,150,.05);
padding: 1px 4px;
vertical-align: unset;
position: relative; }
.lsuj_author::before {
content: "Ouvert par ";
color: #9e9e9e; }
/* la description du sujet (ne s'affichera tout de même que si les descriptions de sujets sont activées */
.lsuj_desc {
color: #757575;
font-size: 12px;
display: block !important;
width: 100%;
text-align: justify;
font-style: italic;
margin-top: 2px;
min-height: 20px; }
/* on place une phrase pour les sujets sans description */
.lsuj_desc:empty::before {
content: "Aucune description";
opacity: .65; }
/* block regroupant '.lsuj_count', '.lsuj_lastpost', '.lsuj_lastpost-avatar' */
.lsuj_right {
width: 46%;
right: 1%;
vertical-align: middle; }
/* block regroupant le nb. de réponses et de vues */
.lsuj_count {
vertical-align: top;
width: 50%;
text-align: center;
color: #4c4c4c;
font-size: 11px; }
/* block du dernier message du sujet */
.lsuj_lastpost {
vertical-align: top;
width: auto;
box-sizing: border-box;
text-align: right;
display: inline-block !important;
float: right;
margin-top: 6px; }
/* avatar de l'auteur du dernier message du sujet */
.lsuj_lastpost-avatar .lastpost-avatar {
float: none !important;
padding: 0 !important;
display: inline-block !important;}
.lsuj_lastpost-avatar .lastpost-avatar img {
border-radius: 0 !important;
width: 30px;
height: auto;
box-shadow: 0 0 0 1px #ececec;
border: 2px solid #fbfbfb; /* à changer selon la couleur de fond du block général du sujet (.lsuj_sujet) */ }
/* léger déplacement vertical de l'avatar: peut être changé selon les forums/cas */
.lsuj_lastpost-avatar {
position: relative;
top: 2px;}
/* date du dernier message du sujet */
.lsuj_lp_time {
font-size: 12px;
color: #5a5a5a;
font-family: Arial; }
/* on retire le 'br' automatique précédent l'affichage des pages de chaque sujet et l'image */
.lsuj_navtree br, .lsuj_navtree img {
display: none !important;}
/* auteur du dernier message du sujet */
.lsuj_lp_author {
display: block !important;
height: 13px;
line-height: 11px; }
.lsuj_lp_author a, .lsuj_lp_author strong {
font-size: 11px; }
/* déplacement de l'image près du pseudo de l'auteur du dernier message: peut être changé au cas par cas */
.lsuj_lp_author img {
position: relative;
top: -1px; }
/* - - - - AFFICHAGE DES PAGES DE CHAQUE SUJET - - - */
.lsuj_navtree {
color: #5a5a5a;
padding-bottom: 5px;
font-size: 0;}
.lsuj_navtree a {
font-size: 11px;
background-color: #ececec;
padding: 0 2px;
margin: 0 1px; }
.lsuj_navtree::before {
content: "Pages:";
font-size: 10px;
color: #6a6a6a;
margin-right: 3px; }
/* on cache le block des pages s'il n'y en a aucune */
.lsuj_navtree:empty {
display: none !important; }
/* - - - - CODES POUR LA PARTIE NB. DE RÉPONSES ET DE VUES - - - - */
.lsuj_replies {display: block !important;}
.lsuj_replies::after {
content: " réponses";
color: #848484; }
.lsuj_views {display: block !important;}
.lsuj_views::after {
content: " vues";
color: #848484; }
/* remplacer "0 réponses" par "Aucune réponse" + mise au singulier si qu'une seule réponse */
.lsuj_replies[number="0"]::before {
content: "Aucune réponse";
font-size: 11px;
color: #a7a7a7; }
.lsuj_replies[number="0"] {
font-size: 0; }
.lsuj_replies[number="1"]::after {
content: " réponse" !important; }
.lsuj_views[number="1"]::after {
content: " vue" !important; }
/* - - - - - - - - > > > > viewforum_body - - - - - - - - */
/* - - - - PAGINATION - - - - */
.lsuj_pagin {
font-size: 0;
display: block;
box-sizing: border-box;
padding: 0 0 15px 0;
text-align: center;
background-image: linear-gradient(90deg, transparent, rgba(30,30,30,.1), transparent);
color: #616161;
font-family: sans-serif;
text-transform: uppercase;
position: relative; }
.lsuj_pagin a {
font-size: 11px;
position: relative;
z-index: 2; }
.lsuj_pagin_bottom {
font-size: 0;
display: block;
box-sizing: border-box;
padding: 5px 0 10px 0;
text-align: center;
background-image: linear-gradient(90deg, transparent, rgba(30,30,30,.035), transparent);
color: #616161;
font-family: sans-serif;
text-transform: uppercase;
position: relative; }
.lsuj_pagin_bottom a {
font-size: 11px;
position: relative;
z-index: 2; }
/* effet de transition en fondu (couleurs à adapter selon le fond du forum) */
.lsuj_pagin::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 35px;
background-image: linear-gradient(0deg, #E9EBED, transparent); }
/* un margin pour les flèches du pagination */
.lsuj_pagin a:nth-child(3), .lsuj_pagin_bottom a:nth-child(3) {
margin-right: 5px;}
.lsuj_pagin a:last-child, .lsuj_pagin_bottom a:last-child {
margin-left: 5px;}
/* la mention "Aller à la page" */
.lsuj_pagin a:nth-child(2), .lsuj_pagin_bottom a:nth-child(2) {
margin-right: 5px;
color: #585858; }
/* - - - - BOUTON #TOP - - - - */
.lsuj_backtotop {
position: fixed;
right: .5%;
bottom: 4%;
background-color: white;
padding: 4px; }
/* - - - - NAVIGATION FORUM & BOUTON "PLUS !" - - - - */
.lsuj_top {
background-color: rgba(60,60,60,.1);
box-sizing: border-box;
padding: 1%; }
.lsuj_forumnav {
font-size: 10px;
display: inline-block;
width: 80%; }
.lsuj_forumnav a {
color: #4c4c4c; }
.lsuj_forumnav h1 {
display: inline-block;
padding: 2px 0;
margin: 0 1px; }
.lsuj_plus {
display: inline-block;
width: 20%;
text-align: right;
font-size: 12px;
vertical-align: text-bottom; }
/* indicateur du sous-forum actuel */
.lsuj_forumnav h1:last-child {
border-bottom: 1px solid #b5b5b5;
border-top: 1px solid #b5b5b5; }
/* titre du sous-forum */
.lsuj_sforum {
display: block;
box-sizing: border-box;
padding: 10px;
text-align: center;
font-size: 19px;
background-image: linear-gradient(90deg, transparent, rgba(30,30,30,.1), transparent);
margin-top: 10px;
color: #616161;
font-family: sans-serif;
text-transform: uppercase; }
/* - - - - BOUTON NOUVEAU SUJET/SOUS-FORUM VERROUILLÉ - - - - */
.lsuj_newpost a[auth-state="Poster un nouveau sujet"]::before {
content: "Poster un nouveau sujet";
position: absolute;
left: 0;
top: 18px;
width: 100%;
text-align: center;
color: #fff;
font-family: sans-serif;
font-size: 16px;
text-shadow: 1px 1px 1px rgba(10,10,10,.07); }
.lsuj_newpost a {
position: fixed;
bottom: 2%;
opacity: .65;
transition: all .4s ease;
right: 2%;
width: 200px;
height: 55px;
background-image: linear-gradient(55deg, #397fd0, #599dec, #397fd0);
border-width: 1px 2px;
border-style: solid;
border-color: #397fd0;
box-shadow: 0 0 3px rgba(40,40,40,.35); }
.lsuj_newpost a:hover {
transition: all .4s ease;
opacity: 1; }
/* si le sous-forum est verrouillé */
.lsuj_newpost a[auth-state="Ce forum est verrouillé, vous ne pouvez pas poster, ni répondre, ni éditer les sujets."]::before {
content: "Sous-forum verrouillé";
position: absolute;
left: 0;
top: 18px;
width: 100%;
text-align: center;
color: #fff;
font-family: sans-serif;
font-size: 16px;
text-shadow: 1px 1px 1px rgba(10,10,10,.07); }
.lsuj_newpost a[auth-state="Ce forum est verrouillé, vous ne pouvez pas poster, ni répondre, ni éditer les sujets."] {
filter: grayscale(1); }
/* - - - - BLOCK DES OPTIONS (MARQUER COMME LUS, SURVEILLER) - - - - */
.lsuj_options {
padding: 15px 0 10px 0;
text-align: right; }
.lsuj_options a, .lsuj_moderators a {
font-size: 12px;
border-left: 1px solid #ccc;
padding: 0 5px;
border-right: 1px solid #ccc; }
.lsuj_watch a {
margin-left: -1px; }
/* - - - - BLOCK DES MODÉRATEURS - - - - */
.lsuj_moderators {
float: left;
margin-top: 15px; }
/* - - - - BLOCK "UTILISATEURS PARCOURANT ACTUELLEMENT CE FORUM" - - - - */
.lsuj_userlist {
background-color: #b0cadc;
box-sizing: border-box;
padding: 1%;
font-size: 13px;
margin: 10px 0 10px 0; }
/* - - - - BLOCK AFFICHANT LES PERMISSIONS DE L'UTILISATEUR - - - - */
.lsuj_auth {
color: #656565;
font-size: 12px;
text-align: center;
margin: 10px 0 20px 0;
border-bottom: 1px solid #00000015;
padding-bottom: 10px; }
.lsuj_auth a {
color: #2d2d2d;
border-bottom: 1px dotted #9c9c9c; }
/* on transforme les sauts de ligne 'br' entre chaque permission */
.lsuj_auth br {
content: "";
width: 1px;
height: 12px;
background-color: black;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
opacity: .2;
position: relative;
top: -1px; }
/* - - - - MODIFICATIONS POUR CHAQUE TYPE DE SUJET - - - - */
/* Annonce */
.lsuj_type[type*="Annonce:"]::before {
content: "Annonce";
font-size: 11px;
font-family: Arial;
background-color: #57768c;
padding: 2px 5px 1px 5px;
margin: 0 3px 0 5px;
display: inline-block;
text-transform: uppercase;
color: white; }
/* Note */
.lsuj_type[type*="Annonce globale:"]::before {
content: "Annonce globale";
font-size: 11px;
font-family: Arial;
background-color: #2a80bd;
padding: 2px 5px 1px 5px;
margin: 0 3px 0 5px;
display: inline-block;
text-transform: uppercase;
color: white; }
/* Note */
.lsuj_type[type*="Note:"]::before {
content: "Note";
font-size: 11px;
font-family: Arial;
background-color: #7c94a5;
padding: 2px 5px 1px 5px;
margin: 0 3px 0 5px;
display: inline-block;
text-transform: uppercase;
color: white; }
/* - - - - PERSONNALISATION DE CHAQUE RECTANGLE DE STATUT (NV. MSG., RIEN, VERROUILLÉ) - - - - */
/* pour les sujets avec aucun nouv. message */
.lsuj_folder {
background-color: #eaeaea; }
.lsuj_folder[folder-state="Nouveaux messages"] {
background: linear-gradient(280deg, #3240b2, #0fd2a0);
background-size: 400% 400%;
animation: NvMsgSuj 4s ease infinite;
-webkit-animation: NvMsgSuj 4s ease infinite;
-moz-animation: NvMsgSuj 4s ease infinite; }
.lsuj_folder[folder-state="Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses."] {
background-color: #464646; }
/* pour les sujets verrouillés mais ayant un nouveau message:
>> changer le lien de l'image par celle correspondante à votre forum si vous l'avez changée */
.lsuj_folder[folder-state-alt="https://2img.net/i/fa/modernbb/topic_unread_locked.png"] {
background: linear-gradient(146deg, #464646, #205974);
background-size: 400% 400%;
animation: NvMsgSuj 4s ease infinite;
-webkit-animation: NvMsgSuj 4s ease infinite;
-moz-animation: NvMsgSuj 4s ease infinite; }
@-webkit-keyframes NvMsgSuj {
0% {background-position:87% 0%}
50% {background-position:14% 100%}
100% {background-position:87% 0%} }
@-moz-keyframes NvMsgSuj {
0% {background-position:87% 0%}
50% {background-position:14% 100%}
100% {background-position:87% 0%} }
@keyframes NvMsgSuj {
0% {background-position:87% 0%}
50% {background-position:14% 100%}
100% {background-position:87% 0%} }
/* - - - - GESTION DES MINI-IMAGES (.LSUJ_PRE_IMGS) - - - - */
/* déplacement du block pour aligner au titre - peut être changé au cas par cas */
.lsuj_pre_imgs {
position: relative;
top: 2px; }
/* on espace les mini-images avant le titre d'un sujet */
.lsuj_pre_imgs img {
margin: 0 1px; }
/* on aligne ces mêmes images (le deuxième est fait via le lien) */
.lsuj_pre_imgs > img, .lsuj_pre_imgs a {
vertical-align: top; }
/* on insert un margin-right au dernier élément pour décoller le tout du titre du sujet */
.lsuj_pre_imgs *:last-child {
margin-right: 5px; }
/* on met l'image du lien 'Voir le message le plus récent' au même placement et à la même hauteur + largeur que l'image précédente
>> peut être changé selon les forums (dans ce code, par défaut, on se base sur les images de base sur FA) */
.lsuj_pre_imgs a {
height: 11px;
display: inline-block;
width: 11px;
box-sizing: border-box;
padding-top: 3px; }
/* - - - - AUTRES CODES NÉCÉSSAIRES - - - - */
/* on met un 'display: inline-block' par défaut à toutes les div du code */
.lsuj_sujet div {
display: inline-block; }
/* on fait flotter à gauche les mini-images du sujet et le type du sujet pour que le titre aille à la ligne si trop long */
.lsuj_pre_imgs, .lsuj_type {
float: left; }
/* on recalibre les flèches imagées dans le pagination (peut dépendre des forums et nécessiter une modification */
.lsuj_pagin img, .lsuj_pagin_bottom img {
transform: scale(0.7);
position: relative;
top: 3px; }
/* on cache bien le lien "Marquer tous les sujets comme lus" et son style si l'utilisateur n'est qu'un visiteur (non-enregistré)
(on évite l'apparition inutile des borders du 'a' vu que FA affiche quand même le 'a' même s'il y enlève le lien) */
.lsuj_options a[href=""] {
display: none !important; }
/* on met tous les titres des sujets au même placement horizontal, qu'ils soient ou non précédés des mini-images */
/* >> enlever cette ligne et le étoile-slash à la fin du code pour appliquer cette modification
.lsuj_pre_imgs {
text-align: right;
min-width: 33px;
min-height: 1px; }
*/
/************************************************** PRESENTATION DU SUJET ******************************************/
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-transform:uppercase; text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; font-size:32px;
color:#94b5b5; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin:5px auto 0; width:98%;
padding:2px 0; font-size:10px;
background:#FFFFFF; color:#89adad; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:#89adad; /* MODIFIABLE */
}
/* BLOC DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:10px; padding:10px; font-size:11px;
background:#89adad; color:white; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
max-width:730px; min-height:470px; padding:10px;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* PROFIL JOUEUR */
#boxPOST {
position:absolute; margin-left:10px; margin-top:5px; margin-right:-50px;
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:20px; margin-top:190px;
width:400px; padding:5px;
text-align:left; text-transform:uppercase; font-family:Arial; line-height:14px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
.namePOST a {
display:inline-block; vertical-align:middle;
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; padding-left:5px;
text-transform:uppercase; text-align:center; font-size:11px;
color:black; /* MODIFIABLE */
}
/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
padding:5px 0;
font-size:10px; font-family:Arial;
background:#E9E9E9; color:black; /* MODIFIABLE */
}
/* BLOC AVATAR */
.avaPOST {
margin:0 5px; width:200px;
}
.avaPOST img {
width:200px;
}
/* BLOC IMAGES CONTACT JOUEUR */
.ktactPOST {
margin:5px auto;
width:200px; padding:5px 0; text-align:center;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.ktactPOST img {
margin:0 2px; max-height:20px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin:auto; width:200px;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST .label {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img {
margin:auto; max-width:200px;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0; width:200px;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
/* LOSANGE GROUPE */
.grpPOST {
position:absolute; margin-top:-25px; margin-left:-8px;
width:15px; height:15px;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:30px 105px 0 105px; border-color:transparent;
border-top-color:#E9E9E9; /* MODIFIABLE */
}
/**** QEEL ****/
body{background:white;}
.QEEL_v2_bloc {width:800px;height:390px;padding:5px;background-color:d0e8f5;margin:auto;}
/********* QEEL V2 GAUCHE **/
.QEEL_v2_gauche {height:380px;width:100px;padding:5px;float:left;}
.QEEL_v2_gauche_cadre {border:1px solid #fde1b1;height:80px;width:81px;margin:auto;margin-bottom:5px;padding:5px;}
/** images villes + hover etc.. **/
.QEEL_v2_gauche_image {border:1px solid grey;height:80px;width:80px;overflow:hidden;}
.QEEL_v2_gauche_image img {-webkit-filter: grayscale(100%); filter: grayscale(100%);transition:all 0.8s ease;}
.QEEL_v2_gauche_image img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);transition:all 0.8s ease;}
/** QEEL V2 CENTRE **/
.QEEL_v2_centre {box-shadow: inset 0px 0px 5px 1px rgba(75,75,75,0.5); width:595px; height:380px;margin-left:120px;padding:5px;}
.QEEL_v2_top_connectes {background-color:#fde1b1;width:600px; height: 24px;margin-top:-5px;margin-left:-5px;padding-left:5px;color:#A0C3D6;padding-top:5px;font-family:Philosopher;font-size:13px;text-transform:lowercase;}
.QEEL_v2_centre_cadre_inscrit {border:1px solid #4b4b4b;height:200px;padding:4px;margin-top:7px;margin-left:5px;}
.QEEL_v2_centre_cadre_inscrit img {border:1px solid white;;height:200px;-webkit-filter: brightness(100%); /* Safari 6.0 - 9.0 */ filter: brightness(100%);transition:all 0.5s ease}
.QEEL_v2_centre_cadre_inscrit img:hover {-webkit-filter: brightness(130%); /* Safari 6.0 - 9.0 */ filter: brightness(130%);transition:all 0.5s ease}
.QEEL_v2_centre_bvn {border-bottom:1px solid rgba(75,75,75,0.5);width:100px;margin-left:-8px;padding-left:10px;margin-top:5px;font-family:Philosopher;font-size:15px;color: #4b4b4b}
.QEEL_v2_centre_nomcadre {border:1px solid rgba(240,111,111,0.6);margin-top:5px;padding:5px;margin-left:5px;}
.QEEL_v2_centre_nominscrit {background-color:#fde1b1;text-align:center;padding-top:3px;padding-bottom:3px;font-family:Philosopher;font-size:13px;text-transform:lowercase;}
.QEEL_v2_centre_bloc_mess_co {box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);margin-left:15px;}
.QEEL_v2_centre_bloc_messages {height:150px;width:350px;}
.QEEL_v2_centre_bloc_messages table {margin-left:55px;}
.QEEL_centre_messages_cadre {border:1px solid #fde1b1; padding:5px;}
.QEEL_v2_centre_messages {height:90px;width:90px;padding:5px;text-align:center;background-color:#fde1b1;}
qeelv2top {color:black;display:block;margin-top:22px;font-weight:bold;}
qeelv2bottom {font-style:italic;font-family:lobster two;color:white;text-shadow: 1px 1px 2px #000000, 0 0 0.2em black, 0 0 0.2em rgba(255,0,0,0.3);}
qeelv2bottom:hover {text-shadow: 1px 1px 2px lightblue, 0 0 0.2em black, 0 0 0.2em blue;}
.QEEL_v2_centre_connectes {border:2px solid #c2c2c2 ;font-family: 'Cormorant Garamond', serif;font-size:14px;color:white;height:130px;padding:5px;width:338px;text-align:justify;background-color:#fde1b1}
/********* cadre lieu à droite **/
.QEEL_v2_bloc_droite {height:190px;width:130px;padding:5px;padding-top:20px;}
.QEEL_v2_lieu_bloc {background-color:#A0C3D6;width:120px;padding:3px;text-align:center;height:25px;padding-top:9px;
font-family: 'Vollkorn SC', serif;letter-spacing:-2px;font-size:15px;transition:all 0.5s ease;border:3px solid rgba(75,75,75,0.;text-transform:lowercase;}
.QEEL_v2_lieu_bloc:hover {letter-spacing:3px;transition:all 0.8s ease;border:3px solid rgba(255,255,255,0.4);color:white;background-color:#4b4b4b}
.QEEL_v2_anniversaires {background-color:#fde1b1;height:35px;padding:5px;}
/**** FIN QEEL ****/
/************************************** PRESENTATION INTERFACE EDITION MESSAGE POUR RP + PROFIL JOUEUR ***********************************/
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-transform:uppercase; text-align:center; font-family:Arial;
background:FFFFFF; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; font-size:32px;
color:#e3e371; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin:5px auto 0; width:98%;
padding:2px 0; font-size:10px;
background:#FFFFFF; color:#94b5b5; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:#94b5b5; /* MODIFIABLE */
}
/* BLOC DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:10px; padding:10px; font-size:11px;
background:#89adad; color:white; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
max-width:730px; min-height:470px; padding:10px;
background:#FFFFFF; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* PROFIL JOUEUR */
#boxPOST {
position:absolute; margin-left:10px; margin-top:5px; margin-right:-50px;
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:20px; margin-top:190px;
width:400px; padding:5px;
text-align:left; text-transform:uppercase; font-family:Time new roman; line-height:14px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
.namePOST a {
display:inline-block; vertical-align:middle;
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; padding-left:5px;
text-transform:uppercase; text-align:center; font-size:11px;
color:#6ca6a6; /* MODIFIABLE */
}
/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
padding:5px 0;
font-size:10px; font-family:Arial;
background-image:url('https://zupimages.net/up/21/11/0azn.png'); border:1px solid #FBE677; color:black; /* MODIFIABLE */
}
/* BLOC AVATAR */
.avaPOST {
margin:0 5px; width:200px;
}
.avaPOST img {
width:200px;
}
/* BLOC IMAGES CONTACT JOUEUR */
.ktactPOST {
margin:5px auto;
width:200px; padding:5px 0; text-align:center;
background:#ebf5f5; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.ktactPOST img {
margin:0 2px; max-height:20px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin:auto; width:200px;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST .label {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img {
margin:auto; max-width:200px;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0; width:200px;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
/* LOSANGE GROUPE */
.grpPOST {
position:absolute; margin-top:-25px; margin-left:-8px;
width:15px; height:15px;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:30px 105px 0 105px; border-color:transparent;
border-top-color:#FFFFFF; ; border:1px solid #88bdb8; /* MODIFIABLE */
}
/******************************************** FOND LISTE DES MEMBRES *******************************************/
.bgLMBER {
background:rgba(255,255,255,0.7); /* MODIFIABLE */
line-height:16px;
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center; line-height:normal;
background:#191919; color:white; /* MODIFIABLE */
}
#LMBER {
width:690px; margin:auto;
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:220px; height:150px; font-family:Arial;
background:rgba(0,0,0,0.; /* MODIFIABLE */
}
/* BLOC PSEUDONYME */
.nameLMBER {
margin-bottom:5px; width:210px; height:15px; padding:5px 10px 5px 0; overflow:hidden;
text-align:right; text-transform:uppercase; font-size:10px;
background:grey; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* PSEUDONYME */
.nameLMBER strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtLMBER {
display:inline-block; vertical-align:top;
width:105px;
}
/* INFORMATIONS */
.abtLMBER div {
margin-bottom:5px;
height:15px; padding:5px 0; overflow:hidden; font-size:10px;
background:lightgrey; color:black; /* MODIFIABLE */
}
.abtLMBER div:nth-of-type(3) {
font-size:9px; text-transform:uppercase;
}
.abtLMBER div:nth-of-type(4) {
font-size:9px; line-height:16px;
}
/* AVATAR / IMAGES MP & WWW */
.imgLMBER {
display:inline-block; vertical-align:top; margin-left:5px;
width:100px; height:115px; overflow:hidden;
}
/* AVATAR */
.avaLMBER {
position:relative; z-index:3; margin-top:-115px;
width:100px; height:115px; overflow:hidden;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.avaLMBER img {
width:100px;
}
.imgLMBER:hover .avaLMBER {
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* IMAGES MP & WWW */
.btnLMBER {
width:100px; height:115px; overflow:hidden;
text-align:center; line-height:10px;
background:rgba(0,0,0,0.6); /* MODIFIABLE */
transform:translateX(-100px); -webkit-transform:translateX(-100px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.btnLMBER img {
max-width:80px;
}
.imgLMBER:hover .btnLMBER {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* NAVIGATION LISTE DES MEMBRES */
.pageLMBER {
margin:auto; width:680px;
color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
}
.pageLMBER a {
color:black; /* MODIFIABLE */
font-family:Arial;
}
/* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.btmLMBER {
margin-top:25px; padding:15px 0;
background:#212121; /* MODIFIABLE */
text-align:center;
}
/* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.formLMBER span {
display:inline-block; vertical-align:bottom; margin-top:1px;
height:17px; padding:2px 5px 0;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
}
.formLMBER input, select {
border:none !important;
height:19px; padding:0;
text-transform:uppercase; font-size:10px; font-family:Arial;
}
/* BOUTON OK LISTE DES MEMBRES */
.formLMBER .liteoption {
padding:0 5px 0 2px;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-weight:bold;
}
/* FICHE ADMINISTRATION */
.ficheAdm {background: #FFFFFF ;width:450px; height:auto;text-align:justify;padding:10px;font-size:11px;line-height:12px;border-radius: 5px;}
.entete {text-align:center;font-family: 'Nixie One', cursive;text-transform:lowercase;width:450px;height:50px;
background-image: url('https://zupimages.net/up/21/11/jr7c.png') !important ;color:#7F924B;font-size:11px;text-shadow: 0 0 10px #fff, 0 0 10px #fff;}
.titreadm {font-family: 'Reem kufi', cursive;color:#9fbdbd; font-size:28px; text-align:center;padding-top:20px;}
.entetebas {text-align:center;font-family: 'Mulish', sans-serif;text-transform:lowercase;width:450px;height:20px;
background:#9fbdbd;color:#FAF7F7;font-size:10px; line-height:20px;text-shadow: 0 0 10px #fff, 0 0 10px #fff; letter-spacing:2px;}
.imgAdm{
position:center;width:160px;
}
/* FICHE VALIDATION */
.valid {text-align:justify;background-color:#fffdf5;width:350px; border: 1px solid #DFE5D2;padding:11px; font-family: 'Mulish', sans-serif;line-height:12px;}
.titreval {text-shadow: 0 0 3px #fff, 0 0 3px #fff;font-family: 'Remm Kufi', cursive;color:#9fbdbd; font-size:18px; text-align:center;padding-bottom:2px;font-weight:bold;}
.partie1 {text-align:justify; background-color:#ffffff;width:340px; height:110px; border: 1px solid #DFE5D2;padding:5px;overflow:auto;font-family: 'Mulish', sans-serif;}
.partie2 {text-align:justify;background-color:#ffffff;width:340px;overflow:auto;height:110px;padding:5px;border: 1px solid #DFE5D2;}
.imgval{
position:center;width:300px;
}
.entetebasval {text-align:center;font-family: 'Mulish', sans-serif;text-transform:lowercase;width:350px;height:20px;
background:#9fbdbd;color:#FAF7F7;font-size:10px; line-height:20px;text-shadow: 0 0 10px #fff, 0 0 10px #fff; letter-spacing:2px;}
/* --------------------------------- PA --------------------------------- */
.paMM{
width:400px;
}
.paMM span{
width:400px;
height:15px;
background:var(--bleu);
border:2px solid var(--grisBlanc);
padding:70px;
text-align:center;
color:var(--blanc);
margin-bottom:5px;
text-transform:uppercase;
letter-spacing:1.5px;
font-size:11px;
}
.paMM img{
object-fit:cover;
width:100px;
height:100px;
margin:2px;
}
div {
text-align: center;
}
/* Fond de la PA */
.fond_PA {
padding:10px;
background-color:#dee7ec ;
width:850px;
position:relative;
}
/* Contexte */
.contexte_PA {
margin-right:10px;
background-color:#dee7ec ;
width:370px;
height:115px;
padding:15px;
color:#ffffff ;
text-align:justify;
font-size:12px;
overflow:auto;
}
/* Liens */
.nema {
height:40px;
width:150px;
display:inline-block;
}
.nema a {
display:inline-block;
background-color:#fde1b1;
color:#000000;
font-family:'Dosis',sans-serif;
font-size:15px;
height:20px;
text-align:center;
width:145px;
transition:all 1s ease;
-webkit-transition:all 1s ease;
}
.nema a:hover {
background-color:#eed2a3 ;
color:#000000;
}
.nema_2 {
height:22px;
width:250px;
display:block;
margin-bottom:5px;
background-color:#fde1b1;
color:#000000 !important;
font-family:'Dosis',sans-serif;
font-size:16px;
text-align:center;
transition:all 1s ease;
-webkit-transition:all 1s ease;
}
.nema_2:hover {
background-color:#eed2a3 ;
color:#fff;
}
/*Titre Staff*/
.nema_title {
display:inline-block;
color:#000000;
font-family:'Dosis',sans-serif;
font-size:25px;
height:30px;
text-align:center;
margin-bottom:5px;
margin-top:10px;
}
/* Effets staff + predef */
.stafef {
width:100px;
height:100px;
background:#F9BFB3;
opacity:0;
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}
.stafef:hover {
opacity:1;
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg);
}
.stafefico {
width:100px;
height:100px;
display:inherit;
background:#F9BFB3;
opacity:0;
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}
.stafefico:hover {
opacity:1;
transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
}
.predef {
width:60px;
height:100px;
display:inherit;
background:#ACCDB5 ;
opacity:0;
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}
.predef:hover {
opacity:1;
transform:rotate(-360deg);
-webkit-transform:rotate(-360deg);
}
/* --------------------------------- FIN PA --------------------------------- */
.fond_liste_sujets {
background: #e8e8e8;
padding: 5px;
margin-bottom: 15px;
box-shadow: 0 1px 6px rgba(0,0,0,0.15);
display:flex;
flex-wrap:wrap;
}
.iconnn {
width: 92px;
height: 85px;
}
.firsty_blok {
width: 480px;
padding-left: 20px;
}
.titretopic {
width: 380px;
border-bottom: #cdb65c solid 1px;
padding-top: 20px;
}
.titretopic a {
font: 13px calibri;
color: black;
text-transform: uppercase;
}
.againimg {
position: absolute;
margin: -18px 0px 0px 380px;
}
.descriptionsujet {
text-align: justify;
padding-top: 4px;
font: 10px calibri;
color: #565656;
width: 330px;
display: inline-block;
}
.entoureimg {
margin: 4px 0px 0px 10px;
position: absolute;
vertical-align: top;
height: 24px;
display: inline-block;
}
.imgmess {
width: 60px;
height: 24px;
}
.secondblok {
width: 160px;
font: 10px calibri;
text-transform: uppercase;
padding: 20px 00px 0px 20px;
}
.secondblok span {
color: #cdb65c;
}
.thirdblok {
width: 180px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.statssujets {
text-align: center;
font: 13px calibri;
text-transform: uppercase;
padding: 20px 20px 0px 0px;
line-height: 22px;
}
.statssujets span {
color: #cdb65c;
text-shadow: 1px 1px 0px #888888;
}
.statssujets em {
border-top: solid 1px #cdb65c;
}
.modomisenepage {
width: 100%;
background-image: url(https://imgur.com/T12cuzT.png);
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
padding: 5px;
color: #cdb65c;
text-transform: uppercase;
font: 11px calibri;
letter-spacing: 2px;
}
.perishmisenepage {
width: 100%;
background-image: url(https://imgur.com/T12cuzT.png);
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
padding: 5px;
color: #cdb65c;
text-transform: uppercase;
text-align: center;
font: 11px calibri;
letter-spacing: 2px;
}
.sousnavsujets br {
display:none;
}
.sousnavsujets {
width: 100%;
background-image: url(https://imgur.com/T12cuzT.png);
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
padding: 5px;
text-align: center;
display: inline-flex;
justify-content: center;
color: #cdb65c;
}
.sousnavsujets a {
color: #cdb65c;
padding-top: 3px;
text-shadow: 1px 1px 2px black;
text-transform: uppercase;
font: 12px calibri;
font-weight: bold;
}
.zut {
padding-top: 3px;
}
]
/* F I C H E D E P R É S E N T A T I O N
par bird box. */
.bird {
background-color : #FCFCFC ; /* couleur du fond */
border-top : 4px solid #9fbdbd ; /* couleur du bord haut */
border-left : 1px solid #9fbdbd ; /* couleur du bord gauche */
border-right : 1px solid #9fbdbd ; /* couleur du bord droit */
border-bottom : 4px solid #9fbdbd ; /* couleur du bord haut */
width : 460px ;
font-size : 10px ;
text-align : justify ;
border-radius : 10px ;
padding : 5px; }
.aigle {
background-color : #F9BFB3 ; /* couleur du fond prénom nom */
width : 203px ;
font-size : 10px ;
color : #454545 ; /* couleur du texte */
text-align : center ;
padding : 2px ;
margin-left:-80px;
-ms-transform: rotate(-90deg) ;
-webkit-transform: rotate(-90deg) ;
transform: rotate(-90deg) ;
transition : 1s ; }
.aigle:hover {
transition : 1s ;
-ms-transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
transform: rotate(0deg) ; }
royal {
font-family : times new roman ;
font-size : 10px ;
text-transform : uppercase ; }
.eider {
border : 3px solid #FADBD8 ; /* couleur bordure avatar */
height : 200px ; }
.faucon {
background-color : #FAFAFA ; /* couleur fond informations */
color : #454545 ; /* couleur du texte */
width : 250px ;
border-radius : 5px ;
margin-left:-80px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ; }
pie {
font-family : arial ;
font-weight : bold ;
color : #F9BFB3 ; /* couleur du texte */
font-size : 10px ;
text-transform : uppercase ; }
.espace {
margin-right:5px ; }
.roselin {
overflow: auto ;
height: 196px ; }
.roselin::-webkit-scrollbar {
width: 5px ; }
.roselin::-webkit-scrollbar-track {
background-color: #FAFAFA ; /* couleur fond scrollbar */ }
.roselin::-webkit-scrollbar-thumb {
background-color: #ACCDB5 ; /* couleur scrollbar active */ }
.mouette {
background-color : #F9BFB3 ; /* couleur du fond "ainsi va la vie" */
width : 185px ;
font-size : 10px ;
color : #454545 ; /* couleur du texte */
text-align : center ;
padding : 2px ;
margin-left:-80px;
-ms-transform: rotate(90deg) ;
-webkit-transform: rotate(90deg) ;
transform: rotate(90deg) ;
transition : 1s ; }
.mouette:hover {
transition : 1s ;
-ms-transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
transform: rotate(0deg) ; }
.hirondelle {
background-color : #FAFAFA ; /* couleur fond anecdotes */
color : #454545 ; /* couleur du texte */
width : 395px ;
border-radius : 5px ;
margin-left:5px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ; }
.alouette {
background-color : #FCFCFC ; /* couleur du fond */
border-top : 4px solid #ACCDB5 ; /* couleur du bord haut */
border-left : 1px solid #ACCDB5 ; /* couleur du bord gauche */
border-right : 1px solid #ACCDB5 ; /* couleur du bord droit */
border-bottom : 4px solid #ACCDB5 ; /* couleur du bord haut */
width : 300px ;
font-size : 10px ;
text-align : justify ;
border-radius : 30px ;
margin-left : 200px ;
margin-top : -50px ;
padding : 5px; }
.monticole {
background-color : #FAFAFA ; /* couleur fond hors-jeu */
color : #454545 ; /* couleur du texte */
border-radius : 30px ;
margin-left:5px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ; }
.albatros {
background-color : #E9F7EF ; /* couleur du fond "ainsi va la vie" */
width : 450px ;
font-size : 10px ;
color : #454545 ; /* couleur du texte */
text-align : center ;
padding : 2px ;
margin-left:-80px ;
-ms-transform: rotate(90deg) ;
-webkit-transform: rotate(90deg) ;
transform: rotate(90deg) ;
transition : 1s ; }
.albatros:hover {
transition : 1s ;
-ms-transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
transform: rotate(0deg) ; }
.fauvette {
background-color : #FAFAFA ; /* couleur fond informations */
color : #454545 ; /* couleur du texte */
width : 395px ;
border-radius : 5px ;
margin-left:0px ;
margin-right : -125px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ; }
.grisette {
overflow: auto ;
height: 443px ; }
.grisette::-webkit-scrollbar {
width: 5px ; }
.grisette::-webkit-scrollbar-track {
background-color: #FAFAFA ; /* couleur fond scrollbar */ }
.grisette::-webkit-scrollbar-thumb {
background-color: #FADBD8 ; /* couleur scrollbar active */ }
.credits {
font-family : arial ;
margin-left : 60px ;
margin-bottom : 10px ;
margin-top : 10px ;
font-size: 8px ;
letter-spacing : 1px ;
color : #E5E8E8 ; /* couleur du crédit */ }
/* F I N F I C H E D E P R É S E N T A T I O N
par bird box. */ */
/* FICHE DE SCENARIO*/
:root{
--bordure:cd8c96; /*gris*/
--gris:#fafafa; /*gris*/
--color1:#ACCDB5
; /*violet*/
--color2:#FDE872; /*rose*/
}
.fondFicheU{
font-family: 'times new roman', serif;
width:550px;
background:var(--fond);
border-radius:5px;
display:flex;
justify-content:space-between;
box-sizing: border-box;
flex-wrap:wrap;
padding:5px;
text-align:justify;
position:relative;
z-index:2;
margin:0 auto;
}
.fondFicheU b{
color:var(--color1);
}
.fondFicheU i{
color:var(--color2);
}
.enTeteU{
font-family: 'Reem kufi', cursive;
text-align:center;
width:90%;
height:50px;
padding:10px;
background:linear-gradient(45deg,var(--color1),var(--color2));
border:3px double var(--bordure);
border-radius:5px;
text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
font-size:25px;
line-height:35px;
color:var(--gris);
z-index:2;
}
.enTeteU span{
font-family: 'Cormorant Upright', serif;
font-size:12px;
color:black;
display:block;
border-top:1px solid var(--fond);
line-height:15px;
color:var(--bordure);
}
.wrapColumn{
display: flex;
flex-direction: column;
justify-content:space-between;
box-sizing: border-box;
align-items: center;
}
titreFicheU{
background: linear-gradient(45deg,var(--color1), var(--color2));
border: 4px double var(--bordure);
border-radius: 5px;
font-size:15px;
letter-spacing:2px;
display:block;
text-align:center;
padding:3px;
margin-bottom:7px;
}
.imagePersoU{
border: 2px solid var(--gris);
border-radius:10px;
height: 280px;
width: 400px;
object-fit:cover;
margin:15px;
z-index:2;
}
.identiteU{
background:var(--gris);
width:375px;
height:100px;
border-radius:10px;
margin-top:15px;
padding:5px;
font-size:11px;
border:1px solid var(--bordure);
z-index:2;
}
.identiteU p{
height:290px;
overflow:auto;
}
.histoireU{
background:var(--gris);
width:70%;
min-height:100px;
border-radius:10px;
margin:15px;
margin-right:-2px;
padding:15px;
font-size:11px;
border:1px solid var(--bordure);
z-index:2;
}
.scroller {
width: 400px;
height: 500px;
overflow-y: scroll;
scrollbar-color: rebeccapurple green;
scrollbar-width: thin;
}
.avatarU{
border: 0px solid var(--gris);
border-radius: 3px;
height: 145px;
padding: 4px;
width: 285px;
object-fit:cover;
z-index:2;
margin-left:30px;
}
.presentationJoueurU{
background:var(--gris);
padding:2px;
width:350px;
height:100px;
border-radius:10px;
font-size:12px;
border-bottom:1px solid var(--bordure);
margin-right:0px;
}
.presentationJoueurU p{
height:80px;
overflow:auto;
}
.gifU{
border: 0px solid var(--gris);
border-radius: 3px;
height: 145px;
padding: 10px;
width: 285px;
object-fit:cover;
z-index:2;
margin-left:30px;
}
.presentationJoueurU{
background:var(--gris);
padding:2px;
width:350px;
height:100px;
border-radius:10px;
font-size:12px;
border-bottom:1px solid var(--bordure);
margin-right:0px;
}
.presentationJoueurU p{
height:80px;
overflow:auto;
}
.credit {
font-size: 6px;
text-transform: uppercase;
opacity: 0.3;
text-align: center;
}
/* FIN SCENARIO*/
- le Mar 23 Mar 2021 - 17:41
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: problème codage qeel
- Réponses: 3
- Vues: 2257
Ajouter un menu déroulant dans l'éditeur de message
OOoh merci =3 J'y connais pas grand chose en javascript mais je crois que je saisis un peu comment ça fonctionne. Du coup le nom de la couleur là-dedans est récupéré pour le bbcode, c'est ça ?- Code:
var colors = [
'#FFFFFF',
'#000000',
'#FF0000',
'#00FF00',
'#0000FF',
'#FFFF00',
'#00FFFF',
'#FF00FF',
];
Est-ce que c'est possible d'attribuer un nom pour que ça s'affiche différemment dans le menu ? Par exemple que ça affiche "blanc" au lieu de "#FFFFFF", mais que le bb code prenne quand même le nom de la couleur ? Mes notions de js se limitent aux formulaires alors je sais pas exactement comment ça se ferait techniquement, mais j'imagine qu'il doit y avoir moyen d'attribuer un nom à chaque valeur ?
- le Jeu 28 Jan 2021 - 18:19
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Ajouter un menu déroulant dans l'éditeur de message
- Réponses: 6
- Vues: 648
[CSS] Help centré un logo + Barre de navigation
Salut, j'ai pas forcément tout réussi, dans le doute je te donne mon CSS au complet via le spoiler- css french tactical:
- /* PAS SUPPRIMER - CADRAGE FORUM -------------------------------------------------*/
body {
background-repeat: repeat-y;
background-position: top center;
min-height: 101%;
}
#wrap {
padding: 25px;
margin-top: -35px;
margin-bottom: -60px;
background-repeat: no-repeat;
background-position: bottom center;
background-image: url(\'\');
width: 900px;
min-width: width:85%;
}
/* Test_Suppression_Coins-------------------------------------------------*/
/* (pas supprimé) Cadres_Internes_Tables-------------------------------------------------*/
li.row {
border-bottom: 1px solid #105289;
border-top: 1px solid #ffffff;
border-right: 0px solid #2782bb;
border-left: 0px solid #2782bb;
}
ul.topiclist dd {
border-left: 1px solid #ffffff;
}
/* barre de navigation -----------------------------------------------------*/
.navbar ul{
border-bottom:none;
}
.navbar ul{
background-color: #001C33;
}
#search-box{
height: 0px;
visibility:hidden;
}
.navbar{
background-color: #001C33;
}
/* Retrait bouton FAQ ------------------------------------------------*/
a.mainmenu[href="/faq"]
{
display: none !important;
}
a.mainmenu[href="/portal]
{
display: none !important;
}
.imageset.site_logo {
background-image: url("./images/site_logo.png");
padding-left: 260px;
padding-top: 100px;
}
- le Mer 25 Nov 2020 - 19:11
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: [CSS] Help centré un logo + Barre de navigation
- Réponses: 7
- Vues: 641
Requête > (OPEN SOURCE) Thème Fluent Design sous PHPBB 3 pour Shawny43
| Informations générales |
| Nature de la création : Theme |
| Lien du forum Forumactif : https://s43-huskynights.forumactif.com/ |
| Taille de la création (en pixels) : 1x1 |
| Couleur de fond : #313131 |
| Textes |
| Texte à insérer : Huskynights |
| Police à utiliser : Ubuntu (Google Fonts) |
| Couleur de la police : #FFFFFF |
| Images |
| Précisions |
| Design: Fluent Design > https://www.microsoft.com/design/fluent/#/ Version: PHPBB3 Style de thème: Adaptif pour tous les plateformes. *Note: les images à insérer, texte et taille ne sont pas important. À vous de faire votre design, on est très flexible la dessus, tant que ça respect la CGU de Forumactif. Ceci est une demande spéciale et proposée sous forme d'open source afin d'être proposée sur HitSkins ou via le cloud comme '' Mega.nz'' par exemple et être partagée au publique. Idéalement sous Creative Commons (BY SA) Huskynights est à la recherche d'un thème modernisée, simple et fluide comme jamais. Un thème qui reflète énormément au couleurs officiels. Thème clair: Couleurs en haut de la page avec la toolbar, le milieu de page en blanc et pied de page au gris. Détails: - Design de style réseaux social. (Profile avec un arrière-plan mise par les utilisateurs.) - Le logo de Forumactif est obligatoire selon la CGU. (Mettez ce logo comme si il fait parti d'un service tierce de Huskynights. Par exemple: Propulsée par: Forumactif (PHPBB)) - Modèle pour mobile tout comme un modèle pour PC Cependant, si il y a des questions ou d'autres infos à savoir, Notre discord est ouvert à tout moment! https://discord.gg/k9GhvzU Un brandingkit de Huskynights sera offert pour mieux contribuer le projet. Brandingkit (Mega.nz): https://mega.nz/folder/D2IRxazQ#cYLdrJ1KRF4D9Eh7unlgJw Note: Le brandingkit est sous les droits réservée à Huskynights en personne. Don't Shawny43 (Shawny4e) comme propriétaire. Des règles du branding kit sera mise en place dans les futurs développements. |
- le Sam 14 Nov 2020 - 23:28
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Requête > (OPEN SOURCE) Thème Fluent Design sous PHPBB 3 pour Shawny43
- Réponses: 23
- Vues: 3777
Résolu
Bonsoir The10 et bienvenue dans le support d'entraide des forums ForumactifPour répondre à votre demande :
Panneau d'administration → Affichage → Images et Couleurs - Couleurs :: Couleur intérieure du cadre du forum :
Il suffit de supprimer le code hexadécimal dans le champ couleur (par exemple #FFFFFF). Une fois l'information supprimée, cliquez sur le bouton
pour sauvegarder vos modifications.Bonne soirée sur Forumactif.
- le Ven 7 Aoû 2020 - 22:32
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Résolu
- Réponses: 1
- Vues: 620
Scripts non valables depuis mis en https
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
Problème apparu depuis : 5 août 2020
Lien du forum : http://chezdodo.forumactif.com
Description du problème
Bonjour,Les scripts sur la page d'accueil ne fonctionnent plus : météo, citations, horloge, saint du jour etc...
De plus, les roses tombant sur le forum sont remplacées par des p'tits carrés depuis la mise en https. Je ne sais comment résoudre tout cela ; je vous mets ci-après la liste
<center>
<table cellspacing="0" cellpadding="0" border="0" style="width: 50%; height: 40%;" cols="2">
<tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">
<td>
<center>
<img src="http://akita.zen.free.fr/DOGSDOC/Diap.gif" />
</center>
</td>
<td>
<br /><br />
<center>
<div style="width:220px; height:150px;">
<object style="width: 220px; height: 150px;" data="http://swf.yowindow.com/yowidget3.swf" type="application/x-shockwave-flash"> <param id="movie" value="http://swf.yowindow.com/yowidget3.swf" /> <param id="allowfullscreen" value="true" /> <param id="wmode" value="opaque" /> <param id="bgcolor" value="#FFFFFF" /> <param id="flashvars" value="location_id=gn:3018903&location_name=Faverges&landscape=valley&time_format=12&unit_system=custom&u_temperature=c&u_wind_speed=kph&u_pressure=hpa&u_pressure_level=sea&u_distance=km&u_rain_rate=mm&lang=fr&background=#FFFFFF&mini_action=window©right_bar=false" /> </object>
</div>
<div style="width: 220px; height: 15px; font-size: 14px; font-family: Arial,Helvetica,sans-serif;">
<span style="float:left;"><a title="Android Météo" style="color: #2fa900; font-weight:bold; text-decoration:none;" href="https://play.google.com/store/apps/details?id=yo.app.free" target="_top">Android Météo</a></span> <span style="float:right; color:#888888;"><a style="color: #2fa900; text-decoration:none;" href="http://yr.no">yr.no</a></span>
</div>
</center>
</td>
</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>
</table><br /><br />
<center>
</center><span style="font-size: 10px;"> </span>
<center>
</center>
<table cellspacing="0" cellpadding="0" border="0" style="width: 80%; height: 40%;" cols="3">
<tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">
<td>
</td>
<td>
<center>
<table style="height: 150px; background-image: url(http://akita.zen.free.fr/DOGSDOC/Rose-horloge1.jpg); background-repeat: no-repeat; background-position: center center; width: 150px;" border="0">
<tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">
<td align="center" valign="middle">
<script language="JavaScript">var clocksize=100;</script><script src="http://gheos.net/js/clock.js"></script>
</td>
</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>
</table>
</center>
</td>
<td>
<br />
<center>
<script>(function(d, s){if(!window.rel){s = d.createElement("script");s.type = "text/javascript";s.async = true;s.id = "radio-de-embedded";s.src = "//www.radio.fr/inc/microsite/js/full.js";d.getElementsByTagName("head")[0].appendChild(s);window.rel = true;}}(document));</script>
<div class="ng-app-embedded">
<div ui-view="" class="microsite embedded-radio-player" data-playerwidth="340px" data-playertype="web_embedded" data-playstation="nostalgie" data-autoplay="true" data-apikey="df04ff67dd3339a6fc19c9b8be164d5b5245ae93">
</div>
</div><noscript><a href="//nostalgie.radio.fr" target="_blank">Nostalgie sur radio.fr</a></noscript><br /> <img border="0" style="width: 28px; height: 32px;" src="http://akita.zen.free.fr/DOGSDOC/366.gif" />
<center>
<span style="color: rgb(255, 0, 255);"><span style="text-decoration: underline;"><strong>Le saint du jour</strong></span></span>
<p>
<strong><span style="color: rgb(255, 0, 255);"><em> <script type="text/javascript" src="http://www.net-pratique.fr/services/saintdujour.php"></script> </em></span></strong>
</p>
</center>
</center>
</td>
</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody> <tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">
</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>
</table>
</center>
<br />
<center>
<table cellspacing="0" cellpadding="0" border="0" style="width: 90%; height: 50%;" cols="3">
<tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
<tr style="">
<td>
<center>
<a href="http://www.plat-du-jour.net/"> <img src="http://akita.zen.free.fr/DOGSDOC/gambas_courgettes.jpg" alt="" /> </a><br /><br />
</center>
</td>
<td>
<br /><br />
<center>
<div style="width:149px; height:79px;background-image:url('http://www.webmasteroo.com/images/back_horoscope.gif');background-repeat: no-repeat;color: #FFFFFF;font-weight:bold;font-size:10px;text-align:center;padding-top:36px;font-family: Arial, Helvetica, sans-serif;">
<form name="horoscope" action="http://www.webmasteroo.com/horoscope/script.php" method="post">
</form>
choississez votre signe :<br /> <select name="signe" size="1" class="zonesaisie" onchange="window.open('http://www.webmasteroo.com/horoscope/horoscope.php?signe='+this.value+'','Horoscope','toolbar=no, location=no, directories=no, status=no, scrollbars=yes, resizable=no, width=650, height=660, left=50, top=50')" style="font-family: Arial, Helvetica, sans-serif;"> <option>Votre signe</option> <option value="belier">Bélier</option> <option value="taureau">Taureau</option> <option value="gemeaux">Gémeaux</option> <option value="cancer">Cancer</option> <option value="lion">Lion</option> <option value="vierge">Vierge</option> <option value="balance">Balance</option> <option value="scorpion">Scorpion</option> <option value="sagittaire">Sagittaire</option> <option value="capricorne">Capricorne</option> <option value="verseau">Verseau</option> <option value="poisson">Poisson</option> </select> <input type="hidden" name="service" value="1250613078" />
</div>
</center>
</td>
<td>
<br /><br />
<!--
</td>
</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>
</table>
<table cellspacing="0" cellpadding="0" bordercolor="#000000" border="0" bgcolor="#no" id="table3" style="border-collapse: collapse; width: 90%; height:50px;">
</table>
<center>
<iframe width="500px" height="110px" scrolling="auto"
frameborder="0" allowtransparency="true"
src="http://descitations.net/?embed&border_color=FF6FCF&border_width=1"e_align=center"e_background=000000"e_color=FF6FCF"e_fontstyle=bolditalic&image_size=80&author_align=right&author_color=FF6FCF&author_fontstyle=bold&title_background=000000&title_color=FF6FCF">
</iframe>
</center>
<center> <script>
<!--
http://pmsc.free.fr/J01/09829182810.js -->
</td>
</tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>
</table>
</center>
<center>
<iframe scrolling="auto" frameborder="0" allowtransparency="true" src="http://descitations.net/?embed&border_color=FF6FCF&border_width=1"e_align=center"e_background=000000"e_color=FF6FCF"e_fontstyle=bolditalic&image_size=80&author_align=right&author_color=FF6FCF&author_fontstyle=bold&title_background=000000&title_color=FF6FCF" style="width: 500px; height: 110px;"></iframe>
</center><br /><br /><br /> <script>
<!--
http://pmsc.free.fr/J01/09829182810.js -->
// Nombre de flocons
var nombre = 60;
// Vitesse ou tombe les flocons
var vitesse = 70;
// Indiquez dans les lignes ci-dessous l'adresse de vos images
var image1 = "http://akita.zen.free.fr/DOGSDOC/roses.gif";
// Nombre d'images à afficher (ex: 2 affichera seulement les deux premières images ci-dessus)
var nbre=1;
var lar = 100
////////////////////////////////////////////
// NE PAS MODIFIER LES LIGNES CI-DESSOUS //
////////////////////////////////////////////
var nescape4sup = (document.layers) ? 1 : 0;
var ie4sup = (document.all) ? 1 : 0;
var pa, tm, ax;
var sc, ri, pts;
var i, doc_width = 2560, doc_height = 1600;
if (nescape4sup)
{
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else if (ie4sup)
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
pa = new Array();
tm = new Array();
ax = new Array();
sc = new Array();
ri = new Array();
pts = new Array();
var i=0;
for (i = 0; i < nombre; ++ i)
{
pa[i] = Math.floor(Math.random() * doc_width)+20;
if(pa[i]>doc_width-30) pa[i] = pa[i]-50;
tm[i] = 50;
sc[i] = Math.random()*1;
ax[i] = Math.random()*200-200;
ri[i] = 0.02 + Math.random()/10;
pts[i] = 0.7 + Math.random();
if (i == 0)
{
document.write("<div id="dot"+ i +"" style="position: ");
document.write("absolute; opacity:1; filter:alpha(opacity=100); z-index:50; visibility: ");
document.write("visible; top:5px; left:15px; right:15px; "><img src="");
var img = Math.floor(Math.random() * nbre)+1;
if(img==1) document.write(image1 + "" border="0"></div>");
}
else
{
document.write("<div id="dot"+ i +"" style="position: ");
document.write("absolute; opacity:1; filter:alpha(opacity=100); z-index:50; visibility: ");
document.write("visible; top:5px; left:15px; center"><img src="");
var img = Math.floor(Math.random() * nbre)+1;
if(img==1) document.write(image1 + "" border="0"></div>");
}
}
function pluieIE()
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
for (i = 0; i < nombre; ++ i)
{
pts[i] = 0.2 + Math.random()*3;
ax[i] += pts[i];
ri[i] = 0.08 + Math.random()/10;
pa[i] += ri[i] + sc[i]*Math.sin(pa[i]);
test=Math.floor(Math.random()*1000);
if (ax[i] < doc_height && test>1)
{
document.getElementById("dot"+i).style.top = Math.floor(ax[i])+"px";
if (pa[i] < doc_width-5) document.getElementById("dot"+i).style.left = pa[i]+"px";
}
else
{
ax[i]=0;
pa[i] = 50 + Math.floor(Math.random() * 800)+5;
}
}
setTimeout("pluieIE()", vitesse);
}
pluieIE();
</script>
Pourriez-vous m'apporter votre aide, je ne sais pas comment procéder, la personne pouvant le faire n'est malheureusement plus là...
Merci beaucoup par avance, bien amicalement
- le Mer 5 Aoû 2020 - 12:19
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Scripts non valables depuis mis en https
- Réponses: 14
- Vues: 711
Boutons Navigation
| Informations générales |
| Nature de la création : Barre de navigation |
| Lien du forum Forumactif : https://grattonalail.forumactif.com/ |
| Taille de la création (en pixels) : 800x45 |
| Couleur de fond : #FFFFFF |
| Textes |
| Texte à insérer : Accueil - Calendrier - Profil - Messagerie - S'enregistrer - Connexion |
| Police à utiliser : Enchanted Land |
| Couleur de la police : #000000 |
| Images |
|
| Précisions |
| Bonjour, serait il possible de me faire une bannière de forum avec les catégories citées. Sur un fond type parchemin, aux contours extérieurs transparents. Si possible, faire une couleur de police différente, #4969F5 pour messagerie non lue. Cordialement Merci. |
- le Dim 2 Aoû 2020 - 16:45
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Boutons Navigation
- Réponses: 1
- Vues: 939
Restructuration forum
Re BiKinou,Il y a un CSS très fourni et je te donne un petit devoir avant de continuer.
Dans le bout de CSS de début que je te redonne là, j'ai corrigé, amélioré, ajouté (notamment pour safari et opera), surtout réécrit les lignes margin-padding de sorte à ce qu'elles n'en deviennent qu'une seule, ce qui fait déjà un peu plus clair.
- Spoiler:
- /***OSSATURE ***/
/**CATÉGORIES**/
/*Cadrage*/
.cadrecaté {
border: 2px solid #402203;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #b8a27f ;
margin-bottom: 15px;
padding: 2px 4px 0; /* ecrit ainsi top-2px right-4px bottom-0px left-4px idem que right */
}
.caté {
margin: 1em; /* margin pareil que padding sans detail meme pour les 4 */
border-radius: 15px;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #a88c77;
/* padding: 5px; ecrit ainsi meme pour les 4 a supprimer */
padding; 5px 15px; /* meme top-bottom-5px meme right-left-15px */
text-align: center;
}
/*Titre de catégorie*/
.titrecaté h2 {
display: inline-block;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;
border-radius: 5px;
box-shadow: 2px 2px 1px #ffffff;
/* margin: 0px; ecrit ainsi meme pour les 4 a supprimer */
margin-right: 5%;
padding: 10px 115px; /* top-bottom-10px right-left-115px */
color: #402203;
font-family: Papyrus, bold;
font-size: 28px;
text-shadow: 0 2px 2px #fefdb1;
text-align: center;
text-transform: uppercase;
transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-safari-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transition; 1s;
-ms-transition: 1s;
-safari-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
}
.titrecaté h2:first-letter {
color: #c40606;
text-shadow: 2 2px 2px #c0a583;
font: bold 48px Times new roman;
}
/*Titre au survol*/
.titrecaté h2:hover {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-safari--transform: rotate(0deg);
-o--transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
/**FIN DES CATÉGORIES**/
/**FORUM**/
/*Cadrage1*/
.forum {
margin: 50px 0 30px; /* top-50px right-0px bottom-30px left-0px */
}
.forumgauche {
position: relative;
background:url(https://i.servimg.com/u/f14/15/30/06/17/essai_13.png) repeat #0d5938 ;
border-radius: 15px;
box-shadow: 0px 0px 5px 2px #a87f4c;
padding: 10px;
}
/* Messages et sujets*/
}
Pour tes icônes de messages, en effet. là il y a un boulot de cadrage, quant aux motifs, ce devrait être faisable.
- le Jeu 23 Juil 2020 - 19:08
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Restructuration forum
- Réponses: 32
- Vues: 1983
Icone de sujet dans formulaire de création de sujet
Bonjour Outis,Voici votre code :
<meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>séries Inclassables</title> <style>
/* Ce style est pour tout le formulaire */
body {color:#FFFFFF;
background:url(https://i.servimg.com/u/f11/17/87/12/63/fond_m10.gif);
text-align: center;
}
</style> <script src="http://tinyurl.com/var-fa" type="text/javascript"></script> <script type="text/javascript">
function envoiMessage(form){
var txt_message ="[center][img]%22 + form.champ10.value + %22[/img][/center]\n\n"
+ " [b]Synopsis[/b] " + "\n" + form.champ1.value + "\n\n"
+ " [b]Autre(s) titre(s) :[/b] " + form.champ2.value + "\n"
+ " [b]Genre :[/b] " + form.champ3.value + "\n"
+ " [b]Créateur :[/b] " + form.champ4.value + "\n"
+ " [b]Origine :[/b] " + form.champ5.value + "\n"
+ " [b]Date de la première diffusion :[/b] " + form.champ6.value + "\n"
+ " [b]Chaîne d'origine :[/b] " + form.champ7.value + "\n\n"
+ " [b]Casting[/b] " + "\n" + form.champ8.value + "\n\n";
form.message.value = txt_message;
form.subject.value = form.champ11.value;
form.post_icon.value = form.post_icon.value;
}
</script>
<form id="coc" onsubmit="envoiMessage(this)" enctype="multipart/form-data" name="post" method="post" action="/post">
<input value="0" name="lt" type="hidden" />
<input value="newtopic" name="mode" type="hidden" />
<input checked="checked" value="0" name="topictype" type="hidden" />
<input value="" name="message" type="hidden" /> <!-- Contiendra le texte du message -->
<input value="7" name="f" type="hidden" /> <!-- ID du forum dans lequel le message sera posté -->
<input value="" id="titre" name="subject" type="hidden" />
<p style="text-align: center;">
<label><a href="http://personofinterest.fra.co/f7-inclassables"><img src="https://i.servimg.com/u/f37/18/19/98/73/bannie10.jpg" /></a> <br />cliquer sur l'image pour retourner sur le forum sans valider <br /><br /> <span style="color: rgb(255, 1, 1); font-size: 48px;"><strong>Séries Inclassables</strong></span></label>
</p>
<p>
<label><strong>TITRE<br /> <em>entre 3 et 35 caracteres</em></strong></label><br />
<textarea id="champ11" name="champ11" rows="3" required="required" cols="50" maxlength="35"></textarea>
</p>
<p>
<label><strong>URL de l'Image : </strong></label><br />
<textarea id="champ10" name="champ10" rows="3" required="required" cols="50"></textarea>
</p>
<p>
<label><strong>SYNOPSIS</strong></label><br />
<textarea id="champ1" name="champ1" rows="3" required="required" cols="50"></textarea>
</p>
<p>
<label><strong>AUTRE(S) TITRE(S) </strong></label><br />
<input required="required" size="30" id="champ2" name="champ2" type="text" />
</p>
<p>
<label><strong>GENRE</strong></label><br />
<input name="champ3" id="champ3" size="30" required="required" type="text" />
</p>
<p>
<label><strong>CREATEUR(S)</strong></label><br />
<input name="champ4" id="champ4" size="30" required="required" type="text" />
</p>
<p>
<label><strong>PAYS D'ORIGINE</strong></label><br />
<input name="champ5" id="champ5" size="30" required="required" type="text" />
</p>
<p>
<label><strong>DATE DE LA PREMIERE DIFFUSION<br />
<em>(entrez une date)</em></strong></label><br />
<input name="champ6" id="champ6" size="30" required="required" type="text" />
</p>
<p>
<label><strong>CHAINE D'ORIGINE</strong></label><br />
<input name="champ7" id="champ7" size="30" required="required" type="text" />
</p>
<p>
<label><strong>ACTEUR : ROLE</strong></label><br />
<textarea id="champ8" name="champ8" rows="3" required="required" cols="50"></textarea>
</p>
<p>
<label><strong>ICONE DU SUJET</strong></label><br />
<label>
<input type="radio" name="post_icon" value="0" checked="checked" id="post_icon_0" />
<img onclick="document.forms['post'].post_icon_0.checked=true" src="https://2img.net/i/itest/smilies/default/default16.gif" alt="default" />
</label>
<label>
<input type="radio" name="post_icon" value="13" id="post_icon_13" />
<img onclick="document.forms['post'].post_icon_13.checked=true" src="https://i.servimg.com/u/f39/17/78/26/97/info11.png" alt="Informations" />
</label>
<label>
<input type="radio" name="post_icon" value="1" id="post_icon_1" />
<img onclick="document.forms['post'].post_icon_1.checked=true" src="https://i.servimg.com/u/f62/17/78/26/97/mini_w10.png" alt="Autres pays" />
</label>
<label>
<input type="radio" name="post_icon" value="2" id="post_icon_2" />
<img onclick="document.forms['post'].post_icon_2.checked=true" src="https://i.servimg.com/u/f62/17/78/26/97/mini_c10.png" alt="Chine" />
</label>
<label>
<input type="radio" name="post_icon" value="3" id="post_icon_3" />
<img onclick="document.forms['post'].post_icon_3.checked=true" src="https://i.servimg.com/u/f62/17/78/26/97/mini_c11.png" alt="Corée du Sud" />
</label>
<label>
<input type="radio" name="post_icon" value="4" id="post_icon_4" />
<img onclick="document.forms['post'].post_icon_4.checked=true" src="https://i.servimg.com/u/f62/17/78/26/97/mini_f10.png" alt="France" />
</label>
<label>
<input type="radio" name="post_icon" value="5" id="post_icon_5" />
<img onclick="document.forms['post'].post_icon_5.checked=true" src="https://i.servimg.com/u/f62/17/78/26/97/mini_r10.png" alt="Royaume Uni" />
</label>
<label>
<input type="radio" name="post_icon" value="6" id="post_icon_6" />
<img onclick="document.forms['post'].post_icon_6.checked=true" src="https://i.servimg.com/u/f62/17/78/26/97/mini_u10.png" alt="USA" />
</label>
</p>
<p>
<input name="post" value="VALIDER" type="submit" />
</p>
<p>
<label><span style="color: rgb(255, 255, 0); font-size: 24px;"><strong><em>Vous pourrez donner votre avis dans un nouveau message,<br /> après la création de cette fiche</em> </strong></span></label><br />
</p>
</form>
Désolée mais comme votre code contient du BBcode, si j'active celui-ci, le code est modifié et ne fonctionne plus correctement... Je dois donc mettre tout ça en brut.
Pour ce qui est du code, j'ai corrigé une erreur dans votre code qui empêchait l'affichage de l'image, et j'ai ajouté ce que vous avez demandé.
Sachez que l'erreur n'est pas due à la personne qui avait réalisé le code initialement (en tout cas je ne pense pas). Comme je viens de le dire, c'est l'activation du BBcode dans le message qui modifie certains passages qui en contiennent, et comme c'est du JS, la moindre erreur de virgule se paie cher...
Je fournis les explications ci-après :
- le Ven 24 Avr 2020 - 19:16
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Icone de sujet dans formulaire de création de sujet
- Réponses: 18
- Vues: 1018
Logo Du Forum (Roblox)
| Informations générales |
| Nature de la création : Autre |
| Lien du forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien] |
| Taille de la création (en pixels) : 840x230 |
| Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien] |
| Textes |
| Texte à insérer : Le Coin Roblox |
| Police à utiliser : Sketch Gothic School |
| Couleur de la police : [Vous devez être inscrit et connecté pour voir ce lien] |
| Images |
| Précisions |
| Bonjour ! Serait t'il possible de mettre l'image a gauche du texte s'il vous plait ? Et si c'est possible autour du logo mettre un genre de brillance, comme une étoile qui tourne autour [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] Un très grand merci d'avance, et merci de ce que vous faite ! |
- le Dim 12 Avr 2020 - 22:42
- Rechercher dans: Demandes terminées
- Sujet: Logo Du Forum (Roblox)
- Réponses: 5
- Vues: 4743
Tous les boutons pour mon forum s'il vous plaît (voir description)
| Informations générales |
| Nature de la création : Bouton |
| Lien du forum Forumactif : http://cityindustry.forumactif.com/ |
| Taille de la création (en pixels) : 120x30 |
| Couleur de fond : #252525 |
| Textes |
| Texte à insérer : Nouveau Sujet |
| Police à utiliser : Uranium Mafia par Billy Argel sur DAFONT |
| Couleur de la police : #FFFFFF |
| Images |
| Précisions |
| Il me faudrait ce style de bouton pour tous les boutons. |
- le Mer 18 Déc 2019 - 16:29
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Tous les boutons pour mon forum s'il vous plaît (voir description)
- Réponses: 1
- Vues: 661
couleurs des liens dans le widget " derniers sujets "
Milouze14 à concocter une réponse qui fonctionne très bien pour moi... La voilà donc:-------------------------------------------------------
On va intervenir dans le template mod_recent_topics:
Affichage/Templates/Portail/mod_recent_topics
Tout au début :
Remplaces ceci:
<div class="module">
Par:
<div id="M14_sujets-recents"class="module">
Penses a enregistrer puis à valider en cliquant respectivement sur Enregistré puis Ajouter ou publier
A partir de la, on peut faire ce que l'on veut:
Pour ta demande, les liens seront alors interprétés ainsi dans la feuille de style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci:
#M14_sujets-recents a[href^="/t"]{color: #ffffff;font-weight: bold;}
Penses a cliquer sur le bouton *RESOLU*[PhpBB3] Couleurs des liens dans le widget " derniers sujets " Sans_t10
Ensuite, tu peux aussi coloriser le reste sauf la couleur des pseudos:
#M14_sujets-recents .inner{color: #ffffff;font-weight: bold;}
Merci à Milouze14
- le Lun 14 Oct 2019 - 20:36
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: couleurs des liens dans le widget " derniers sujets "
- Réponses: 3
- Vues: 551
Demande de boutons
| Informations générales |
| Nature de la création : Bouton |
| Lien du forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien] |
| Taille de la création (en pixels) : 121x35 |
| Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien] |
| Textes |
| Texte à insérer : Répondre, Nouveau, Vérouiller / Déverrouiller, Multi-citation On / Off |
| Police à utiliser : Non fourni(e) |
| Couleur de la police : [Vous devez être inscrit et connecté pour voir ce lien] |
| Images |
| Précisions |
| Bonjour, Demande en particulier, si je peux me permettre à @Tony$, Pourriez vous me créer des boutons à partir du modèle utilisé ici : [Vous devez être inscrit et connecté pour voir ce lien] en remplaçant le carré par un rond (noir sur tous les boutons) pour rentrer dans le style ModernBB (voir icone d'exemple) (même si mon forum est en phpBB3, j'utilise les icones de la version ModernBB) En gros, j'aimerais que vous superposiez, comme vous l'avez fait pour la demande en lien ci-dessus, un rond noir sur un rectangle noir (oui oui on verra juste les bords du rond dépasser) et que vous marquiez sur les boutons les textes indiqués comme vous l'avez fait pour l'autre demande Je vous remercie Activement, @Chattigre |
- le Ven 19 Avr 2019 - 18:00
- Rechercher dans: Demandes terminées
- Sujet: Demande de boutons
- Réponses: 22
- Vues: 2364
Demande de logo
| Informations générales |
| Nature de la création : Autre |
| Lien du forum Forumactif : http://marvel-comics.forumactif.com/ |
| Taille de la création (en pixels) : 400x400 |
| Couleur de fond : {#}FFFFFF{/#} |
| Textes |
| Texte à insérer : Marvel & Comics |
| Police à utiliser : Non fourni(e) |
| Couleur de la police : 000000 |
| Images |
|
| Précisions |
| Bonjour, j'aimerai un logo mis en bas de mon forum. En forme de médaillon (rond). Les couleurs (impératives) rouge {#}dd0000{/#} + blanc /bleu clair {#}8AD2FF{/#} et bleu marine {#}0E1630{/#} (falcutatif). J'ai ajouté une image d'étoile en exemple mais du moment qu'elle a un aspect métal or, c'est très bien. Une forme ronde avec un tour de couleur ainsi que des étoiles en petits qui suivraient l'arrondi, au centre écrit Marvel & Comics. C'est une idée mais je reste ouverte pour d'autres propositions plus créatives. J'aimerai également si possible, en plus, un logo similaire mais avec des couleurs différentes : rose foncé {#}FF0842{/#} + blanc (impératif) bleu moyen {#}2B87FF{/#} (facultatif) La dimension 400px (si il faut la redimensionner je le ferai moi-même). Pour la police, je n'ai pas de préférence, elle peut être fantaisie si elle est en adéquation avec le thème et bien lisible. Merci par avance à la personne qui prendra ma commande. |
- le Ven 5 Avr 2019 - 15:40
- Rechercher dans: Demandes terminées
- Sujet: Demande de logo
- Réponses: 4
- Vues: 1752
Demande de boutons
| Informations générales |
| Nature de la création : Bouton |
| Lien du forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien] |
| Taille de la création (en pixels) : 110x29 |
| Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien] |
| Textes |
| Texte à insérer : NOUVEAU, RÉPONSE, VERROUILLER |
| Police à utiliser : Non fourni(e) |
| Couleur de la police : [Vous devez être inscrit et connecté pour voir ce lien] |
| Images |
|
| Précisions |
| Il me faudrait plusieurs bouton : Un Nouveau, contenant un fond bleu, avec marqué dessu en majuscule "NOUVEAU" avec un + carré noir (intérieur du + blanc) Un Réponse, contenant un fond vert, avec marqué dessus en majuscule "REPONDRE" avec un > carré noir (intérieur du > blanc) Un "Verrouiller" contenant un fond gris, avec marqué dessus en majuscule "VERROUILLER" avec un - noir (carré) (intérieur du - blanc) |
- le Mar 2 Avr 2019 - 22:32
- Rechercher dans: Demandes terminées
- Sujet: Demande de boutons
- Réponses: 10
- Vues: 1660
Barre de couleur en mode connecté et non connecté
A mon avis le problème vient du fait que l'élément de référence (bouton avec pseudo et flèche) ne réagit pas de la même manière en tant que membre et en tant qu'invité, cliquable pour l'un et pas pour l'autre.Du coup le script utilise la valeur par défaut de #1E11D6
Et du bleu sur fond bleu, bah c'est pas très visible. Pourquoi ne pas mettre #FFFFFF si tu veux du blanc ?
Sinon, le plus simple serait de demander à Philippe, non ?
- le Lun 28 Jan 2019 - 18:35
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Barre de couleur en mode connecté et non connecté
- Réponses: 7
- Vues: 552
4 barre d'avertissement pour mon forum
| Informations générales |
| Nature de la création : Icones |
| Lien du forum Forumactif : https://www.aquariophiliefacile.com |
| Taille de la création (en pixels) : 143×21 |
| Couleur de fond : {#}DB2626{/#} |
| Textes |
| Texte à insérer : (regarder en commentaire svp) |
| Police à utiliser : Non fourni(e) |
| Couleur de la police : {#}FFFFFF{/#} |
| Images |
|
| Précisions |
| Bonjour j'aimerais plusieurs barre d'avertissement pour mon forum plutot style moderne et qui ont les mêmes statistique que cette fiche mais qui ont des textes écrits dans la création différent Les textes souhaités : 1 AVERTISSEMENT 2 AVERTISSEMENT 1 BANNISSEMENT BANNIS DÉFINITIVEMENT |
- le Mar 8 Jan 2019 - 18:01
- Rechercher dans: Demandes terminées
- Sujet: 4 barre d'avertissement pour mon forum
- Réponses: 2
- Vues: 1522
Page 1 sur 5 • 1, 2, 3, 4, 5 
