La date/heure actuelle est Ven 5 Mar 2021 - 18:03
108 résultats trouvés pour FFFFFF
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: 404
[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: 427
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: 3131
Résolu
Bonsoir The10 et bienvenue dans le support d'entraide des forums Forumactif
Pour 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

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: 437
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: 572
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: 734
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: 1632
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: 847
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: 1891
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: 531
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: 386
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: 2233
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: 1565
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: 1540
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: 412
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: 1336
Barre d'avertissement (BANNIS DÉFINITIVEMENT)
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 : {#}FF0000{/#} |
Textes |
Texte à insérer : BANNIS DÉFINITIVEMENT |
Police à utiliser : Non fourni(e) |
Couleur de la police : {#}FFFFFF{/#} |
Images |
|
Précisions |
Bonjour , j'aimerais avoir une barre d'avertissement pour mon forum forumactif , j'aimerais que elle soit le plus moderne possible svp ![]() Merci bien à vous ![]() |
- le Mar 8 Jan 2019 - 17:31
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Barre d'avertissement (BANNIS DÉFINITIVEMENT)
- Réponses: 1
- Vues: 602
Barre d'avertissement (1 bannissement)
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 : {#}AC1C1C{/#} |
Textes |
Texte à insérer : 1 BANNISSEMENT |
Police à utiliser : Non fourni(e) |
Couleur de la police : {#}FFFFFF{/#} |
Images |
|
Précisions |
Bonjour , j'aimerais avoir une barre d'avertissement pour mon forum forumactif , j'aimerais que elle soit le plus moderne possible svp ![]() Merci bien à vous ![]() |
- le Mar 8 Jan 2019 - 17:27
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Barre d'avertissement (1 bannissement)
- Réponses: 1
- Vues: 532
Barre d'avertissement
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 : {#}20C1A5{/#} |
Textes |
Texte à insérer : AUCUN AVERTISSEMENT |
Police à utiliser : Non fourni(e) |
Couleur de la police : {#}FFFFFF{/#} |
Images |
|
Précisions |
Bonjour , j'aimerais avoir une barre d'avertissement pour mon forum forumactif , j'aimerais que elle soit le plus moderne possible svp ![]() Merci bien à vous ![]() |
- le Mar 8 Jan 2019 - 17:15
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Barre d'avertissement
- Réponses: 0
- Vues: 484
Demande d'icones (Dernière demande)
Informations générales |
Nature de la création : Icones |
Lien du forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien] |
Taille de la création (en pixels) : 80x19 |
Couleur de fond : Non fourni(e) |
Textes |
Texte à insérer : Accepté, En Cours, Refusé |
Police à utiliser : Non fourni(e) |
Couleur de la police : [Vous devez être inscrit et connecté pour voir ce lien] |
Images |
|
Précisions |
Je souhaiterais 3 icônes (dernière demande) - Accepté, de couleur vert - En Cours, de couleur orange - Refusé, de couleur rouge S'il vous plait, de la couleur comme cette icône : [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image] Merci |
- le Dim 18 Nov 2018 - 10:10
- Rechercher dans: Demandes terminées
- Sujet: Demande d'icones (Dernière demande)
- Réponses: 5
- Vues: 1009
Couleur police d'écriture
Sur mon forum, ça marche.
Il faudrait que ce soit comme Contact, Signaler un abus, Forum gratuit. C'est-à-dire blanc. Dans ce cas, le code couleur est #FFFFFF
Tu as Couleur du lien, Couleur du lien visité, Couleur du lien actif.
En notant, par mesure de précaution, leur code couleur au préalable (pour le rétablir, au cas où ça ne marcherait pas), tu n'as qu'à essayer.
Sinon, tu essaies la méthode donnée par Splash, un peu plus compliquée, mais certainement efficace.
Dans ce cas, tu mettrais white, au lieu de blue.
Il faudrait que ce soit comme Contact, Signaler un abus, Forum gratuit. C'est-à-dire blanc. Dans ce cas, le code couleur est #FFFFFF
Tu as Couleur du lien, Couleur du lien visité, Couleur du lien actif.
En notant, par mesure de précaution, leur code couleur au préalable (pour le rétablir, au cas où ça ne marcherait pas), tu n'as qu'à essayer.
Sinon, tu essaies la méthode donnée par Splash, un peu plus compliquée, mais certainement efficace.
Dans ce cas, tu mettrais white, au lieu de blue.
- le Ven 12 Oct 2018 - 9:42
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Couleur police d'écriture
- Réponses: 11
- Vues: 593
Slider accordion tout cassé :'(
Détails techniques
Version du forum : phpBB3Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Avant le 04 Juin 2018
Lien du forum : http://meltinpot-nostale.forumactif.com/
Description du problème
Bonjour !Je gère le forum de ma guilde sur un mmo-rpg. J'avais fais tout propre le slider,
tout fonctionnait niquel. J'ai fais une pause d'un petit mois,
et à mon retour je trouve le slider tout cassé

(Je précise que dans les logs du P.A, personne n'a touché à rien)
- CSS:
- @charset 'utf-8';
/*************************************************!
*
* project: liteAccordion - a horizontal accordion plugin for jQuery
* author: Nicola Hibbert
* url: http://nicolahibbert.com/liteaccordion-v2/
* demo: http://www.nicolahibbert.com/demo/liteAccordion/
*
* Version: 2.0.2
* Copyright: (c) 2010-2011 Nicola Hibbert
* Licence: MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
color: black;
font-size: 16px;
font-weight: normal;
margin: 0;
z-index: 100;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateX(-100%) rotate(-90deg);
-webkit-transform-origin: right top;
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg);
-o-transform-origin: right top;
transform: translateX(-100%) rotate(-90deg);
transform-origin: right top;
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
display: block;
padding-right: 8%;
text-align: right;
height: 90%;
margin-top: 5px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.accordion .slide > h2 b {
display: inline-block;
position: absolute;
top: 13%;
left: 10%;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }
/***************************************** Light */
.accordion {
border: 9px solid white;
border-bottom-width: 8px;
padding: 5px 5px 6px 0;
background: #ffffff;
-webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #ffffff; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
background: #ffffff;
background: -moz-linear-gradient(left, #fcfcfc 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
background: -webkit-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: -o-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: -ms-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
background: linear-gradient(left, #fcfcfc 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
-webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
color: #FCFCFC;
}
.accordion .slide > h2 b { background: #ffffff; color: #ffffff; text-shadow: -1px 1px 0 white }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
.accordion .slide > div { background: #ffffff; margin-left: 5px }
/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.accordion .slide > h2 span { filter: none }
/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }
/* centrer l'accordéon */
.accordion { margin: auto; }
/*Suppression_search_box--------------------------*/
#search-box input {
display: none;
}
#search-box input.button1 {
display: none;
}
input.search {
display: none;
}
/*Sujet récent*/
#recent_topics {
background-color: #6AA8A6;
font-family: 'Playfair Display SC', serif;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
khtml-border-radius: 0px;
border-radius: 0px;
color: #D1BFB2;
font-size: 14px;
}
/*Test*/
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#arriere {
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
}
body {
background-image:url(https://www.aht.li/3090699/fond_meltin_4.png);
background-size: 100% auto;
}
dl.codebox {border: none;}
dl.codebox dt {border: none;}
dl.codebox {background-color: transparent; border: none;}
dl.codebox dt {background-color: #000000; width: 70px; text-align: center; border: 1px solid #000000; color: #21D6FF;}
.codebox dd { color: #21D6FF;}
dl.codebox code {color: #21D6FF; border: 1px solid #005456; background-color: #005456;}
/*TranspaDuForum*/
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
body {filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
/*Antidoublepost*/
.doublepost { border-top: 1px solid #660066 }
/*dernière visite*/
p.rightside {
display: none !important;
}
/*Désactiver la barre de connection en bas en tant qu'invité*/
#userlinks.not-connected {
display: none;
}
/*Désactiver la barre de connection en bas en tant que connecté*/
#userlinks {
display: none;
}
/*Enlever statistiques en bas du forum*/
.linklist { display: none; }
Les autres codes sont ceux du tuto dispo je ne sais plus ou

- Screen du soucis:
- le Lun 4 Juin 2018 - 16:02
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Slider accordion tout cassé :'(
- Réponses: 2
- Vues: 1075
demande de bannière/logo
En bref...
Nature de la création : BannièreTaille de la création (en pixels) : 100x100
Couleur de fond : {#}0B0725{/#}
Image(s)
Lien(s) image(s) :membre de l'équipe et est conforme au règlement. Elle peut dès à présent recevoir des propositions.
Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
- le Dim 3 Juin 2018 - 17:49
- Rechercher dans: Demandes terminées
- Sujet: demande de bannière/logo
- Réponses: 16
- Vues: 1213
Modification d'une icône
En bref...
Nature de la création : IconesTaille de la création (en pixels) : 100x100
Couleur de fond : N/A
Image(s)
Lien(s) image(s) :membre de l'équipe et est conforme au règlement. Elle peut dès à présent recevoir des propositions.
Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
- le Lun 2 Avr 2018 - 20:23
- Rechercher dans: Demandes terminées
- Sujet: Modification d'une icône
- Réponses: 2
- Vues: 815
Intégration d'un diaporama (slidehow) dans un post.
Merci pour votre accueil !
Je vais vous donner le seul code dont je dispose (à savoir celui généré par le formulaire) :
- Spoiler:
- <style type="text/css">#rotator1518289519841 {height:120px;} #rotator1518289519841 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1518289519841 img { height:110px;width:150px; }</style><div id="rotator1518289519841"><a id="itemActif1518289519841" style="z-index:999" href="#" title="" target="_blank"><img src="https://i.imgur.com/8xHvgHC.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="https://i.imgur.com/BErt705.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="https://i.imgur.com/SBgeRSW.jpg" alt="" /></a></div><script type="text/javascript">(function(){var r = document.getElementById("rotator1518289519841"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1518289519841"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1518289519841";n.style.zIndex = 999})},3500)})();</script>
Donc voilà, ceci forme mon diapo.
Vous me parlez de <head> mais, je crois que, justement, c'est peut-être ça qui doit manquer pour que le diapo soit pris en charge sans que Voulez-vous utiliser le haut et le bas de page de votre forum ? soit coché ! (Enfin je pense.)
Donc voilà ! Je n'ai pas de <head> </ head>, je n'ai que ça, copié dans ma page HTML.
- le Sam 10 Fév 2018 - 20:08
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Intégration d'un diaporama (slidehow) dans un post.
- Réponses: 4
- Vues: 746
Rangs type Futuriste
En bref...
Nature de la création : RangTaille de la création (en pixels) : 187x94
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]
Image(s)
Lien(s) image(s) :N/ATexte
Texte à insérer : Fondateur, Modérateur, Graphiste, Membre, Junior, Elite, Awesome, Dieu,Police à utiliser : Pas en particulier
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]
En détails...
Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]Commentaire(s) supplémentaire(s) : Bonjour,
Je voudrais des rangs. Je ne connais pas la taille idéal mais je pense que sa ira. En gros il y aurai la rang et au dessus un nombre d'étoile dans le même style. Donc avec le rang + le nombre d'étoile ça ferait brièvement la taille que j'ai rentré. Pour le style j'aimerai quelque chose de futuriste plutôt brillant qui change de couleur pour chaque grade. Pas trop d’importance mais que sa aille du moins brillant au plus pétant :
Membre : 1 étoile
Junior : 2 étoiles
Elite : 3 étoiles
Awesome : 4 étoiles
Graphiste : 4 étoiles
Dieu : 5 étoiles
Modérateur : 6 étoiles
Fondateur : 7 étoiles
Voila je pense avoir tout dit, merci d'avance et bonne journée :p
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image] | Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions. Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h. |
- le Mer 7 Fév 2018 - 14:12
- Rechercher dans: Demandes terminées
- Sujet: Rangs type Futuriste
- Réponses: 3
- Vues: 805
Redimensionner une image
En bref...
Nature de la création : HeaderTaille de la création (en pixels) : 100x100
Couleur de fond : N/A
Image(s)
Lien(s) image(s) :membre de l'équipe et est conforme au règlement. Elle peut dès à présent recevoir des propositions.
Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
- le Ven 19 Jan 2018 - 17:02
- Rechercher dans: Demandes terminées
- Sujet: Redimensionner une image
- Réponses: 2
- Vues: 853
Réduire colonne DERNIER MESSAGE sur l'index.
@Milouze14 a écrit:Hello Electro0007,
RainyHalloween, ce style s'appliquera sur l'ensemble du fofo.
il suffit de mettre ce style (tout au début ) dans le template concerné :
- Code:
<style>
dd.lastpost{width:10%;}
dd.topics,dd.posts{width:13%;}
li.header .lastpost span{padding:0px;}
</style>
a++
Bonjour Milouze14,
Étrange car il me fait le même problème qu'avec le code de Rainyhalloween

Voici le code css :
- CSS:
- /* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */
dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */
/* ******************Modification largeur barre de recherche******************* */
#search-box #keywords {
width: 225px;
position: relative!important;
top: 0px!important;
}
dl.newpost {
background-color:#EBEADD!important;}
#navMP{
height:16px;
height:1rem;
}
#navMP>a{
display:inline-block;
padding-left:.75em;
padding-right:.75em;
font-size:1.2em;
line-height:1.2em;
color:#000000;
background:#ffffff;
text-decoration:none !important;
border:1px solid #aaa;
}
#navMP>a:hover{
color:#ffffff;
background:#000000;
text-decoration:none !important;
}
#navMP-precedent{
float:left;
border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
float:right;
border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
content:"Précédent";
}
#navMP-suivant::before{
content:"Suivant";
}
/* ******************Position icon en ligne et hors ligne******************* */
div.post.online .postprofile:before
{
content: url(https://i.servimg.com/u/f11/19/78/33/65/vert-u10.png);
}
div.post .postprofile:before
{
content: url(https://i.servimg.com/u/f11/19/78/33/65/rouge-10.png);
left: 0px;
position: relative;
right: 0;
top: 0px;
z-index: 2;
}
/* ******************sert à aligner les titres réponses, vues et derniers messages******************* */
.topiclist.topics li.header dd.posts {
padding-left: 112px;
}
/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */
#M14_border
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */
ul.topics .M14_li dd.dterm{padding-left:0px;}
/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}
/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet
{
text-align: center;
width:45px;
}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti
{
text-align: center;
width:30px;
}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone
{
text-align: center;
width:75px;
}
/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}
/*On decale du haut l image de participation et icone de message*/
.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}
form#quick_reply div#textarea_content {
width: 750px !important;
height: 225px !important;
}
/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */
.postprofile {
width: 16%;
}
/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */
.postbody
{
clear: both;
color: #000000;
float: right;
line-height: 1.48em;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width: 83%;
}
/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */
.postprofile {text-align: center;}
/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */
blockquote blockquote {background-color: #CADCEB;}
/* ******************LARGEUR DES COLONNES DANS LES FORUMS******************* */
/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}
/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */
dd.posts, dd.topics, dd.views {
width: 6%!important;
}
/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */
span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}
/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */
#smiley-box {float: left;}
#textarea_content_1{float:right;
margin-top: 2px;}
- le Lun 4 Déc 2017 - 15:07
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Réduire colonne DERNIER MESSAGE sur l'index.
- Réponses: 14
- Vues: 1598
[ModernBB] Problème de fond de page
Détails techniques
Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome, Safari
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://onimatricorn.forumactif.com
Description du problème
Bonjour à tous-tes,Je m'inscris sur votre forum afin de résoudre un léger casse-tête. Admin d'un forum en phpBB2, j'ai récemment décidé de changer de version et de passer en ModernBB. Afin de préparer ma charte graphique, j'ai créé un forum test me permettant de découvrir ModernBB et ses possibilités de personnalisation.
Mon problème est le suivant : je souhaite utiliser une image comme fond de page et que celle-ci puisse s'adapter à tous les utilisateurs.
J'ai par conséquent utilisé le code suivant :
- Code:
body
{
background-image: url(http://image.noelshack.com/fichiers/2017/44/6/1509797032-test-fofo.jpg);
background-attachement: fixed;
background-size: cover;
}
Cependant, celui-ci ne semble pas fonctionner. En effet, mon image de fond de page est bien en place, mais dès que je scroll elle disparaît pour laisser place à une couleur de fond de page #FFFFFF
Cette même couleur est impossible à changer dans la gestion des couleurs du PA.
Par conséquent, quelqu'un posséderait-il une solution à mon casse-tête?
Bien cordialement et merci pour votre lecture,
Philos_a113
- le Sam 4 Nov 2017 - 13:22
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: [ModernBB] Problème de fond de page
- Réponses: 3
- Vues: 746
3 boutons pour mon forum
En bref...
Nature de la création : BoutonTaille de la création (en pixels) : 259x80
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]
Image(s)
Lien(s) image(s) :N/ATexte
Texte à insérer : voir la descritption en basPolice à utiliser : arial
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]
En détails...
Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]Commentaire(s) supplémentaire(s) : bonjour il me faudrait 3 bouton : 1) Poster un sujet 2) répondre au sujet 3) poster un nouveau MP
taille d'écriture souhaiter : 20
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image] | Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions. Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h. |
- le Mer 19 Juil 2017 - 20:17
- Rechercher dans: Demandes terminées
- Sujet: 3 boutons pour mon forum
- Réponses: 6
- Vues: 940
Page 1 sur 4 • 1, 2, 3, 4