126 résultats trouvés pour 000000

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&copyright_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&quote_align=center&quote_background=000000&quote_color=FF6FCF&quote_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&quote_align=center&quote_background=000000&quote_color=FF6FCF&quote_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

Barre du tchat

Bonsoir,

Par Tchat, je suppute que vous faites référence à la Chatbox ?

Je vous invite à lire le deuxième tutoriel de ce sujet [ici]. Le point 2.8 devrait vous intéresser :

Code:

#chatbox_footer #message {
  background: COULEUR;
}

Il convient d'insérer ce code dans la feuille CSS de votre forum :

Panneau d'administration → Affichage → Images et Couleurs → Couleurs :: Feuille de style CSS

Il faut remplacer le terme COULEUR par le code hexadécimal de la couleur choisie. Par exemple, noir : #000000.

Bonne soirée sur Forumactif.

Problème avec un code pour un mini lecteur mp3 sur une page de mon forum

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : je viens de le constater aujourd'hui
Lien du forum : http://forum-de-flute.forumgratuit.fr/

Description du problème

Bonjour à tous,

Sur quelques une de mes pages, j'ai mis un mini lecteur mp3. Aujourd'hui, ce mini lecteur mp3 n'est plus visible du tout alors que dans le passé, il était visible sur ma page et le lien fonctionner très bien.

Je comprend pas ce qui cloche. Voici le lien.

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
   <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
   <param name="bgcolor" value="#000000" />
   <param name="FlashVars" value="mp3=http%3A//la.flute.traversiere.free.fr/flute-a-bec/methode-pour-apprendre-a-jouer/mp3/Exercice_01.MP3" />
</object>

Je viens de refaire un test avec http://flash-mp3-player.net/players/mini/generator/ et c'est toujours pareil.

Sur plusieurs de mes pages, je renconte le même problème, exemple :
http://forum-de-flute.forumgratuit.fr/t350-avant-de-commencer-page-1-a-15#1003
http://forum-de-flute.forumgratuit.fr/t355-module-5-sol-grave-fa-aigu-sol-aigu-page-49-a-56

Pouvez-vous m'aider s'il vous plait ?

Le logo du forum a disparu

@Adam_sfp a écrit:Bonjour

Ok on va y arriver ;-)

Mettez ce code dans description de site * on met le texte dans une div avec une id qu'on appelle textfor cela nous permettra de modifier le text via CSS et on met également le code de l'iframe.

Code:

<div id=textfor>Un Sourire Pour Revivre</div> <iframe width=390 height=390 scrolling=no  frameborder=0 src= http://www.uspr33.com/h28-></iframe>

bonjour


merci encore pour tout le travail réalisé (pour moi, c'est pire que du chinois !!!)

j'ai mis comme vous me l'avez demandé

@Adam_sfp a écrit:Ensuite
Affichage -->images et couleurs-->couleurs--> onglet Feuille de style CSS

remplacez l'ancien code par celui ci

Code:

/*DEBUT CODE TITRE*/
#textfor {
  text-shadow: 0 5px 5px #000000;
  font-size: 50px;
  font-family: 'Verdana';  
  width:700px;
  position:relative;
  top:20px;
  margin:auto;
  display:block;
  word-break: break-all;
  text-align: center;
  color:#2ea7ef;
}

 /*FIN CODE TITRE*/

Vous pouvez faire vos modifications si besoin

Cette ligne

Code:

text-shadow: 0 5px 5px #000000;

Correspond à l'ombre que l'on voit derrière la police d'écriture ici le code couleur est #000000 qui est le noir.

Code:

 font-size: 50px;

Correspond à la taille de la police vous pouvez changer le chiffre si besoin.

Code:

 font-family: 'Verdana';  

Ici le nom de la police

je n'ai pas touché à ces trois codes
pour le code "text-shadow" : j'ai du mal à voir de l'ombre derrière la police d'écriture ^^

@Adam_sfp a écrit:

Code:

top:20px;

La position de l'écriture par rapport au "haut de page" *cela vous permet d'ajuster la position de l'écriture
vous pouvez changez la valeur on peut aussi mettre une valeur négative si besoin par exemple

Code:

top:-25px;

après plusieurs essais, j'ai mis le "top:-35px"
en fait, je voulais que le titre apparaisse juste au dessus de mon image "lignes aériennes
latécoère"

@Adam_sfp a écrit:

Code:

 color:#2ea7ef;

la couleur de l'écriture ici #2ea7ef qui est du bleu

la couleur me plait, car elle est la même que mes petits avions (images des messages)

@Adam_sfp a écrit:si besoin vous trouverez les codes couleurs ici par exemple
https://htmlcolorcodes.com/fr/
Cdt

merci pour ce lien

pour le css, voici ce que cela donne avec les modifications réalisées ci-dessus :

Code:

  /*DEBUT CODE TITRE*/
#textfor {
  text-shadow: 0 5px 5px #000000;
  font-size: 50px;
  font-family: 'Verdana';  
  width:700px;
  position:relative;
  top:-35px;
  margin:auto;
  display:block;
  word-break: break-all;
  text-align: center;
  color:#2ea7ef;
}
 
 /*FIN CODE TITRE*/

Voici le rendu final
https://i.servimg.com/u/f64/12/13/38/69/forum_10.jpg

Pour le logo, est-ce possible de le remonter un peu dans la hauteur de la page, afin de réduire l'espacement entre le titre du forum et le haut du logo ? Et augmenter l'espacement entre le bas du logo et la barre de navigation ?
https://i.servimg.com/u/f64/12/13/38/69/forum_11.jpg

Merci à vous pour tout le travail réalisé

Comme dit dans mon message précédent, je m'absente et je reviens vers le 6 aout.

Bonnes vacances à vous et bon courage si vous ne prenez pas de congés

NOTA : pour le logo, je suis en attente de la validation, auprès de la succession de Saint Exupéry - d'Agay, pour le droit aux images que je mets sur mon forum

Cordialement

Le logo du forum a disparu

Bonjour

Ok on va y arriver ;-)

Mettez ce code dans description de site * on met le texte dans une div avec une id qu'on appelle textfor cela nous permettra de modifier le text via CSS et on met également le code de l'iframe.

Code:

<div id=textfor>Un Sourire Pour Revivre</div> <iframe width=390 height=390 scrolling=no  frameborder=0 src= http://www.uspr33.com/h28-></iframe>

Ensuite
Affichage -->images et couleurs-->couleurs--> onglet Feuille de style CSS

remplacez l'ancien code par celui ci

Code:

/*DEBUT CODE TITRE*/
#textfor {
  text-shadow: 0 5px 5px #000000;
  font-size: 50px;
  font-family: 'Verdana';  
  width:700px;
  position:relative;
  top:20px;
  margin:auto;
  display:block;
  word-break: break-all;
  text-align: center;
  color:#2ea7ef;
}

 /*FIN CODE TITRE*/

Vous pouvez faire vos modifications si besoin

Cette ligne

Code:

text-shadow: 0 5px 5px #000000;

Correspond à l'ombre que l'on voit derrière la police d'écriture ici le code couleur est #000000 qui est le noir.

Code:

 font-size: 50px;

Correspond à la taille de la police vous pouvez changer le chiffre si besoin.

Code:

 font-family: 'Verdana';  

Ici le nom de la police

Code:

top:20px;

La position de l'écriture par rapport au "haut de page" *cela vous permet d'ajuster la position de l'écriture
vous pouvez changez la valeur on peut aussi mettre une valeur négative si besoin par exemple

Code:

top:-25px;

Code:

 color:#2ea7ef;

la couleur de l'écriture ici #2ea7ef qui est du bleu

si besoin vous trouverez les codes couleurs ici par exemple
https://htmlcolorcodes.com/fr/

Cdt

Admin en gras

Hello
J'ai mis cela
/* Supprimer le caractère gras */
a[href='/Frédéric'] {
color:#000000;
font-weight: normal !important;
}

A la place de mon pseudo Frédéric si je mettais a[href='/u144060'] cela ne fonctionnais pas non plus

ligne de code fausse.

C'est bon j'ai trouvé l'erreur est corrrigée ...

La syntaxe est : (si ça interesse quelqu'un )

td.bodyline {
background: #000000 url(http://img.xooimage.com/files110/2/c/f/11-53494ee.jpg) center 755px no-repeat;/* MOTO TRIUMPH*/
}</style>

à mettre dans le CSS

Comment faire pour avoir un rang à deux couleurs ?

@Bad_girls a écrit:Bonjour volubal,

Essaie ce code de couleur au lieu du mot Black:  #000000

Cordialement

Bonjour, cela ne marche pas.

Comment faire pour avoir un rang à deux couleurs ?

Bonjour volubal,

Essaie ce code de couleur au lieu du mot Black: #000000

Cordialement

Slider accordion tout cassé :'(

Détails techniques

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

Voir l'image:

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

Description du problème

Bonjour !

Je gère le forum de ma guilde sur un mmo-rpg. J'avais fais tout propre le slider,
tout fonctionnait niquel. J'ai fais une pause d'un petit mois,
et à mon retour je trouve le slider tout cassé
(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:

probléme apparence du forum

td.bodyline:first-child table:nth-child(2) {
width: 100%;
}

td.bodyline:first-child table:nth-child(2) td:first-child {
text-align: center;
}

.catHead .cattitle {
color: #E60000;
font-size: 18px;
}

th.secondarytitle > h2, table.forumline tr > th, th.thLeft, th.thRight, .cattitle {
color: #E60000;
font-size: 18px;
}

h2.hierarchy a.forumlink,
h3.hierarchy a.forumlink {
font-size: 18px;
color: #000000;
}

h2.hierarchy + span.genmed,
h3.hierarchy + span.genmed {
font-size: 13px;
color: #595959;
}

Fond de page

En bref...

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

Image(s)

Lien(s) image(s) :

Image:

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

Texte

Texte à insérer : Aucun
Police à utiliser : Aucune
Couleur police : Aucune

En détails...

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

Excusez-moi de vous déranger à nouveau mais je reviens vers vous avec cette image que je compte utiliser comme fond de page de mon fofo et comme vous pouvez le constater les teintes ne sont pas en adéquation avec celles de mon fofo (ici c'est un peu trop "jaune") qui sont dans les bruns-beiges, pouvez-vous donc essayer d'accorder les teintes pour harmoniser cette image avec mon fofo s'il vous plaît ?

Et peut-être la redimensionner s'il vous plaît car cela apparaît ainsi sur mon fofo test actuellement :

[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 beaucoup,

Très belle fin de semaine,

Au plaisir,

Ombeline.

[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.

Barre de navigation

En bref...

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

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]

Visualiser:

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

 

Texte

Texte à insérer : Photos, Événement et Enregistrement
Police à utiliser : Time new roman
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) : Ma barre de navigation a été fait, il y a longtemps. J'aimerais ajouter à celle-ci, trois ''texte image'' dont je n'ai pas. Photos, Événement et Enregistrement. Malheureusement, j'ignore quelle police a été utilité et la couleur exacte de cette police. Mais au besoin, je suis ouvert à refaire faire la barre de navigation dans le même style, au grand complet. J'ignore aussi les dimensions en pixel car je ne m'y connais pas beaucoup.

Merci de votre aide ! [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

[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.

logo a l'identique svp merci

En bref...

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

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]

Visualiser:

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

Texte

Texte à insérer : le meme
Police à utiliser : N/A
Couleur police : N/A

En détails...

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

bonjour, Ce logo m'appartient, une collègue me l'avait fait pour ma page fb emploi job asv.
Je l'ai souvent copié du coup il a persu en qualité, je ne peux pus l"utiliser pour des graphiques papiers.

Est ce possible de le refaire a l'identique ? ou du bien s'y rapprochant bien en gardant la couleur bleue, merci j'attends vos instructions. merci

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

Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions. Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.

Soucis de compatibilité entre deux js

Si ce code n'est, au final, effectué que sur les balises a, la modification à faire est simple je pense.
Mais si dans un avenir proche ou lointain, tu souhaitais que cette infobulle s'affiche sur une div par exemple, ça ne fonctionnerait plus.
J'imagine que c'est le contenu du title qui est affiché en infobulle ? C'est pour ça que tu vises l'attribut title ? Et que certains liens affectés par le code ne peuvent pas être modifiés à la main directement dans les templates ?!

Sinon ce serait plus simple de simplement indiquer au script qu'il ne doit viser que les attribut title d'une certaine partie. Pour ça, tu pourrais rajouter un attribut data-infobulle à des endroits souhaités par exemple.

En fait, le plus simple, pour moi comme pour toi, pour l'instant, serait que tu entoures les parties où tu souhaites l'infobulle d'une div, s'il n'y en a pas déjà une, comme ceci :

Code:

<div data-infobulle="true">.......</div>

par exemple, et qu'ensuite tu vises les parties qui t'intéressent, en JS, comme ceci :

Code:

/* tooltip */
$(function(){
          // general options for editing the tooltip
          // see more : http://iamceege.github.io/tooltipster/#options
          var options = {
            animation : 'fade',
            arrow : true,
            speed : 300,
            delay : 300,
            onlyOne : true,
            theme : 'tooltipster-default'
          },
       
          // delay execution by placing the function into another queue
          // helps with applying to other JS created elements such as the editor
          queue = true,
          titles,
       
          parse = function() {
            titles = $('div[data-infobulle="true"] [title]');
            titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered').tooltipster(options);
          };
       
          queue ? $(parse) : parse();
        });

(le code est le même, j'ai simplement modifié cette ligne :

titles = $('div[data-infobulle="true"] [title]');

)


J'ai testé avec le lien "Formulaire de présentation", dans le cadre vert.
Je l'ai modifié comme ceci :

<div class="boubou" data-infobulle="true" align="center">
<a href="/h8-formulaire-de-presentation" title="titre de test pour infobulle"><span id="span-boubou"><span style="color: #000000;">Formulaire de présentation</span></span></a>
</div>

et ça fonctionne bien. Une infobulle apparait avec comme message "titre de test pour infobulle".

L'idéal serait de ne pas créer de nouvelle balise pour entourer les parties que tu souhaites modifier, mais que tu modifies les balises déjà présentes entourant ces dites parties, en rajoutant simplement

Code:

data-infobulle="true"

comme si c'était un attribut title (voir l'exemple que j'ai donné juste au dessus).

Rang pour forum type led/futuriste

En bref...

Nature de la création : Rang
Taille de la création (en pixels) : 150x53
Couleur de fond : N/A

Image(s)

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

Texte

Texte à insérer : Membre, Junior, Elite, Awesome, Graphiste, Demi Dieu, Dieu, Modérateur, Fondateur, Sponsor
Police à utiliser : Pas en particuler
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 vous contacte pour refaire mes rangs.
Je voudrais les rangs avec les titres comme indiqué dans le Texte. Je les voudrais dans un thème un peu futuriste, led. Dans ce style la :
[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][Vous devez être [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] Ces rangs ne sont pas a moi et je n'ai pas les droits dessus.
Mais je voudrais mes rangs dans un style comme ça.
Au dessus des rangs je voudrais des étoiles dans le même style un peu led. si ça arrange elle peuvent être a coter j'essayerait de trouver comment les mettre par dessus le rang.
Membre : 1 étoile
Junior : 2 étoiles
Elite : 3 étoiles
Awesome : 4 étoiles
Sponsor : 5 étoiles
Graphiste : 6 étoiles
Demi Dieu : 7 étoiles
Dieu : 8 étoiles
Modérateur : 9 étoiles
Fondateur : 10 étoiles
Si les mots sont trop longs, des abréviations sont possible par exemple Modérateur : Modo
Voila merci d'avance [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

[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.