La date/heure actuelle est Jeu 14 Déc 2017 - 07:22 - créer un forum

[Tutoriel] Avertissement vocal pour les nouveaux MP

Aller au contenu

Poster un nouveau sujet Répondre au sujet

[Tutoriel] Avertissement vocal pour les nouveaux MP
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 923
Niveau:
Point(s): 924
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mer 7 Sep 2016 - 11:59    Sujet du message: [Tutoriel] Avertissement vocal pour les nouveaux MP Répondre en citant

PublicitéSupprimer les publicités ?



Tutoriel : Avertissement vocal avec Pop-up pour les nouveaux messages privés



Créateur : Kyosuke (tuto proposé avec son aimable autorisation)



Ce tutoriel va vous permettre d'avoir un message vocal et un pop-up qui vous avertiront de l'arrivée d'un (ou des) nouveau(x) message(s) privés



  • Difficulté du tutoriel : Très facile
  • Temps d'installation : 2 minutes

  • Inconvénients : Aucun





TUTO : Avertissement vocal de nouveaux Messages privés (MP)


Lorsque vous recevrez un nouveau message privé (ou plusieurs), une alerte vocale ainsi qu'un pop-up persistants se déclencheront.

Pour installer ce système, crée par notre ami
Kyosuke, il faut procéder ainsi :




- Première méthode :




Aller dans les templates du thème principal, sauvegarder le template "Overall_Header". L'ouvrir.

Au début, chercher ceci :

Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
}
//-->
</script>
<!-- END switch_enable_pm_popup -->


Le remplacer par cela :

Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
Notification sonore & visuelle de la reception d'un nouveau message.
DEBUT
*****/

function newMessageAudio() {
var body = document.body || document.getElementsByTagName('body')[0],
opacity = 0,
html = '<audio autoplay>'
+ ' <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
+ '
[b]Vous avez reçu un nouveau message.[/b]
'
+ '</audio>'
+ '[url=http://privmsg.php/?folder=inbox]Vous avez reçu un nouveau message.[/url]';
body.insertAdjacentHTML('afterEnd', html);
var fadeIn = window.setInterval(function () {
if (opacity < 1) {
opacity += 0.1;
document.getElementById('newMessageNotification').style.opacity = opacity;
} else {
clearInterval(fadeIn);
}
}, 50);
}
if ( {PRIVATE_MESSAGE_NEW_FLAG} ) {
Event.observe(window, 'load', newMessageAudio, false);
}

/*****
Notification sonore & visuelle de la reception d'un nouveau message.
FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: Arial, Sans-Serif;;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->


Sauvegarder et tester.




- Deuxième méthode :




Si cela ne fonctionne pas (cela dépend des thèmes utilisés).

Méthode que j'utilise et qui fonctionne parfaitement :

Toujours dans Overall_Header.tpl, supprimer cela :

Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
}
//-->
</script>
<!-- END switch_enable_pm_popup -->


Puis rajouter le script de Kyosuke juste après la balise "body" :

Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
Notification sonore & visuelle de la reception d'un nouveau message.
DEBUT
*****/

var newMessages = "{PRIVATE_MESSAGE_INFO}";
function newMessageAudio() {
var body = document.body || document.getElementsByTagName('body')[0],
opacity = 0,
html = '<audio autoplay>'
+ ' <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
+ '
[b]Vous avez reçu un nouveau message.[/b]
'
+ '</audio>'
+ '[url=http://privmsg.php/?folder=inbox]Vous avez reçu un nouveau message.[/url]';
body.insertAdjacentHTML('afterEnd', html);
var fadeIn = window.setInterval(function () {
if (opacity < 1) {
opacity += 0.1;
document.getElementById('newMessageNotification').style.opacity = opacity;
} else {
clearInterval(fadeIn);
}
}, 50);
}
if ( newMessages.indexOf("Vous avez") > -1 ) {
Event.observe(window, 'load', newMessageAudio, false);
}

/*****
Notification sonore & visuelle de la reception d'un nouveau message.
FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: arial;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->


Sauvegarder et tester.




- Pour info, le style peut tout à fait être placé dans votre css, pour cela il suffit de ne pas mettre :

Code: Sélectionner - Agrandir
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: arial;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>


après le code en "Javascript" mais placer le tout ainsi :

Code: Sélectionner - Agrandir

#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: arial;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}


dans votre css (feuille de style de votre forum).




Merci à Kyosuke d'avoir permis de partager son travail.





Pour toutes questions, poster à la suite de ce tuto. Merci.



_______________________
Aucune aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Discord - Twitter
Les membres suivants remercient RotorMan pour ce message :
(07/09/16)


Forum
Auteur Message
The End


Hors ligne
Invité




MessagePosté le: Mer 7 Sep 2016 - 15:04    Sujet du message: [Tutoriel] Avertissement vocal pour les nouveaux MP Répondre en citant

Excellent !

Auteur Message
Jpoglandsteven
Membre


Hors ligne
Membre

Inscrit le: 26 Jan 2014
Messages: 4
Point(s): 4
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin

MessagePosté le: Mar 22 Aoû 2017 - 21:15    Sujet du message: [Tutoriel] Avertissement vocal pour les nouveaux MP Répondre en citant

De mon côté, ça ne marche pas, quelqu'un a une solution SVP?

J'ai essayé aussi la seconde méthode, mais je ne comprend pas de quelle balise body on parle si tenté qu'il y en ai réellement une...

Merci d'avance Smile.

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html dir="{S_CONTENT_DIRECTION}">
<link rel="icon" type="image/png" url="http://img.xooimage.com/files110/c/5/d/favicon-4ca607e.png" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files110/2/f/f/appalachia-4c7cfa5.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original Appalachia Theme for phpBB version 2+
  Created by Droshi
  Design by Kooky

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
        cursor: url(http://img.xooimage.com/files110/3/8/d/curseur-jpogland-52e3838.png), default;
   background-color: {T_BODY_BGCOLOR};
        background-image: url(http://img.xooimage.com/files110/f/a/0/fd42-4c7d789.jpg);
        bgproperties="fixed"
        background-attachment: fixed;
        background-repeat: no-repeat;
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; }
td.row2   { background-color: {T_TR_COLOR2}; }
td.row3   { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: {T_TD_COLOR2};
      background-image: url(http://img.xooimage.com/files110/e/d/c/barre01-4-4c84131.jpg);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img.xooimage.com/files110/1/3/6/barre02-2-4c7d700.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img.xooimage.com/files110/e/d/c/barre01-4-4c84131.jpg);
         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav         { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover      { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover   { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright      { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
   color : {T_BODY_TEXT};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR1};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img.xooimage.com/files10/f/o/formie-31188.css");
-->
</style>


<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
Notification sonore & visuelle de la reception d'un nouveau message.
DEBUT
*****/

function newMessageAudio() {
var body = document.body || document.getElementsByTagName('body')[0],
opacity = 0,
html = '<audio autoplay>'
+ ' <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
+ '
[b]Vous avez reçu un nouveau message.[/b]
'
+ '</audio>'
+ '[url=http://privmsg.php/?folder=inbox]Vous avez reçu un nouveau message.[/url]';
body.insertAdjacentHTML('afterEnd', html);
var fadeIn = window.setInterval(function () {
if (opacity < 1) {
opacity += 0.1;
document.getElementById('newMessageNotification').style.opacity = opacity;
} else {
clearInterval(fadeIn);
}
}, 50);
}
if ( {PRIVATE_MESSAGE_NEW_FLAG} ) {
Event.observe(window, 'load', newMessageAudio, false);
}

/*****
Notification sonore & visuelle de la reception d'un nouveau message.
FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: Arial, Sans-Serif;;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->


<link rel="shortcut icon" href="http://img.xooimage.com/files110/3/b/5/favicon-officielle-jpogland-52e39c2.png">
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">





<a name="top">[/url]
<table class="bodyline" width="900" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
      <td height="85">[url=http://{U_INDEX}]<img src=http://img.xooimage.com/files110/5/1/a/sans-titre-34-4c8209f.jpg border="0" /></td>
   </tr>
</table>
<table width="900" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img.xooimage.com/files110/a/9/d/barre01-2-4c7d6fc.jpg" />
   <tr>
      <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
         [url=http://{U_INDEX}]<font color=#FFFFFF>Index<font>[/url] - [url=http://{U_FAQ}]<font color=#FFFFFF>{L_FAQ}</font>[/url] - [url=http://{U_SEARCH}]<font color=#FFFFFF>{L_SEARCH}</font>[/url] - [url=http://{U_MEMBERLIST}]<font color=#FFFFFF>Membres</font>[/url] - [url=http://{U_GROUP_CP}]<font color=#FFFFFF>Groupes</font>[/url] -
         <!-- BEGIN switch_user_logged_out -->
         [url=http://{U_REGISTER}]<font color=#FFFFFF>{L_REGISTER}</span>[/url] -
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         [url=http://{U_PROFILE}]<font color=#FFFFFF>{L_PROFILE}</span>[/url] -
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         [url=http://{U_PRIVATEMSGS}]<font color=#FFFFFF>Messages Priv&eacute;s</span>[/url] -
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         [url=http://{U_PRIVATEMSGS}]<font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span>[/url] -
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         [url=http://{U_LOGIN_LOGOUT}]<font color=#FFFFFF>{L_LOGIN_LOGOUT}</span>[/url]
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         [url={U_LOGIN_LOGOUT}]<font color=#FFFFFF>{L_LOGIN_LOGOUT}</span>[/url]
         <!-- END switch_user_logged_in -->
         </span>
      </td>
   </tr>
</table>     
<table width="900" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
     <td class="bodyline">

_______________________
"Cette idée, est la pire idée dans la longue et triste histoire des mauvaises idées".


Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 923
Niveau:
Point(s): 924
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mer 23 Aoû 2017 - 08:55    Sujet du message: [Tutoriel] Avertissement vocal pour les nouveaux MP Répondre en citant

Bonjour Jpoglandsteven ,

Votre balise Body se présente ainsi

Code: Sélectionner - Agrandir
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">


Cordialement
_______________________
Aucune aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Discord - Twitter


Forum
Auteur Message
Jpoglandsteven
Membre


Hors ligne
Membre

Inscrit le: 26 Jan 2014
Messages: 4
Point(s): 4
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin

MessagePosté le: Mer 23 Aoû 2017 - 11:09    Sujet du message: [Tutoriel] Avertissement vocal pour les nouveaux MP Répondre en citant

Bonjour RotorMan, je viens de mettre le script après la balise body comme convenu et ça ne marche pas :/...

Je ne comprend pas pourquoi, j'ai remarqué que la balise body n'avait pas de balise fermante </body>, est-ce normal?

Merci par avance.
Cordialement.

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html dir="{S_CONTENT_DIRECTION}">
<link rel="icon" type="image/png" url="http://img.xooimage.com/files110/c/5/d/favicon-4ca607e.png" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files110/2/f/f/appalachia-4c7cfa5.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original Appalachia Theme for phpBB version 2+
  Created by Droshi
  Design by Kooky

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
        cursor: url(http://img.xooimage.com/files110/3/8/d/curseur-jpogland-52e3838.png), default;
   background-color: {T_BODY_BGCOLOR};
        background-image: url(http://img.xooimage.com/files110/f/a/0/fd42-4c7d789.jpg);
        bgproperties="fixed"
        background-attachment: fixed;
        background-repeat: no-repeat;
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; }
td.row2   { background-color: {T_TR_COLOR2}; }
td.row3   { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: {T_TD_COLOR2};
      background-image: url(http://img.xooimage.com/files110/e/d/c/barre01-4-4c84131.jpg);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img.xooimage.com/files110/1/3/6/barre02-2-4c7d700.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img.xooimage.com/files110/e/d/c/barre01-4-4c84131.jpg);
         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav         { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover      { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover   { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright      { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
   color : {T_BODY_TEXT};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR1};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img.xooimage.com/files10/f/o/formie-31188.css");
-->
</style>


<link rel="shortcut icon" href="http://img.xooimage.com/files110/3/b/5/favicon-officielle-jpogland-52e39c2.png">
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">


<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
Notification sonore & visuelle de la reception d'un nouveau message.
DEBUT
*****/

var newMessages = "{PRIVATE_MESSAGE_INFO}";
function newMessageAudio() {
var body = document.body || document.getElementsByTagName('body')[0],
opacity = 0,
html = '<audio autoplay>'
+ ' <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
+ '
[b]Vous avez reçu un nouveau message.[/b]
'
+ '</audio>'
+ '[url=http://privmsg.php/?folder=inbox]Vous avez reçu un nouveau message.[/url]';
body.insertAdjacentHTML('afterEnd', html);
var fadeIn = window.setInterval(function () {
if (opacity < 1) {
opacity += 0.1;
document.getElementById('newMessageNotification').style.opacity = opacity;
} else {
clearInterval(fadeIn);
}
}, 50);
}
if ( newMessages.indexOf("Vous avez") > -1 ) {
Event.observe(window, 'load', newMessageAudio, false);
}

/*****
Notification sonore & visuelle de la reception d'un nouveau message.
FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: arial;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->





<a name="top">[/url]
<table class="bodyline" width="900" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
      <td height="85">[url=http://{U_INDEX}]<img src=http://img.xooimage.com/files110/5/1/a/sans-titre-34-4c8209f.jpg border="0" /></td>
   </tr>
</table>
<table width="900" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img.xooimage.com/files110/a/9/d/barre01-2-4c7d6fc.jpg" />
   <tr>
      <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
         [url=http://{U_INDEX}]<font color=#FFFFFF>Index<font>[/url] - [url=http://{U_FAQ}]<font color=#FFFFFF>{L_FAQ}</font>[/url] - [url=http://{U_SEARCH}]<font color=#FFFFFF>{L_SEARCH}</font>[/url] - [url=http://{U_MEMBERLIST}]<font color=#FFFFFF>Membres</font>[/url] - [url=http://{U_GROUP_CP}]<font color=#FFFFFF>Groupes</font>[/url] -
         <!-- BEGIN switch_user_logged_out -->
         [url=http://{U_REGISTER}]<font color=#FFFFFF>{L_REGISTER}</span>[/url] -
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         [url=http://{U_PROFILE}]<font color=#FFFFFF>{L_PROFILE}</span>[/url] -
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         [url=http://{U_PRIVATEMSGS}]<font color=#FFFFFF>Messages Priv&eacute;s</span>[/url] -
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         [url=http://{U_PRIVATEMSGS}]<font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span>[/url] -
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         [url=http://{U_LOGIN_LOGOUT}]<font color=#FFFFFF>{L_LOGIN_LOGOUT}</span>[/url]
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         [url={U_LOGIN_LOGOUT}]<font color=#FFFFFF>{L_LOGIN_LOGOUT}</span>[/url]
         <!-- END switch_user_logged_in -->
         </span>
      </td>
   </tr>
</table>     
<table width="900" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
     <td class="bodyline">

_______________________
"Cette idée, est la pire idée dans la longue et triste histoire des mauvaises idées".


Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 923
Niveau:
Point(s): 924
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mer 23 Aoû 2017 - 11:23    Sujet du message: [Tutoriel] Avertissement vocal pour les nouveaux MP Répondre en citant

Re,

A l'avenir, merci de mettre le contenu de vos templates entre les balises code et non hide. Wink

Pour votre question :
La balise body est fermée dans le template "Overall_footer.tpl" (tout en bas et avant celle du html), ce qui est normal.

Votre problème vient peut-être de cette cause (tout lire pour tout comprendre)

Cordialement
_______________________
Aucune aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Discord - Twitter


Forum
Auteur Message
Jpoglandsteven
Membre


Hors ligne
Membre

Inscrit le: 26 Jan 2014
Messages: 4
Point(s): 4
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin

MessagePosté le: Jeu 24 Aoû 2017 - 01:10    Sujet du message: [Tutoriel] Avertissement vocal pour les nouveaux MP Répondre en citant

Bonsoir RotorMan, oui pardon milles excuses, je ferais plus attention la prochaine fois Smile.

Oui c'est ce qu'il m'a semblé aussi pour la balise body, mais je voulais m'en assurer.

J'ai bien lu tout le sujet et procédé à différents tests (même créer un forum de test), et ça ne fonctionne toujours pas :/.. J'ai même demandé à l'un de mes membres de m'envoyer un message privé pour voir (et réciproquement de mon côté), et rien ne marche, que ce soit sur le thème de test, principal, différente IP, navigateurs, etc.. Rien ne fonctionne :/.

Auriez-vous une solution?

PS : peut-être que je peux placer ce script plus loin et non pas seulement juste après la balise body non?

Merci d'avance de votre réponse.
Cordialement.
_______________________
"Cette idée, est la pire idée dans la longue et triste histoire des mauvaises idées".


Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 923
Niveau:
Point(s): 924
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Jeu 24 Aoû 2017 - 10:42    Sujet du message: [Tutoriel] Avertissement vocal pour les nouveaux MP Répondre en citant

Bonjour Jpoglandsteven,

Comme je vous l'ai dit précédemment, cela peut venir du fait que vos templates ne prennent pas en compte les changements effectués suite à un éventuel "bug" car chez moi le script de notre ami Kyosuke fonctionne très bien.

RotorMan a écrit:
Re,

.....

Votre problème vient peut-être de cette cause (tout lire pour tout comprendre)

Cordialement


Cordialement
_______________________
Aucune aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Discord - Twitter


Forum
Auteur Message
Jpoglandsteven
Membre


Hors ligne
Membre

Inscrit le: 26 Jan 2014
Messages: 4
Point(s): 4
Moyenne: 1,00
Windows Vista ou 7 Internet Explorer Masculin

MessagePosté le: Jeu 24 Aoû 2017 - 21:32    Sujet du message: [Tutoriel] Avertissement vocal pour les nouveaux MP Répondre en citant

Bonsoir RotorMan, ah oui je vois, mais ça date quand même du mois de mars/avril, et le bug n'a toujours pas été résolu? ><"
Si tel est le cas c'est chaud je trouve, car ça prive certains comme moi d'une meilleure utilisation de leur forum... :/
_______________________
"Cette idée, est la pire idée dans la longue et triste histoire des mauvaises idées".


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 07:22    Sujet du message: [Tutoriel] Avertissement vocal pour les nouveaux MP

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 1




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401