It is currently Tue 27 Sep 2016 - 00:26 - créer un forum

[Tuto] POPUP persistante de notification en DHTML

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 321, 22, 23, 24, 25  >

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


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Sat 31 Oct 2009 - 19:48    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

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

il suffit de rajouter les codes indiqué dans le tuto avant

Code: Sélectionner - Agrandir
</head>
Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 31 Oct 2009 - 19:52    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

vous pouvez me le faire svp ? je veux pas me tromper ! Smile
merci


Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 31 Oct 2009 - 19:52    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

vous pouvez me le faire svp ,maintenant que vous avez mon template Smile svp ? j'ai peur de me tromper ! Embarassed

PS: excusez moi du double post ca a beugué !


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 31 Oct 2009 - 19:55    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

mets ça
Code: Sélectionner - Agrandir


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html dir="{S_CONTENT_DIRECTION}">
    <head><meta name="author" content="igon" />
    <meta name="identifier-url" content="http://astuces-brico.xooit.com" />
    <meta name="copyright" content="astuces-brico" />
    <meta name="subject" content="bricolage" />
    <meta name="Ranking" content="General" />
    <meta name="Content-Language" content="france" />
    <meta name="abstract" content="bienvenue sur le forum du bricolage pour tous ! " />
    <meta name="description" content="Bienvenue sur le forum ASTUCES-BRICO pour tous ! de nombreuses rubriques sont présentes afin de favoriser l'échange entre les membres !!à trés bientôt" />
    <meta name="Classification" content="bricolage,outils,materiel,travaux" />
    <meta name="keywords" content="bricolage,materiel,outils" />
    <meta name="revisit-after" content="7 days" />
    <meta name="robots" content="index, follow" />

    <meta name="google-site-verification" content="Ag6k6TA_mVpK9Tnl4WFrGtuQVgqs4ZFzA7OoFO8rBJ0" />
    <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/i/m/images-249d7" type="text/css" -->
    <style type="text/css">
    <!--
    /*
      CSS settings for aallixSilver... aallix.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-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://img9.xooimage.com/files/c/e/cellpic2-30de9.jpg);
        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/c/e/cellpic3-30dea.gif);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
          background-image: url(http://img9.xooimage.com/files/c/e/cellpic3-30dea.gif);
          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_FONTCOLOR1}; 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_FONTCOLOR1}; 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://img4.xooimage.com/files/f/o/formie-30deb.css");
    -->

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

    </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">

    /****************************************************
    *          DOM Image rollover:
    *    by Chris Poole
    *    http://chrispoole.com
    *               Script featured on http://www.dynamicdrive.com
    *    Keep this notice intact to use it :-)
    ****************************************************/

    function init() {
      if (!document.getElementById) return
      var imgOriginSrc;
      var imgTemp = new Array();
      var imgarr = document.getElementsByTagName('img');
      for (var i = 0; i < imgarr.length; i++) {
        if (imgarr[i].getAttribute('hsrc')) {
            imgTemp[i] = new Image();
            imgTemp[i].src = imgarr[i].getAttribute('hsrc');
            imgarr[i].onmouseover = function() {
                imgOriginSrc = this.getAttribute('src');
                this.setAttribute('src',this.getAttribute('hsrc'))
            }
            imgarr[i].onmouseout = function() {
                this.setAttribute('src',imgOriginSrc)
            }
        }
      }
    }
    onload=init;

    </script>

    <STYLE TYPE="text/css">
    <!--
    #dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
    //-->
    </STYLE>

    <script language="JavaScript">
    <!--
    function hideLoadingPage() {
      if (document.getElementById) {  // DOM3 = IE5, NS6
        document.getElementById('hidepage').style.visibility = 'hidden';
      }
      else {
        if (document.layers) {  // Netscape 4
          document.hidepage.visibility = 'hidden';
        }
        else {  // IE 4
          document.all.hidepage.style.visibility = 'hidden';
        }
      }
    }
    //  End -->
    </script>
    <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-color : #eaedf4;
    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>

    <!-- marginheight="0" leftmargin="0" topmargin="0" -->

    <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" marginheight="0" leftmargin="0" topmargin="0" onload="hideLoadingPage()" />
    <!-- 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://www.somec.fr/media/client/vprod/v_boite-outils-bt-11-facom.jpg" align="right" border="0">
        </a></span>
        <table border="0" width="100%" style="border-collapse: collapse">
           <tr>
              <td align="left" width="300"><img src="http://upload.wikimedia.org/wikipedia/commons/0/02/Panneau_travaux.png" border="0"></td>
              <td align="center"><span style="color:#3253A4;"><b> Bienvenue visiteur sur le Forum Astuces-Brico <br />
        Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
         ou vous <a href="/login.php">connecter</a></b></span></td>
    <td width="300">&nbsp;</td>
           </tr>
        </table></div>

    <!-- ENDIF -->
    <div id="hidepage" style="position: absolute; left:0px; top:0px; background-color: {T_BODY_BGCOLOR}; layer-background-color: {T_BODY_BGCOLOR}; height: 100%; width: 100%;">

    <table width="100%" height="100%">
      <tr>
      <td align="center" valign="middle">
        <table width="50%" align="center" style="border: 1 {T_BODY_LINK} solid">
          <tr>
          <td align="center" class="row1"><span class="genmed"><br /><b>Page Loading... please wait!</b><p><img src="http://img4.xooimage.com/files/l/o/loading-30def.gif"><p>The page still does not show? Click <a href="javascript:hideLoadingPage()">here</a><br />&nbsp;</span></td>
          </tr>
        </table>
      </td>
      </tr>
    </table>

    </div>

    <a name="top"></a>

    <table width="100%" cellpadding="5" cellspacing="1" border="0">
    <tr><td>

    <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
             
    <tr> <td class="catHead" height="28"><span class="cattitle"><center>
    <a href="{U_INDEX}">{L_INDEX}</a> ::
    <a href="{U_FAQ}">{L_FAQ}</a> ::
    <a href="{U_SEARCH}">{L_SEARCH}</a>
    </span>
    </td></tr>
     
    <tr><td class="row1" align="center">

    <a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_members-30df0.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp;
    <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_groups-30df1.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>

    <span class="mainmenu"> &nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-30df2.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp;
    <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_message-30df3.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp;
    <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_login-30df4.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span>
    <!-- BEGIN switch_user_logged_out -->
                      &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_register-39acd.gif" border="0" alt="{L_REGISTER}" hspace="3" /><b>{L_REGISTER}</b></a></span>&nbsp;
                      <!-- END switch_user_logged_out -->
    </td></tr></table><br>


       <body>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var today=new Date();
    var heure="";
    function messagevariable() {
    var time=today.getHours();
    heure=""
    if(time>=6 && time< 8)
    heure="c'est l'heure du réveil !"
    if(time>=8 && time<12)
    heure="bonne matinée !"
    if(time>=12 && time<13)
    heure="bon appétit  !"
    if(time>=13 && time<17)
    heure="Bon apres-midi !"
    if(time>=17 && time<22)
    heure="Bonsoir !"
    if(time>=22 || time<6)
    heure="Bonne nuit à tous !"
    }
    // --></SCRIPT>
    <span style="font-weight:bold;"><SCRIPT LANGUAGE="JavaScript">
    <!--
    messagevariable();
    document.writeln(heure)
    // -->
    </SCRIPT></span>
    </body>

        <!-- DEBUT DU SCRIPT -->
        <style type="text/css">
        .ejs_context_menuitems{padding-left:12px; padding-right:7px; }
        </style><script language="JavaScript1.2">
        /*
        Source du Script: Editeur Javascript (http://editeurjavascript.com)
        Script adapté pour: Xooit.com (http://www.xooit.com)
        */
        ejs_context_elemt = new Array;
        ejs_context_elemt[0] = "Page précédente|history.go(-1)";
        ejs_context_elemt[1] = "Page suivante|history.go(1)";
        ejs_context_elemt[2] = "";
        ejs_context_elemt[3] = 'Portail du forum|document.location.href=\'portal.php\'';
        ejs_context_elemt[4] = 'Index du forum|document.location.href=\'index.php\'';
        ejs_context_elemt[5] = 'Aide Générale|document.location.href=\'faq.php\'';
        ejs_context_elemt[6] = 'Aide BBCode|document.location.href=\'faq.php?mode=bbcode\'';
        ejs_context_elemt[7] = "";
        ejs_context_elemt[8] = 'Connexion|document.location.href=\'login.php\'';
        ejs_context_elemt[9] = 'Inscription|document.location.href=\'profile.php?mode=register\'';
        ejs_context_elemt[10] = 'Mon Profil|document.location.href=\'profile.php?mode=editprofile\'';
        ejs_context_elemt[11] = 'Messages Privés|document.location.href=\'privmsg.php?folder=inbox\'';
        ejs_context_elemt[12] = "";
        ejs_context_elemt[13] = 'Rechercher|document.location.href=\'search.php\'';
        ejs_context_elemt[14] = 'Liste des Membres|document.location.href=\'memberlist.php\'';
        ejs_context_elemt[15] = 'Liste des Groupes|document.location.href=\'groupcp.php\'';
        ejs_context_elemt[16] = '';
        ejs_context_elemt[17] = 'Qui est en ligne?|document.location.href=\'viewonline.php\'';
        ejs_context_elemt[18] = 'Statistiques|document.location.href=\'stats.php\'';
        ejs_context_elemt[19] = 'Top 10 des Posteurs|document.location.href=\'memberlist.php?mode=topten&order=DESC\'';
        ejs_context_elemt[20] = 'Top 50 des Posteurs|document.location.href=\'memberlist.php?mode=posts&order=DESC\'';
        ejs_context_elemt[21] = '';
        ejs_context_elemt[22] = 'Xooit.com|document.location.href=\'http://www.xooit.com/\'';
        ejs_context_elemt[23] = 'Créer un forum|document.location.href=\'http://www.xooit.com/fr/creer-forum.html?\'';
        ejs_context_elemt[24] = 'Forum d\'entraide|document.location.href=\'http://xooit.xooit.com\'';
        ejs_context_elemt[25] = 'Annuaire|document.location.href=\'http://www.xooit.com/fr/annuaire\'';
        ejs_context_elemt[26] = 'Contacter Xooit.com|document.location.href=\'http://www.xooit.com/fr/contact.html\'';
        function ejs_context_position(e)
           {
           ejs_context_x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
           ejs_context_y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
           }

        function ejs_context_open()
           {
           document.getElementById("ejs_context_box").style.top = ejs_context_y;
           document.getElementById("ejs_context_box").style.left = ejs_context_x;
           document.getElementById("ejs_context_ombre").style.top = ejs_context_y+2;
           document.getElementById("ejs_context_ombre").style.left = ejs_context_x+2;
           document.getElementById("ejs_context_box").style.visibility = "visible";
           document.getElementById("ejs_context_ombre").style.visibility = "visible";
           return(false);
           }

        function ejs_context_close()
           {
           if (document.getElementById)
              {
              document.getElementById("ejs_context_box").style.top = 0;
              document.getElementById("ejs_context_box").style.left = 0;
              document.getElementById("ejs_context_ombre").style.top = 0;
              document.getElementById("ejs_context_ombre").style.left = 0;
              document.getElementById("ejs_context_box").style.visibility = "hidden";
              document.getElementById("ejs_context_ombre").style.visibility = "hidden";
              }
           }

        function ejs_context_hl(mode, element)
           {
           if(mode == 1)
              {
              element.style.background = '#316AC5';
              element.style.color = '#ffffff';
              }
           else
              {
              element.style.background ='#ffffff';
              element.style.color = '#000000';
              }
           }

        if(navigator.appName.substring(0,3) == "Net")
           document.captureEvents(Event.MOUSEMOVE);
        </script>
        <!-- FIN DU SCRIPT -->

        <!-- DEBUT DU SCRIPT -->
        <div id=ejs_context_box style="z-index:500;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#ffffff; font-family:Microsoft sans serif; font-size:13px; cursor:default; visibility:hidden;padding:3">
        <script language="JavaScript">
        /*
        Source du Script: Editeur Javascript (http://editeurjavascript.com)
        Script adapté pour: Xooit.com (http://www.xooit.com)
        */
        ejs_context_ombre_txt = '';
        for(a=0;a<ejs_context_elemt.length;a++)
           {
           if(ejs_context_elemt[a].indexOf("|") > 0)
              {
              splited = new Array;
              splited = ejs_context_elemt[a].split("|");
              document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)">'+splited[0]+'</div>');
              ejs_context_ombre_txt += '<div class="ejs_context_menuitems">'+splited[0]+'</div>';
              }
           else
              {
              document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)"><hr width="195" size="1" color="9D9DA1" /></div>');
              ejs_context_ombre_txt += '<div class="ejs_context_menuitems"><hr width="195" size="1" color="9D9DA1" /></div>';
              }
           }
        document.write('</div><div id=ejs_context_ombre style="z-index:400;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#9D9DA1; font-family:Microsoft sans serif; font-size:12px; color:#9D9DA1 ;cursor:default; visibility:hidden;padding:3">'+ejs_context_ombre_txt+'</div>');

        // EVENEMENTS
        document.onmousemove = ejs_context_position;
        document.oncontextmenu = ejs_context_open;
        document.onclick = ejs_context_close;
        </script>
        <!-- FIN DU SCRIPT -->

_______________________


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 31 Oct 2009 - 20:05    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Je ne sais pas comment vous remercier .merci beaucoup

Author Message
belline


Offline
Guest




PostPosted: Thu 3 Dec 2009 - 19:15    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

kikou bon moi je trouve ni le </head> ni body lol j'ai beau parcourir en large en travers trouve pas  undecided

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 3 Dec 2009 - 19:18    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour
ici

Code: Sélectionner - Agrandir
</style>

<link rel="shortcut icon" href="http://img41.imageshack.us/img41/9721/1257329637.png">
<!-- ]]>"')}*/ //--><!--</script>--><!--//--><script type="text/javascript" src="http://img3.xooimage.com/files/5/9/0/common-10e272e.js?2_20081210"></script></head>

<body bgcolor="#FFFFFF" text="#090909" link="#0A0A0A" vlink="#020002">
<a name="top"></a>

_______________________


Forum
Author Message
belline


Offline
Guest




PostPosted: Thu 3 Dec 2009 - 19:25    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

oualalalalalla mais c'est en bas au milieu en haut  Crying or Very sad Crying or Very sad Crying or Very sad car vraiment je vois pas 

Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 12 Dec 2009 - 15:22    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Rebonjour à tous !! j'ai refais mon template, et je veux remettre le code que vous m'avez donner auparavant  .
où faut-il que je le remette ? je ne m'en souviens plus Smile

Code: Sélectionner - Agrandir

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html dir="{S_CONTENT_DIRECTION}">
    <head><meta name="author" content="igon" />
    <meta name="identifier-url" content="http://astuces-brico.xooit.com" />
    <meta name="copyright" content="astuces-brico" />
    <meta name="subject" content="bricolage" />
    <meta name="Ranking" content="General" />
    <meta name="Content-Language" content="france" />
    <meta name="abstract" content="bienvenue sur le forum du bricolage pour tous ! " />
    <meta name="description" content="Bienvenue sur le forum ASTUCES-BRICO pour tous ! de nombreuses rubriques sont présentes afin de favoriser l'échange entre les membres !!à trés bientôt" />
    <meta name="Classification" content="bricolage,outils,materiel,travaux" />
    <meta name="keywords" content="bricolage,materiel,outils" />
    <meta name="revisit-after" content="7 days" />
    <meta name="robots" content="index, follow" />

    <meta name="google-site-verification" content="Ag6k6TA_mVpK9Tnl4WFrGtuQVgqs4ZFzA7OoFO8rBJ0" />
    <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/i/m/images-249d7" type="text/css" -->
    <style type="text/css">
    <!--
    /*
      CSS settings for aallixSilver... aallix.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-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://img9.xooimage.com/files/c/e/cellpic2-30de9.jpg);
        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/c/e/cellpic3-30dea.gif);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
          background-image: url(http://img9.xooimage.com/files/c/e/cellpic3-30dea.gif);
          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_FONTCOLOR1}; 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_FONTCOLOR1}; 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://img4.xooimage.com/files/f/o/formie-30deb.css");
    -->

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

    </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">

    /****************************************************
    *          DOM Image rollover:
    *    by Chris Poole
    *    http://chrispoole.com
    *               Script featured on http://www.dynamicdrive.com
    *    Keep this notice intact to use it :-)
    ****************************************************/

    function init() {
      if (!document.getElementById) return
      var imgOriginSrc;
      var imgTemp = new Array();
      var imgarr = document.getElementsByTagName('img');
      for (var i = 0; i < imgarr.length; i++) {
        if (imgarr[i].getAttribute('hsrc')) {
            imgTemp[i] = new Image();
            imgTemp[i].src = imgarr[i].getAttribute('hsrc');
            imgarr[i].onmouseover = function() {
                imgOriginSrc = this.getAttribute('src');
                this.setAttribute('src',this.getAttribute('hsrc'))
            }
            imgarr[i].onmouseout = function() {
                this.setAttribute('src',imgOriginSrc)
            }
        }
      }
    }
    onload=init;

    </script>

    <STYLE TYPE="text/css">
    <!--
    #dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
    //-->
    </STYLE>

    <script language="JavaScript">
    <!--
    function hideLoadingPage() {
      if (document.getElementById) {  // DOM3 = IE5, NS6
        document.getElementById('hidepage').style.visibility = 'hidden';
      }
      else {
        if (document.layers) {  // Netscape 4
          document.hidepage.visibility = 'hidden';
        }
        else {  // IE 4
          document.all.hidepage.style.visibility = 'hidden';
        }
      }
    }
    //  End -->
    </script>
    <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-color : #eaedf4;
    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>

    <!-- marginheight="0" leftmargin="0" topmargin="0" -->

    <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" marginheight="0" leftmargin="0" topmargin="0" onload="hideLoadingPage()" />
    <!-- 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://www.somec.fr/media/client/vprod/v_boite-outils-bt-11-facom.jpg" align="right" border="0">
        </a></span>
        <table border="0" width="100%" style="border-collapse: collapse">
           <tr>
              <td align="left" width="300"><img src="http://upload.wikimedia.org/wikipedia/commons/0/02/Panneau_travaux.png" border="0"></td>
              <td align="center"><span style="color:#3253A4;"><b> Bienvenue visiteur sur le Forum Astuces-Brico <br />
        Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
         ou vous <a href="/login.php">connecter</a></b></span></td>
    <td width="300">&nbsp;</td>
           </tr>
        </table></div>

    <!-- ENDIF --> 
    <div id="hidepage" style="position: absolute; left:0px; top:0px; background-color: {T_BODY_BGCOLOR}; layer-background-color: {T_BODY_BGCOLOR}; height: 100%; width: 100%;">

    <table width="100%" height="100%">
      <tr>
      <td align="center" valign="middle">
        <table width="50%" align="center" style="border: 1 {T_BODY_LINK} solid">
          <tr>
          <td align="center" class="row1"><span class="genmed"><br /><b>Page Loading... please wait!</b><p><img src="http://img4.xooimage.com/files/l/o/loading-30def.gif"><p>The page still does not show? Click <a href="javascript:hideLoadingPage()">here</a><br />&nbsp;</span></td>
          </tr>
        </table>
      </td>
      </tr>
    </table>

    </div>

    <a name="top"></a>

    <table width="100%" cellpadding="5" cellspacing="1" border="0">
    <tr><td>

    <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
             
    <tr> <td class="catHead" height="28"><span class="cattitle"><center>
    <a href="{U_INDEX}">{L_INDEX}</a> ::
    <a href="{U_FAQ}">{L_FAQ}</a> ::
    <a href="{U_SEARCH}">{L_SEARCH}</a>
    </span>
    </td></tr>
     
    <tr><td class="row1" align="center">

    <a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_members-30df0.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp;
    <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_groups-30df1.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>

    <span class="mainmenu"> &nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-30df2.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp;
    <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_message-30df3.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp;
    <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_login-30df4.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span>
    <!-- BEGIN switch_user_logged_out -->
                      &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_register-39acd.gif" border="0" alt="{L_REGISTER}" hspace="3" /><b>{L_REGISTER}</b></a></span>&nbsp;
                      <!-- END switch_user_logged_out -->
    </td></tr></table><br>


       <body>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var today=new Date();
    var heure="";
    function messagevariable() {
    var time=today.getHours();
    heure=""
    if(time>=6 && time< 8)
    heure="c'est l'heure du réveil !"
    if(time>=8 && time<12)
    heure="bonne matinée !"
    if(time>=12 && time<13)
    heure="bon appétit  !"
    if(time>=13 && time<17)
    heure="Bon apres-midi !"
    if(time>=17 && time<22)
    heure="Bonsoir !"
    if(time>=22 || time<6)
    heure="Bonne nuit à tous !"
    }
    // --></SCRIPT>
    <span style="font-weight:bold;"><SCRIPT LANGUAGE="JavaScript">
    <!--
    messagevariable();
    document.writeln(heure)
    // -->
    </SCRIPT></span>
    </body>

        <!-- DEBUT DU SCRIPT -->
        <style type="text/css">
        .ejs_context_menuitems{padding-left:12px; padding-right:7px; }
        </style><script language="JavaScript1.2">
        /*
        Source du Script: Editeur Javascript (http://editeurjavascript.com)
        Script adapté pour: Xooit.com (http://www.xooit.com)
        */
        ejs_context_elemt = new Array;
        ejs_context_elemt[0] = "Page précédente|history.go(-1)";
        ejs_context_elemt[1] = "Page suivante|history.go(1)";
        ejs_context_elemt[2] = "";
        ejs_context_elemt[3] = 'Portail du forum|document.location.href=\'portal.php\'';
        ejs_context_elemt[4] = 'Index du forum|document.location.href=\'index.php\'';
        ejs_context_elemt[5] = 'Aide Générale|document.location.href=\'faq.php\'';
        ejs_context_elemt[6] = 'Aide BBCode|document.location.href=\'faq.php?mode=bbcode\'';
        ejs_context_elemt[7] = "";
        ejs_context_elemt[8] = 'Connexion|document.location.href=\'login.php\'';
        ejs_context_elemt[9] = 'Inscription|document.location.href=\'profile.php?mode=register\'';
        ejs_context_elemt[10] = 'Mon Profil|document.location.href=\'profile.php?mode=editprofile\'';
        ejs_context_elemt[11] = 'Messages Privés|document.location.href=\'privmsg.php?folder=inbox\'';
        ejs_context_elemt[12] = "";
        ejs_context_elemt[13] = 'Rechercher|document.location.href=\'search.php\'';
        ejs_context_elemt[14] = 'Liste des Membres|document.location.href=\'memberlist.php\'';
        ejs_context_elemt[15] = 'Liste des Groupes|document.location.href=\'groupcp.php\'';
        ejs_context_elemt[16] = '';
        ejs_context_elemt[17] = 'Qui est en ligne?|document.location.href=\'viewonline.php\'';
        ejs_context_elemt[18] = 'Statistiques|document.location.href=\'stats.php\'';
        ejs_context_elemt[19] = 'Top 10 des Posteurs|document.location.href=\'memberlist.php?mode=topten&order=DESC\'';
        ejs_context_elemt[20] = 'Top 50 des Posteurs|document.location.href=\'memberlist.php?mode=posts&order=DESC\'';
        ejs_context_elemt[21] = '';
        ejs_context_elemt[22] = 'Xooit.com|document.location.href=\'http://www.xooit.com/\'';
        ejs_context_elemt[23] = 'Créer un forum|document.location.href=\'http://www.xooit.com/fr/creer-forum.html?\'';
        ejs_context_elemt[24] = 'Forum d\'entraide|document.location.href=\'http://xooit.xooit.com\'';
        ejs_context_elemt[25] = 'Annuaire|document.location.href=\'http://www.xooit.com/fr/annuaire\'';
        ejs_context_elemt[26] = 'Contacter Xooit.com|document.location.href=\'http://www.xooit.com/fr/contact.html\'';
        function ejs_context_position(e)
           {
           ejs_context_x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
           ejs_context_y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
           }

        function ejs_context_open()
           {
           document.getElementById("ejs_context_box").style.top = ejs_context_y;
           document.getElementById("ejs_context_box").style.left = ejs_context_x;
           document.getElementById("ejs_context_ombre").style.top = ejs_context_y+2;
           document.getElementById("ejs_context_ombre").style.left = ejs_context_x+2;
           document.getElementById("ejs_context_box").style.visibility = "visible";
           document.getElementById("ejs_context_ombre").style.visibility = "visible";
           return(false);
           }

        function ejs_context_close()
           {
           if (document.getElementById)
              {
              document.getElementById("ejs_context_box").style.top = 0;
              document.getElementById("ejs_context_box").style.left = 0;
              document.getElementById("ejs_context_ombre").style.top = 0;
              document.getElementById("ejs_context_ombre").style.left = 0;
              document.getElementById("ejs_context_box").style.visibility = "hidden";
              document.getElementById("ejs_context_ombre").style.visibility = "hidden";
              }
           }

        function ejs_context_hl(mode, element)
           {
           if(mode == 1)
              {
              element.style.background = '#316AC5';
              element.style.color = '#ffffff';
              }
           else
              {
              element.style.background ='#ffffff';
              element.style.color = '#000000';
              }
           }

        if(navigator.appName.substring(0,3) == "Net")
           document.captureEvents(Event.MOUSEMOVE);
        </script>
        <!-- FIN DU SCRIPT -->

        <!-- DEBUT DU SCRIPT -->
        <div id=ejs_context_box style="z-index:500;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#ffffff; font-family:Microsoft sans serif; font-size:13px; cursor:default; visibility:hidden;padding:3">
        <script language="JavaScript">
        /*
        Source du Script: Editeur Javascript (http://editeurjavascript.com)
        Script adapté pour: Xooit.com (http://www.xooit.com)
        */
        ejs_context_ombre_txt = '';
        for(a=0;a<ejs_context_elemt.length;a++)
           {
           if(ejs_context_elemt[a].indexOf("|") > 0)
              {
              splited = new Array;
              splited = ejs_context_elemt[a].split("|");
              document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)">'+splited[0]+'</div>');
              ejs_context_ombre_txt += '<div class="ejs_context_menuitems">'+splited[0]+'</div>';
              }
           else
              {
              document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)"><hr width="195" size="1" color="9D9DA1" /></div>');
              ejs_context_ombre_txt += '<div class="ejs_context_menuitems"><hr width="195" size="1" color="9D9DA1" /></div>';
              }
           }
        document.write('</div><div id=ejs_context_ombre style="z-index:400;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#9D9DA1; font-family:Microsoft sans serif; font-size:12px; color:#9D9DA1 ;cursor:default; visibility:hidden;padding:3">'+ejs_context_ombre_txt+'</div>');

        // EVENEMENTS
        document.onmousemove = ejs_context_position;
        document.oncontextmenu = ejs_context_open;
        document.onclick = ejs_context_close;
        </script>
        <!-- FIN DU SCRIPT -->                                                                                   




Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 12 Dec 2009 - 19:24    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

comme indiqué dans le tuto tu mets les deux premiers code avant

Code: Sélectionner - Agrandir
 </head>


et le troisième code après
Code: Sélectionner - Agrandir

<body ....>

_______________________


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 12 Dec 2009 - 20:55    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

je ne vous suis pas ... Crying or Very sad voici mon template overall header 
 
 

 
Code: Sélectionner - Agrandir
 <html>
<body>
<head>
<!-- DEBUT DU SCRIPT --><SCRIPT language=JavaScript>
/*
Snow Effect Script
Created and submitted by Altan d.o.o. (snow@altan.hr,  http://www.altan.hr/snow/index.html)
 
EDITE SUR L'EDITEUR JAVASCRIPT
*/
 
  var snowsrc="http://pmsc.free.fr/I/081123171920.gif"
  var no = 10;
  var ns4up = (document.layers) ? 1 : 0;
  var ie4up = (document.all) ? 1 : 0;
  var nn6up = (document.getElementById) ? 1 : 0;
  var dx, xp, yp;
  var am, stx, sty;
  var i, doc_width = 800, doc_height = 600;
 
 if (ns4up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
} else if (nn6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
}
 
  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
 
  for (i = 0; i < no; ++ i) {
    dx[i] = 0;
    xp[i] = Math.random()*(doc_width-50);
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    if (ns4up) {
      if (i == 0) {
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
      } else {
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
      }
    } else if (ie4up || nn6up) {
 if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>");
      } else {
 document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>");
      }
    }
  }
 
  function snowNS() {
    for (i = 0; i < no; ++ i) {
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      }
      dx[i] += stx[i];
      document.layers["dot"+i].top = yp[i];
      document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowNS()", 10);
  }
 
  function snowIE() {
    for (i = 0; i < no; ++ i) {
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
        doc_width = document.body.clientWidth;
        doc_height = document.body.clientHeight;
      }
      dx[i] += stx[i];
      document.all["dot"+i].style.pixelTop = yp[i];
      document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowIE()", 10);
  }
 
function snowNN6() {
    for (i = 0; i < no; ++ i) {
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top = yp[i];
      document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowNN6()", 10);
  }
  if (ns4up) {
    snowNS();
  } else if (ie4up) {
 snowIE();
  } else if (nn6up) {
 snowNN6();
  }
 
</SCRIPT>

<script language="JavaScript1.2">
<!--
url115377 = window.location;
titre115377 = document.title;
sujet115377 = "Je te recommande ce forum";
function sendUrl(){
window.location = "mailto:"+prompt('Entrez l\'adresse email de la personne a qui vous désirez recommander ce site','')+"?subject="+sujet115377+"&body=Je te recommande ce forum : "+titre115377+" "+url115377;
   }
//-->
</script>
</head>
</body>
</html>
<!-- FIN DU SCRIPT -->



<style type="text/css">
<!--
.Style2 {font-size: 12px}
-->
</style>
<table width="100%" cellspacing="1" cellpadding="2" border="0" class="forumline">
<tbody><tr>
<th valign="middle" height="28" align="center" class="thHead" colspan="3">
<span class="thHead">
enseignes de bricolage ...
</span>
</th>
</tr>
<tr>
<td width="244" class="row1">&nbsp;</td>
<td width="692" height="25" class="row1">
<table width="905" cellspacing="0" cellpadding="0" class="forumline">
<tbody><tr>
<td width="717" valign="top">
<span class="gen">
 <marquee direction="left" SCROLLAMOUNT="3" onmouseover="this.stop()" onmouseout="this.start()"><img src="http://sacramentoelectronics.com/dantona/images/ryobi/ryobi_logo.jpg" border="0"><img src="http://img.directindustry.com/images_di/logo-p/sam-outillage-L13123.gif" border="0"><img src="http://t2.gstatic.com/images?q=tbn:_PWeqCcYHhBaVM:https://partners.domgen.com/HitachiOLR/images/logo.png" border="0"><img src="http://www.adepem.com/img/logos/logo_black_et_decker.gif" border="0"></marquee>
</span>
</td>
</tr>
</tbody></table>
<tr>
</tbody></table>



<!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/i/m/images-249d7" type="text/css" -->
<style type="text/css">
<!--
/*
  CSS settings for aallixSilver... aallix.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-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://img9.xooimage.com/files/c/e/cellpic2-30de9.jpg);
      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/c/e/cellpic3-30dea.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img9.xooimage.com/files/c/e/cellpic3-30dea.gif);
         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_FONTCOLOR1}; 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_FONTCOLOR1}; 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://img4.xooimage.com/files/f/o/formie-30deb.css");
-->

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

</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">

/****************************************************
*           DOM Image rollover:
*      by Chris Poole
*      http://chrispoole.com
*               Script featured on http://www.dynamicdrive.com
*      Keep this notice intact to use it :-)
****************************************************/

function init() {
  if (!document.getElementById) return
  var imgOriginSrc;
  var imgTemp = new Array();
  var imgarr = document.getElementsByTagName('img');
  for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute('hsrc')) {
        imgTemp[i] = new Image();
        imgTemp[i].src = imgarr[i].getAttribute('hsrc');
        imgarr[i].onmouseover = function() {
            imgOriginSrc = this.getAttribute('src');
            this.setAttribute('src',this.getAttribute('hsrc'))
        }
        imgarr[i].onmouseout = function() {
            this.setAttribute('src',imgOriginSrc)
        }
    }
  }
}
onload=init;

</script>

<STYLE TYPE="text/css">
<!--
#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//-->
</STYLE>

<!-- debut tuto rideau 1 -->
<style><!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:red;
background-color:grey;
border:0.1px solid red;
z-index:9;
}
--></style>
<!-- Fin tuto rideau 1 -->
</head>
<a name="top"></a>


<!-- marginheight="0" leftmargin="0" topmargin="0" -->

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" marginheight="0" leftmargin="0" topmargin="0" />

<a name="top"></a>

<table width="100%" cellpadding="5" cellspacing="1" border="0">
<tr><td>

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
         
<tr> <td class="catHead" height="28"><span class="cattitle"><center>
<a href="{U_INDEX}">{L_INDEX}</a> ::
<a href="{U_FAQ}">{L_FAQ}</a> ::
<a href="{U_SEARCH}">{L_SEARCH}</a>
</span>
</td></tr>
 
<tr><td class="row1" align="center">

<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_members-30df0.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp;
<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_groups-30df1.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>

<span class="mainmenu"> &nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-30df2.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp;
<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_message-30df3.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp;
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_login-30df4.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span>
<!-- BEGIN switch_user_logged_out -->
&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30df5.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>
<!-- END switch_user_logged_out -->
</td></tr></table><br>


    <span class="mainmenu"> </span>
ou dois-je mettre le code ?

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 12 Dec 2009 - 20:57    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

c'est indiqué dans le tuto

tu as trois codes à ajouter

deux avant

Code: Sélectionner - Agrandir
</head>


et un après

Code: Sélectionner - Agrandir
<body ...>


c'est tout
_______________________


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 12 Dec 2009 - 21:02    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

mais je ne vous comprend pas  Crying or Very sad Crying or Very sad pouvez-vous me le faire svp ? je vous en serez trés reconnaissant Wink

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 12 Dec 2009 - 21:05    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

mets ça


Code: Sélectionner - Agrandir
     <html>
    <body>
    <head>
    <!-- DEBUT DU SCRIPT --><SCRIPT language=JavaScript>
    /*
    Snow Effect Script
    Created and submitted by Altan d.o.o. (snow@altan.hr,  http://www.altan.hr/snow/index.html)
     
    EDITE SUR L'EDITEUR JAVASCRIPT
    */
     
      var snowsrc="http://pmsc.free.fr/I/081123171920.gif"
      var no = 10;
      var ns4up = (document.layers) ? 1 : 0;
      var ie4up = (document.all) ? 1 : 0;
      var nn6up = (document.getElementById) ? 1 : 0;
      var dx, xp, yp;
      var am, stx, sty;
      var i, doc_width = 800, doc_height = 600;
     
     if (ns4up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      } else if (ie4up) {
        doc_width = document.body.clientWidth;
        doc_height = document.body.clientHeight;
    } else if (nn6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
    }
     
      dx = new Array();
      xp = new Array();
      yp = new Array();
      am = new Array();
      stx = new Array();
      sty = new Array();
     
      for (i = 0; i < no; ++ i) {
        dx[i] = 0;
        xp[i] = Math.random()*(doc_width-50);
        yp[i] = Math.random()*doc_height;
        am[i] = Math.random()*20;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
        if (ns4up) {
          if (i == 0) {
     document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
          } else {
     document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
          }
        } else if (ie4up || nn6up) {
     if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>");
          } else {
     document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>");
          }
        }
      }
     
      function snowNS() {
        for (i = 0; i < no; ++ i) {
          yp[i] += sty[i];
          if (yp[i] > doc_height-50) {
            xp[i] = Math.random()*(doc_width-am[i]-30);
            yp[i] = 0;
            stx[i] = 0.02 + Math.random()/10;
            sty[i] = 0.7 + Math.random();
            doc_width = self.innerWidth;
            doc_height = self.innerHeight;
          }
          dx[i] += stx[i];
          document.layers["dot"+i].top = yp[i];
          document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
        }
        setTimeout("snowNS()", 10);
      }
     
      function snowIE() {
        for (i = 0; i < no; ++ i) {
          yp[i] += sty[i];
          if (yp[i] > doc_height-50) {
            xp[i] = Math.random()*(doc_width-am[i]-30);
            yp[i] = 0;
            stx[i] = 0.02 + Math.random()/10;
            sty[i] = 0.7 + Math.random();
            doc_width = document.body.clientWidth;
            doc_height = document.body.clientHeight;
          }
          dx[i] += stx[i];
          document.all["dot"+i].style.pixelTop = yp[i];
          document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
        }
        setTimeout("snowIE()", 10);
      }
     
    function snowNN6() {
        for (i = 0; i < no; ++ i) {
          yp[i] += sty[i];
          if (yp[i] > doc_height-50) {
            xp[i] = Math.random()*(doc_width-am[i]-30);
            yp[i] = 0;
            stx[i] = 0.02 + Math.random()/10;
            sty[i] = 0.7 + Math.random();
            doc_width = self.innerWidth;
            doc_height = self.innerHeight;
          }
          dx[i] += stx[i];
          document.getElementById("dot"+i).style.top = yp[i];
          document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]);
        }
        setTimeout("snowNN6()", 10);
      }
      if (ns4up) {
        snowNS();
      } else if (ie4up) {
     snowIE();
      } else if (nn6up) {
     snowNN6();
      }
     
    </SCRIPT>

    <script language="JavaScript1.2">
    <!--
    url115377 = window.location;
    titre115377 = document.title;
    sujet115377 = "Je te recommande ce forum";
    function sendUrl(){
    window.location = "mailto:"+prompt('Entrez l\'adresse email de la personne a qui vous désirez recommander ce site','')+"?subject="+sujet115377+"&body=Je te recommande ce forum : "+titre115377+" "+url115377;
       }
    //-->
    </script>
    </head>
    </body>
    </html>
    <!-- FIN DU SCRIPT -->



    <style type="text/css">
    <!--
    .Style2 {font-size: 12px}
    -->
    </style>
    <table width="100%" cellspacing="1" cellpadding="2" border="0" class="forumline">
    <tbody><tr>
    <th valign="middle" height="28" align="center" class="thHead" colspan="3">
    <span class="thHead">
    enseignes de bricolage ...
    </span>
    </th>
    </tr>
    <tr>
    <td width="244" class="row1">&nbsp;</td>
    <td width="692" height="25" class="row1">
    <table width="905" cellspacing="0" cellpadding="0" class="forumline">
    <tbody><tr>
    <td width="717" valign="top">
    <span class="gen">
     <marquee direction="left" SCROLLAMOUNT="3" onmouseover="this.stop()" onmouseout="this.start()"><img src="http://sacramentoelectronics.com/dantona/images/ryobi/ryobi_logo.jpg" border="0"><img src="http://img.directindustry.com/images_di/logo-p/sam-outillage-L13123.gif" border="0"><img src="http://t2.gstatic.com/images?q=tbn:_PWeqCcYHhBaVM:https://partners.domgen.com/HitachiOLR/images/logo.png" border="0"><img src="http://www.adepem.com/img/logos/logo_black_et_decker.gif" border="0"></marquee>
    </span>
    </td>
    </tr>
    </tbody></table>
    <tr>
    </tbody></table>



    <!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/i/m/images-249d7" type="text/css" -->
    <style type="text/css">
    <!--
    /*
      CSS settings for aallixSilver... aallix.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-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://img9.xooimage.com/files/c/e/cellpic2-30de9.jpg);
          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/c/e/cellpic3-30dea.gif);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
             background-image: url(http://img9.xooimage.com/files/c/e/cellpic3-30dea.gif);
             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_FONTCOLOR1}; 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_FONTCOLOR1}; 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://img4.xooimage.com/files/f/o/formie-30deb.css");
    -->

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

    </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">

    /****************************************************
    *           DOM Image rollover:
    *      by Chris Poole
    *      http://chrispoole.com
    *               Script featured on http://www.dynamicdrive.com
    *      Keep this notice intact to use it :-)
    ****************************************************/

    function init() {
      if (!document.getElementById) return
      var imgOriginSrc;
      var imgTemp = new Array();
      var imgarr = document.getElementsByTagName('img');
      for (var i = 0; i < imgarr.length; i++) {
        if (imgarr[i].getAttribute('hsrc')) {
            imgTemp[i] = new Image();
            imgTemp[i].src = imgarr[i].getAttribute('hsrc');
            imgarr[i].onmouseover = function() {
                imgOriginSrc = this.getAttribute('src');
                this.setAttribute('src',this.getAttribute('hsrc'))
            }
            imgarr[i].onmouseout = function() {
                this.setAttribute('src',imgOriginSrc)
            }
        }
      }
    }
    onload=init;

    </script>

    <STYLE TYPE="text/css">
    <!--
    #dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
    //-->
    </STYLE>

    <!-- debut tuto rideau 1 -->
    <style><!--
    .intro{
    position:absolute;
    left:0;
    top:0;
    layer-background-color:red;
    background-color:grey;
    border:0.1px solid red;
    z-index:9;
    }
    --></style>
    <!-- Fin tuto rideau 1 -->



    <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-color : #eaedf4;
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>
    <a name="top"></a>


    <!-- marginheight="0" leftmargin="0" topmargin="0" -->

    <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" marginheight="0" leftmargin="0" topmargin="0" />

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

<div align="center" id="topbar1">
<span><a href="" onclick="closebar1(); return false">
<img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" style="margin-left:326px;"  border="0">
</a></span>
<span style="color:#3253A4;"><b> Bienvenue humble visiteur <br />
Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
 ou vous <a href="/login.php">connecter</a></b></span><br /></div>
 
<!-- ENDIF -->

    <a name="top"></a>

    <table width="100%" cellpadding="5" cellspacing="1" border="0">
    <tr><td>

    <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
             
    <tr> <td class="catHead" height="28"><span class="cattitle"><center>
    <a href="{U_INDEX}">{L_INDEX}</a> ::
    <a href="{U_FAQ}">{L_FAQ}</a> ::
    <a href="{U_SEARCH}">{L_SEARCH}</a>
    </span>
    </td></tr>
     
    <tr><td class="row1" align="center">

    <a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_members-30df0.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp;
    <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_groups-30df1.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>

    <span class="mainmenu"> &nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-30df2.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp;
    <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_message-30df3.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp;
    <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_login-30df4.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span>
    <!-- BEGIN switch_user_logged_out -->
    &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30df5.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>
    <!-- END switch_user_logged_out -->
    </td></tr></table><br>


        <span class="mainmenu"> </span>

_______________________


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 12 Dec 2009 - 21:07    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Merci infiniment, et pour mettre les images que je souhaite je vais où ?

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 12 Dec 2009 - 21:08    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

tu modifies le code que tu ajoutes après body

Code: Sélectionner - Agrandir
<!-- IF S_USER_LEVEL == "ANONYMOUS" -->   

<div align="center" id="topbar1">
<span><a href="" onclick="closebar1(); return false">
<img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" style="margin-left:326px;"  border="0">
</a></span>
<span style="color:#3253A4;"><b> Bienvenue humble visiteur <br />
Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
 ou vous <a href="/login.php">connecter</a></b></span><br /></div>
 
<!-- ENDIF -->

_______________________


Forum
Author Message
Contenu Sponsorisé





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

Display posts from previous:   
Reply to topic Page 22 of 25 Goto page: <  1, 2, 321, 22, 23, 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