It is currently Mon 26 Sep 2016 - 00:30 - créer un forum

[Tuto] POPUP persistante de notification en DHTML

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 314, 15, 1623, 24, 25  >

[Tuto] POPUP persistante de notification en DHTML
Author Message
Yskander


Joined: 26 Jan 2008
Posts: 1,558

PostPosted: Fri 29 May 2009 - 01:29    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Ecriture réduite
Les couleurs sont adaptées à votre forum Smile
Texte changé
D'autres modifs ?
Forum
Author Message
Alexneldel
Membre


Offline
Membre

Joined: 08 Oct 2008
Posts: 51
Niveau:
Point(s): 51
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Féminin Cancer (21juin-23juil)

PostPosted: Fri 29 May 2009 - 01:31    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Je suis en extase devant une petite fenêtre rose! Non vraiment merci infiniment c'est exactement ca que je voudrais! Ca rend super bien! je vois pas quoi modifier d'autre lol

Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 29 May 2009 - 01:34    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Dans ce cas voilà le template tout corrigé Smile

 
Code: Sélectionner - Agrandir

     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html dir="{S_CONTENT_DIRECTION}">
        <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://img3.xooimage.com/files/5/5/e/appalachia-f23fd8.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 {
         background-color: {T_BODY_BGCOLOR};
         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://img1.xooimage.com/files/5/7/a/sans-titre-7-f23fe8.png);
          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://img10.xooimage.com/files/a/3/6/ta4-f23fd7.jpg);
        }
        td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
           background-image: url(http://img10.xooimage.com/files/4/7/7/tordu8-f23fcd.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://img10.xooimage.com/files/f/o/formie-31188.css");
        -->
        </style>
        <!-- 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 -->
    <script type="text/javascript">

    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 10 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }

    function closebar1(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar1").style.visibility="hidden"
    }

    function staticbar1(){
    barheight=document.getElementById("topbar1").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar1");
    stayTopLeft();
    }

    if (window.addEventListener)
    window.addEventListener("load", staticbar1, false);
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar1);
    else if (document.getElementById)
    (window.onload=staticbar1);

    </script>


    <style type="text/css">
    #topbar1 {
    position:absolute;
    background-image: url('http://img20.xooimage.com/files/7/d/8/7-f239e0-f2cce4.png');
    border : 1px solid #9893C6;
    -moz-border-radius: 12px;
    padding: 4px 0px 14px 0px;
    width: 360px;
    visibility: hidden;
    z-index: 20;
    opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
    }
    </style>

        </head>
        <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

    <!-- IF S_USER_LEVEL == "ANONYMOUS" -->  

    <div align="center" id="topbar1" style="opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
    <span><a href="" onclick="closebar1(); return false">
    <img src="http://img42.xooimage.com/files/1/0/9/close-67f4aa.gif" align="right" border="0">
    </a></span>
    <table border="0" width="100%" style="border-collapse: collapse">
       <tr>
          <td align="center"><span class="mainmenu" style="color:#FFFFFF;">
Bienvenue petit nouveau sur Alexandra-Destiny,<br />
si le forum te plait n'hésite pas &agrave; venir <a href="/profile.php?mode=register">nous rejoindre</a>...<br />
&agrave; tout de suite !</span></td>
       </tr>
    </table></div>

    <!-- ENDIF --> 


        <a name="top"></a>
        <table width="750" cellspacing="0" cellpadding="0" border="0" align="center">
        <tr>
        <td height="85"><center><a href="index.php"><img src=http://img5.xooimage.com/files/e/4/b/7-f239e0.png border="0" width="750" /></center></td>
        </tr>
        </table>
        <table width="750" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img4.xooimage.com/files/e/1/f/tordu8-f23fc9.jpg" />
         <tr>
          <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
           <a href="{U_INDEX}" class="mainmenu"><font color=#FFFFFF>Index<font></a> - <a href="{U_FAQ}" class="mainmenu"><font color=#FFFFFF>{L_FAQ}</font></a> - <a href="{U_SEARCH}" class="mainmenu"><font color=#FFFFFF>{L_SEARCH}</font></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=#FFFFFF>Membres</font></a> - <a href="{U_GROUP_CP}" class="mainmenu"><font color=#FFFFFF>Groupes</font></a> -
           <!-- BEGIN switch_user_logged_out -->
           <a href="{U_REGISTER}" class="mainmenu"><font color=#FFFFFF>{L_REGISTER}</span></a> -
           <!-- END switch_user_logged_out -->
           <!-- BEGIN switch_user_logged_in -->
           <a href="{U_PROFILE}" class="mainmenu"><font color=#FFFFFF>{L_PROFILE}</span></a> -
           <!-- END switch_user_logged_in -->
           <!-- BEGIN switch_user_logged_out -->
           <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>Messages Priv&eacute;s</span></a> -
           <!-- END switch_user_logged_out -->
           <!-- BEGIN switch_user_logged_in -->
           <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span></a> -
           <!-- END switch_user_logged_in -->
           <!-- BEGIN switch_user_logged_out -->
           <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
           <!-- END switch_user_logged_out -->
           <!-- BEGIN switch_user_logged_in -->
           <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
           <!-- END switch_user_logged_in -->
           </span>
          </td>
         </tr>
        </table>   
        <table width="750" cellspacing="0" cellpadding="10" border="0" align="center">
         <tr>
           <td class="bodyline"> 







Petite note sur le design
: La fenêtre évolue bien sur par rapport à votre design... sauf pour l'image de fond du petit bloc bien sur
Cette dernière se trouve ici :


 
Code: Sélectionner - Agrandir
<style type="text/css">
     #topbar1 {
     position:absolute;
     background-image: url('http://img20.xooimage.com/files/7/d/8/7-f239e0-f2cce4.png');
     border : 1px solid #9893C6;
     -moz-border-radius: 12px;
     padding: 4px 0px 14px 0px;
     width: 360px;
     visibility: hidden;
     z-index: 20;
     opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
     }
     </style> 
Si vous voulez la changer, il vous suffit de modifier l'url : http://img.xooimage.com/files20/7/d/8/7-f239e0-f2cce4.png

Wink
Bonne continuation


    
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Alexneldel
Membre


Offline
Membre

Joined: 08 Oct 2008
Posts: 51
Niveau:
Point(s): 51
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Féminin Cancer (21juin-23juil)

PostPosted: Fri 29 May 2009 - 01:38    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Merci et voila le travail!

http://alexandra-destiny.xooit.com

Alors ca rend bien je trouve Smile et vous?Merci encore pour l'image je modifierais donc pour le prochain Design Smile je pourrais faire appel a votre aide pour mon autre forum sur xooit? enfin il faut dabord que je paufine mon design lol et ensuite ce serait pas mal d'avoir ca aussi mais j'ai peur de faire tout a l'envers :s MERCI MILLES FOIS


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 29 May 2009 - 01:39    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

C'est parfait Smile
Il est vrai que ce tuto est une merveille
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Alexneldel
Membre


Offline
Membre

Joined: 08 Oct 2008
Posts: 51
Niveau:
Point(s): 51
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Féminin Cancer (21juin-23juil)

PostPosted: Fri 29 May 2009 - 01:41    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Oh oui alors Smile merci encore vous etes vous aussi une merveille! Razz

Forum
Author Message
Entech


Offline
Guest




PostPosted: Fri 29 May 2009 - 12:06    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Moi la fenêtre des nouveaux mp s'affiche deux fois



Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 29 May 2009 - 13:04    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour
Qu'avez vous mis dans votre overall header.tpl ?
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Alexneldel
Membre


Offline
Membre

Joined: 08 Oct 2008
Posts: 51
Niveau:
Point(s): 51
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Féminin Cancer (21juin-23juil)

PostPosted: Fri 29 May 2009 - 15:30    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour Yskaner, je voudrais la même chose sur un autre site, le template est celui-ci.

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<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://img1.xooimage.com/files/7/3/6/appalachia-f2fcd8.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 {
 background-color: {T_BODY_BGCOLOR};
 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://img2.xooimage.com/files/2/f/e/onlign-f2fcb8.png);
  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://img10.xooimage.com/files/e/7/0/sans-titre-10-f2fcd7.png);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img4.xooimage.com/files/1/d/2/onlign-f2fc7b.png);
   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://img10.xooimage.com/files/f/o/formie-31188.css");
-->
</style>
<!-- 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 -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center">
 <tr>
  <td height="85"><a href="{U_INDEX}"><img src=http://img3.xooimage.com/files/8/c/b/090501060504876961-f2fc87.png border="0" /></td>
 </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img9.xooimage.com/files/6/f/b/onlign-f2fc66.png" />
 <tr>
  <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
   <a href="{U_INDEX}" class="mainmenu"><font color=#FFFFFF>Index<font></a> - <a href="{U_FAQ}" class="mainmenu"><font color=#FFFFFF>{L_FAQ}</font></a> - <a href="{U_SEARCH}" class="mainmenu"><font color=#FFFFFF>{L_SEARCH}</font></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=#FFFFFF>Membres</font></a> - <a href="{U_GROUP_CP}" class="mainmenu"><font color=#FFFFFF>Groupes</font></a> -
   <!-- BEGIN switch_user_logged_out -->
   <a href="{U_REGISTER}" class="mainmenu"><font color=#FFFFFF>{L_REGISTER}</span></a> -
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   <a href="{U_PROFILE}" class="mainmenu"><font color=#FFFFFF>{L_PROFILE}</span></a> -
   <!-- END switch_user_logged_in -->
   <!-- BEGIN switch_user_logged_out -->
   <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>Messages Priv&eacute;s</span></a> -
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span></a> -
   <!-- END switch_user_logged_in -->
   <!-- BEGIN switch_user_logged_out -->
   <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
   <!-- END switch_user_logged_in -->
   </span>
  </td>
 </tr>
</table>     
<table width="760" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
   <td class="bodyline">

 


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 29 May 2009 - 15:38    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Et voila : http://yskander9.xooit.fr/index.php

Voici le template corrigé


   
 
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html dir="{S_CONTENT_DIRECTION}">
        <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://img1.xooimage.com/files/7/3/6/appalachia-f2fcd8.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 {
         background-color: {T_BODY_BGCOLOR};
         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://img2.xooimage.com/files/2/f/e/onlign-f2fcb8.png);
          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://img10.xooimage.com/files/e/7/0/sans-titre-10-f2fcd7.png);
        }
        td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
           background-image: url(http://img4.xooimage.com/files/1/d/2/onlign-f2fc7b.png);
           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://img10.xooimage.com/files/f/o/formie-31188.css");
        -->
        </style>
        <!-- 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 -->

    <script type="text/javascript">

    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 10 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }

    function closebar1(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar1").style.visibility="hidden"
    }

    function staticbar1(){
    barheight=document.getElementById("topbar1").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar1");
    stayTopLeft();
    }

    if (window.addEventListener)
    window.addEventListener("load", staticbar1, false);
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar1);
    else if (document.getElementById)
    (window.onload=staticbar1);

    </script>

    <style type="text/css">
    #topbar1 {
    position:absolute;
    background-image: url('http://img26.xooimage.com/files/5/5/1/090501060504876961-f2fc87-f3021d.png');
    border : 1px solid #9893C6;
    -moz-border-radius: 12px;
    padding: 4px 0px 14px 0px;
    width: 360px;
    visibility: hidden;
    z-index: 20;
    opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
    }
    </style>

        </head>
        <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<!-- IF S_USER_LEVEL == "ANONYMOUS" --> 

    <div align="center" id="topbar1" style="opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
    <span><a href="" onclick="closebar1(); return false">
    <img src="http://img42.xooimage.com/files/1/0/9/close-67f4aa.gif" align="right" border="0">
    </a></span>
    <table border="0" width="100%" style="border-collapse: collapse">
       <tr>
          <td align="center"><span class="mainmenu" style="color:#FFFFFF;">
Bienvenue petit nouveau sur Manuel-Destiny,<br />
si le forum te plait n'hésite pas &agrave; venir <a href="/profile.php?mode=register">nous rejoindre</a>...<br />
&agrave; tout de suite !</span></td>
       </tr>
    </table></div>

    <!-- ENDIF --> 

        <a name="top"></a>
        <table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center">
         <tr>
          <td height="85"><a href="{U_INDEX}"><img src=http://img3.xooimage.com/files/8/c/b/090501060504876961-f2fc87.png border="0" width="758" /></td>
         </tr>
        </table>
        <table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img9.xooimage.com/files/6/f/b/onlign-f2fc66.png" />
         <tr>
          <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
           <a href="{U_INDEX}" class="mainmenu"><font color=#FFFFFF>Index<font></a> - <a href="{U_FAQ}" class="mainmenu"><font color=#FFFFFF>{L_FAQ}</font></a> - <a href="{U_SEARCH}" class="mainmenu"><font color=#FFFFFF>{L_SEARCH}</font></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=#FFFFFF>Membres</font></a> - <a href="{U_GROUP_CP}" class="mainmenu"><font color=#FFFFFF>Groupes</font></a> -
           <!-- BEGIN switch_user_logged_out -->
           <a href="{U_REGISTER}" class="mainmenu"><font color=#FFFFFF>{L_REGISTER}</span></a> -
           <!-- END switch_user_logged_out -->
           <!-- BEGIN switch_user_logged_in -->
           <a href="{U_PROFILE}" class="mainmenu"><font color=#FFFFFF>{L_PROFILE}</span></a> -
           <!-- END switch_user_logged_in -->
           <!-- BEGIN switch_user_logged_out -->
           <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>Messages Priv&eacute;s</span></a> -
           <!-- END switch_user_logged_out -->
           <!-- BEGIN switch_user_logged_in -->
           <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span></a> -
           <!-- END switch_user_logged_in -->
           <!-- BEGIN switch_user_logged_out -->
           <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
           <!-- END switch_user_logged_out -->
           <!-- BEGIN switch_user_logged_in -->
           <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
           <!-- END switch_user_logged_in -->
           </span>
          </td>
         </tr>
        </table>    
        <table width="760" cellspacing="0" cellpadding="10" border="0" align="center">
         <tr>
           <td class="bodyline">  
J'ai fais comme pour votre autre forum
Vous connaissez le principe maintenant... tout change sauf l'image de fond qui comme pour l'autre se trouve au même endroit
Wink
Bonne continuation
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Alexneldel
Membre


Offline
Membre

Joined: 08 Oct 2008
Posts: 51
Niveau:
Point(s): 51
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Féminin Cancer (21juin-23juil)

PostPosted: Fri 29 May 2009 - 15:39    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Oui je commence a me familiariser avec les codages lol mais je commence seulement merci encore

Forum
Author Message
Entech


Offline
Guest




PostPosted: Fri 29 May 2009 - 18:08    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Voici le code :


 
Code: Sélectionner - Agrandir
 <script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 10 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar2(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar2").style.visibility="hidden"
}

function staticbar2(){
barheight=document.getElementById("topbar2").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar2");
stayTopLeft();
}

for (i=1; i<100; i++) {
var alerte = "{PRIVATE_MESSAGE_INFO}";
if ( alerte == "Vous avez "+i+" nouveaux messages" || alerte == "Vous avez 1 nouveau message" || alerte == "You have "+i+" new messages" || alerte == "You have 1 new message" )
{
if (window.addEventListener)
window.addEventListener("load", staticbar2, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar2)
else if (document.getElementById)
window.onload=staticbar2
}
}
</script>
    <style type="text/css">
    #topbar2 {
    position:absolute;
    visibility: hidden;
    width: 300px;
    z-index: 20;
    padding: 4px 4px 4px 4px;
    background-color : #eaedf4;
    border : 1px solid #9893C6;
    -moz-border-radius: 12px;
    opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
    }
    </style>


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 29 May 2009 - 18:16    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Ca c'est le code du tuto Smile
Ce qu'il me faut c'est votre overall header.tpl complet
Car l'erreur est probablement ailleurs
De plus essayez de voir si sans votre module "ca bouge sur le forum" cela ne le fait pas
Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Entech


Offline
Guest




PostPosted: Fri 29 May 2009 - 18:26    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Ah d'accord, le voici alors :


 
Code: Sélectionner - Agrandir
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta name="author" content="Entech" />
<meta name="identifier-url" content="http://www.parolim.fr" />
<meta name="copyright" content="Parolim publicité et services" />
<meta name="subject" content="Publicité services gratuits" />
<meta name="Date-creation-ddmmyyyy" content="03052009" />
<meta name="Date-Revision-ddmmyyyy" content="27052009" />
<meta name="Ranking" content="General" />
<meta name="Content-Language" content="fr" />
<meta name="abstract" content="Forum de publicité, de services gratuits aux webmasters." />
<meta name="description" content="Forum de publicité gratuite pour webmaster, de services comme analyse de forums ou de sites, créations graphiques, annonces de recherches d'équipe, demande de conseils... Tout est gratuit sur ici.." />
<meta name="Classification" content="publicité, webmaster, gratuit, services" />
<meta name="keywords" content="webmasters, webmaster, gratuit, gratis, gratos, pub, publicité, publisite, boutique, services, service, analyse, analyses, rank, détente, communauté" />
<meta name="dc.keywords" content="webmasters, webmaster, gratuit, gratis, gratos, pub, publicité, publisite, boutique, services, service, analyse, analyses, rank, détente, communauté, administrateur, forum, modérateur, correcteur, analyste, graphiste, admin" />
<meta name="revisit-after" content="1 days" />
<meta name="robots" content="index, follow" />

<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{NAV_LINKS}
<title>{SITENAME} ~ {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img3.xooimage.com/files/o/n/onyx-906af.css" type="text/css" -->
<style type="text/css">
<!--
/*
  onyx Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  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 {
    
    background-image: url(http://img4.xooimage.com/files/c/e/e/sans-titre-1-f1d4de.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #444444;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color:  #444444;
    scrollbar-3dlight-color: #333333;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #222222;
}

/* 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: none; 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: ""; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TH_COLOR1}; 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://img6.xooimage.com/files/b/a/back_catd-758c2.gif);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img9.xooimage.com/files/b/a/back_title-758bb.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img6.xooimage.com/files/b/a/back_catg-758be.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: 25px;
}
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: 18px; 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: none; }

/* 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: none; 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: none; }

/* 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: none; 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: none; }

/* 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: none; 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: none; 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_TH_COLOR1}; 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_TH_COLOR1}; 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_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    color : {T_FONTCOLOR3};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_FONTCOLOR1};
}

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

input { text-indent : 2px;
        background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR2};
    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://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 10 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar2(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar2").style.visibility="hidden"
}

function staticbar2(){
barheight=document.getElementById("topbar2").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar2");
stayTopLeft();
}

for (i=1; i<100; i++) {
var alerte = "{PRIVATE_MESSAGE_INFO}";
if ( alerte == "Vous avez "+i+" nouveaux messages" || alerte == "Vous avez 1 nouveau message" || alerte == "You have "+i+" new messages" || alerte == "You have 1 new message" )
{
if (window.addEventListener)
window.addEventListener("load", staticbar2, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar2)
else if (document.getElementById)
window.onload=staticbar2
}
}
</script>
    <style type="text/css">
    #topbar2 {
    position:absolute;
    visibility: hidden;
    width: 300px;
    z-index: 20;
    padding: 4px 4px 4px 4px;
    background-color : #eaedf4;
    border : 1px solid #9893C6;
    -moz-border-radius: 12px;
    opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
    }
    </style>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
    <!-- BEGIN switch_user_logged_in -->
    <div align="center" id="topbar2">
    <span><a href="" onclick="closebar2(); return false">
    <img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" align="right" border="0">
    </a></span>
    <span style="color:#3253A4;"><b><a href="{U_PRIVATEMSGS}" class="gen" align="center"><img src="http://img5.xooimage.com/files/f/1/e/email2-1ca94a.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" align="bottom">
     {PRIVATE_MESSAGE_INFO}</a></b></span><br /></div>
    <!-- END switch_user_logged_in -->
<a name="top"></a>

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
    <tr>
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img9.xooimage.com/files/4/0/e/27940_b_parolim-f14bd5.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                </tr><tr>
                <td align="center" width="100%" valign="middle"><span class="maintitle"></span><span class="gen"></span>
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img2.xooimage.com/files/6/e/c/sans-titre-1-f11e58.png"  border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img10.xooimage.com/files/4/c/c/sans-titre-1-f11e3a.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img4.xooimage.com/files/0/5/2/sans-titre-1-f11e6d.png"  border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img9.xooimage.com/files/1/1/8/sans-titre-1-f11e90.png"  border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/6/a/2/sans-titre-1-f11edc.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/c/3/0/sans-titre-1-f11f9a.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img2.xooimage.com/files/6/e/c/sans-titre-1-f11e58.png"  border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img1.xooimage.com/files/5/b/b/sans-titre-1-f11f81.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_login-906b8.jpg"  border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

        <br />




Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 29 May 2009 - 18:33    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Pas de soucis dans le code
Cela vient probablement du module "ca bouge sur le forum"
Essayez de le supprimer temporairement et envoyez vous un message pour voir si le phénomène se reproduit
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Entech


Offline
Guest




PostPosted: Fri 29 May 2009 - 18:37    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Le problème vient bien de l'iframe "Ca bouge sur le forum" :s

Author Message
Contenu Sponsorisé





PostPosted: Today at 00:30    Post subject: [Tuto] POPUP persistante de notification en DHTML

Display posts from previous:   
Reply to topic Page 15 of 25 Goto page: <  1, 2, 314, 15, 1623, 24, 25  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401