Affichage système d'alerte temps réelles !

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Affichage système d'alerte temps réelles !

Message par adrien_69 le Ven 12 Juin 2015 - 21:13

Détails techniques


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

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.passionlachasse.com

Description du problème

Bonjour,

Je viens d'installer le système d'alerte en temps réelles. Néanmoins j'ai un petit soucis d'affichage et je n'arrive pas à comprendre d'où cela vient.

Le texte est tout bizarre et même la petite croix pour fermer ne s'affiche pas correctement ?

Merci de votre aide !

Cordialement, Adrien.


Dernière édition par adrien_69 le Sam 13 Juin 2015 - 11:41, édité 1 fois

adrien_69
****

Masculin
Messages : 234
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par horusbk le Sam 13 Juin 2015 - 0:25

Bonjour^^

Selon moi, ça serait dû à un problème dans votre CSS. Avez-vous modifier le code CSS du tutoriel ?

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Affichage système d'alerte temps réelles !

Message par kiwi14637 le Sam 13 Juin 2015 - 10:23

Bonjour,

Vous avez la malchance d'avoir un vieux forum.
Les vieux forums sont encodés différemment et il peut y avoir des problèmes avec les accents ...
Forumactif dit qu'il ne peut rien faire !
En attendant, vous devez passer par un contournement : http://forum.forumactif.com/t377676-systeme-d-alerte-en-temps-reel

Bonne journée !

kiwi14637
# Tropactif #

Masculin
Messages : 1388
Inscrit(e) le : 19/05/2010

kiwi14637 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par adrien_69 le Sam 13 Juin 2015 - 10:27

Bonjour

normalement j'ai collé le code sans le modifier, le voilà :

Code:
/*---------------- système alerte ----------------*/
 
.realTime_alert{
background:#FDFDFD no-repeat 10px center;
-webkit-background-size:50px;
  -moz-background-size:50px;
    -o-background-size:50px;
        background-size:50px;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 4px rgba(0,0,0,.6);
        box-shadow:0 0 4px rgba(0,0,0,.6);
position:fixed;
top:50px;
right:20px;
min-height:60px;
font-size:13px;
width:200px;
padding:10px 10px 10px 70px;
font-family:Helvetica;
color:#474747;
}
.realTime_alert b{
display:block;
margin-bottom:5px;
font-size:15px;
}
.realTime_alert .close{
position:absolute;
right:10px;
top:5px;
font-size:15px;
-webkit-border-radius:50px;
  -moz-border-radius:50px;
        border-radius:50px;
height:16px;
width:16px;
text-align:center;
line-height:13px;
cursor:pointer;
}
.realTime_alert .close:hover{
color:#FFF;
background:#666;
}
#ebtzd .tooltip{
opacity:0;
position:relative;
overflow:visible;
z-index:100!important;
display:inline-block;
top:5px;
-webkit-transition-duration:500ms;
  -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
        transition-duration:500ms;
background:rgba(0, 0, 0, .8);
padding:10px;
-webkit-border-radius:3px;
  -moz-border-radius:3px;
        border-radius:3px;
font-family:Helvetica;
letter-spacing:1px;
font-size:13px;
width:300px;
color:#fff;
}

Et voilà mon css entier au cas où :

Code:
height:38px; /*Hauteur de l'image*/
}
 
/*---------------- LIENS CATEGORIES ----------------*/
 
a.forumlink:link, a.forumlink:visited {
font-family: Verdana,Arial,Sans Serif;
font-size:14px;
color: #58580e;
display: block;
margin-left:10px;
text-shadow: #58580e 0px 0px 0px;
margin-bottom:-10px;
margin-left: 30px;
font-weight: normal;
letter-spacing:-1px;
  transition: 0s;  /* Temps de déplacement */
-moz-transition: 0s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 0s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 0s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 0s; /* Temps de déplacement (pour une version en particulier */
}
 
/*---------------- Avatar toolbar ----------------*/
 
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
 
/*---------------- Signature max ----------------*/
 
.signature_div img {
max-height:150px;
  max-width:600px;
}
 
/*---------------- fond zone de texte ----------------*/
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://passionlachasse.free.fr/passionlachasse.com/images/zonedetexte.jpg)  right bottom no-repeat !important;}
 
/*---------------- système alerte ----------------*/
 
.realTime_alert{
background:#FDFDFD no-repeat 10px center;
-webkit-background-size:50px;
  -moz-background-size:50px;
    -o-background-size:50px;
        background-size:50px;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 4px rgba(0,0,0,.6);
        box-shadow:0 0 4px rgba(0,0,0,.6);
position:fixed;
top:50px;
right:20px;
min-height:60px;
font-size:13px;
width:200px;
padding:10px 10px 10px 70px;
font-family:Helvetica;
color:#474747;
}
.realTime_alert b{
display:block;
margin-bottom:5px;
font-size:15px;
}
.realTime_alert .close{
position:absolute;
right:10px;
top:5px;
font-size:15px;
-webkit-border-radius:50px;
  -moz-border-radius:50px;
        border-radius:50px;
height:16px;
width:16px;
text-align:center;
line-height:13px;
cursor:pointer;
}
.realTime_alert .close:hover{
color:#FFF;
background:#666;
}
#ebtzd .tooltip{
opacity:0;
position:relative;
overflow:visible;
z-index:100!important;
display:inline-block;
top:5px;
-webkit-transition-duration:500ms;
  -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
        transition-duration:500ms;
background:rgba(0, 0, 0, .8);
padding:10px;
-webkit-border-radius:3px;
  -moz-border-radius:3px;
        border-radius:3px;
font-family:Helvetica;
letter-spacing:1px;
font-size:13px;
width:300px;
color:#fff;
}

merci

cordialement

adrien_69
****

Masculin
Messages : 234
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par kiwi14637 le Sam 13 Juin 2015 - 10:29

(Voir ma réponse plus haut)

kiwi14637
# Tropactif #

Masculin
Messages : 1388
Inscrit(e) le : 19/05/2010

kiwi14637 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par adrien_69 le Sam 13 Juin 2015 - 10:34

Parfait. Je regarde !

Pour l'encodage des accents j'avais déjà trouvé une solution en attendant. Suffit de taper le texte en language html, ça fonctionne. Mais la petite croix de fermeture impossible, je vois qu'il y a la solution dans le sujet, merci !

adrien_69
****

Masculin
Messages : 234
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par kiwi14637 le Sam 13 Juin 2015 - 10:43

@adrien_69 a écrit:Parfait. Je regarde !

Pour l'encodage des accents j'avais déjà trouvé une solution en attendant. Suffit de taper le texte en language html, ça fonctionne. Mais la petite croix de fermeture impossible, je vois qu'il y a la solution dans le sujet, merci !
Oui, les scripts présents dans le sujet donné vont rendre automatique la transformation en langage HTML.

kiwi14637
# Tropactif #

Masculin
Messages : 1388
Inscrit(e) le : 19/05/2010

kiwi14637 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par adrien_69 le Sam 13 Juin 2015 - 10:54

D'abord merci !

adrien_69
****

Masculin
Messages : 234
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par Ea le Sam 13 Juin 2015 - 11:17

Bonjour,


J'ai mis à jour le tutoriel (>lien<) en modifiant la partie "3. Création d'une page HTML" pour régler ce problème.

Donc normalement en remplaçant le contenu de la page html par le nouveau contenu ça devrait être corrigé ^^

Cordialement.


Dernière édition par Ea le Sam 13 Juin 2015 - 11:22, édité 1 fois

Ea
Aidactif
Aidactif

Messages : 23428
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par adrien_69 le Sam 13 Juin 2015 - 11:21

J'essaye toute suite ! Very Happy

adrien_69
****

Masculin
Messages : 234
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par adrien_69 le Sam 13 Juin 2015 - 11:31

C'est ok, ça fonctionne très bien ! Very Happy

Merci, sujet résolu ! Twisted Evil

adrien_69
****

Masculin
Messages : 234
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par Ea le Sam 13 Juin 2015 - 11:47

Chez moi pas de problème avec ces donnéesz reflexion

Une capture d'écran : http://i.imgur.com/IxHJrn7.png

Edit : ok, tant mieux =]

Ea
Aidactif
Aidactif

Messages : 23428
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage système d'alerte temps réelles !

Message par adrien_69 le Sam 13 Juin 2015 - 11:50

J'avais du faire une erreur ! Embarassed

Mais je confirme, c'est nickel, ça marche au top !

Merci à tous !

adrien_69
****

Masculin
Messages : 234
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum