It is currently Mon 26 Sep 2016 - 22:40 - créer un forum

[Tuto] POPUP persistante de notification en DHTML

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 36, 7, 823, 24, 25  >

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


Joined: 05 Jan 2008
Posts: 59

PostPosted: Tue 28 Oct 2008 - 19:43    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

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

Bonsoir, j'ai un petit soucis, j'ai l'ancienne boite d'information plus la nouvelle qui s'affiche:

Code: Sélectionner - Agrandir
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html dir="{S_CONTENT_DIRECTION}">
    <link rel="shortcut icon" href=" http://img40.xooimage.com/files/3/5/f/poolball-5fdbc0.ico ">
   

 <script type="text/javascript">
// <![CDATA[
var colour="#f0f";
var sparkles=50;
/****************************
*  Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.co.uk/rv *
* DON'T EDIT BELOW THIS BOX *
* topcode adapté *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
  var i, rats, rlef, rdow;
  for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
  }
  set_width();
  sparkle();
}}
function sparkle() {
  var c;
  if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
      star[c].style.left=(starx[c]=x)+"px";
      star[c].style.top=(stary[c]=y)+"px";
      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
      star[c].style.visibility="visible";
      starv[c]=50;
      break;
    }
  }
  for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
  }
  setTimeout("sparkle()", 40);
}
function update_star(i) {
  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
      star[i].style.top=stary[i]+"px";
      starx[i]+=(i%5-2)/5;
      star[i].style.left=starx[i]+"px";
    }
    else {
      star[i].style.visibility="hidden";
      starv[i]=0;
      return;
    }
  }
  else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
  }
}
function update_tiny(i) {
  if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
  }
  if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
      tiny[i].style.top=tinyy[i]+"px";
      tinyx[i]+=(i%5-2)/5;
      tiny[i].style.left=tinyx[i]+"px";
    }
    else {
      tiny[i].style.visibility="hidden";
      tinyv[i]=0;
      return;
    }
  }
  else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
  if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
   sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}
window.onresize=set_width;
function set_width() {
  if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
  }
  else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
  }
  else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
  }
}
function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height+"px";
  div.style.width=width+"px";
  div.style.overflow="hidden";
  div.style.backgroundColor=colour;
  return (div);
}
// ]]>
</script>
 





<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://img2.xooimage.com/files/c/5/8/zengarden-782cbb.css" type="text/css" -->
    <style type="text/css">
    <!--
    /*
      zenGarden Theme for phpBB version 2+
      Created by larme d'ange
      http://lda-creation.conceptbb.com

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

    /* General page style. The scroll bar colours only visible in IE5.5+ */
    body {
       background-image: url(http://img2.xooimage.com/files/b/e/8/fondbleu-4d8e36.png);
       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 {text-decoration: none; color : {T_BODY_LINK}; }
    a:hover      { text-decoration: none; color : {T_BODY_HLINK}; }
    hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

    /* This is the border line & background colour round the entire page */
    .bodyline   { background-image: url(http://img10.xooimage.com/files/a/8/0/fond2-5803a8.png);
                  background-color: {T_TD_COLOR2};solid;  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-image: url(http://img9.xooimage.com/files/f/d/5/jaune_017-faaa1.jpg);
    background-repeat:repeat;
    background-color: {T_TR_COLOR1}; }
    td.row2        { background-image: url(http://img1.xooimage.com/files/d/9/c/jaune.-4d8abc.jpg);
    background-repeat:repeat;
    background-color: {T_TR_COLOR2}; }
    td.row3        { background-image:url(http://img120.imageshack.us/img120/9369/jaunegw4.jpg); }

    /*
      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://img4.xooimage.com/files/9/9/4/cellpic3-31905.gif);
    }

    /* Header cells - the blue and silver gradient backgrounds */
    th   {
       color: {T_TD_COLOR2}; font-size: {T_FONTSIZE2}px; font-weight : bold;
       background-color: {T_BODY_LINK}; height: 25px;
       background-image: url(http://img4.xooimage.com/files/3/a/b/cellpic1-355ee.gif);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
             background-image: url(http://img4.xooimage.com/files/9/9/4/cellpic3-31905.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-image:url(http://img120.imageshack.us/img120/9369/jaunegw4.jpg); 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: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

    input { text-indent : 2px; }

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

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

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

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

    /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
    @import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
    -->
    </style>
    <!-- BEGIN switch_enable_pm_popup -->
    <script language="Javascript" type="text/javascript">
    <!--
       if ( {PRIVATE_MESSAGE_NEW_FLAG} )
       {
          window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
       }
    //-->
    </script>
    <!-- END switch_enable_pm_popup -->



    <script type="text/javascript">
    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 4 //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 closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }

    function staticbar(){
    barheight=document.getElementById("topbar").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("topbar");
    stayTopLeft();
    }

    for (i=1; i<100; i++) {
    var alerte = "{PRIVATE_MESSAGE_INFO}";
    if ( alerte == "Vous avez "+i+" nouveaux messages" || alerte == "Vous avez 1 nouveau message" || alerte == "You have "+i+" new messages" || alerte == "You have 1 new message" )
    {
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false);
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar);
    else if (document.getElementById)
    (window.onload=staticbar);
    }
    }
    </script>

    <style type="text/css">
    #topbar{
    position:absolute;
    visibility: hidden;
    width: 300px;
    z-index: 20;
    padding: 4px 4px 4px 4px;
    background-color : #eaedf4;
    border : 1px solid #9893C6;
    -moz-border-radius: 12px;
    }
    </style>

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

    <!-- BEGIN switch_user_logged_in -->
    <div align="center" id="topbar" style="opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
    <span><a href="" onclick="closebar(); return false">
    <img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" align="right" border="0">
    </a></span>
    <span style="color:#3253A4;"><b><a href="{U_PRIVATEMSGS}" class="gen" align="center"><img src="http://img5.xooimage.com/files/f/1/e/email2-1ca94a.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" align="bottom">
     {PRIVATE_MESSAGE_INFO}</a></b></span><br /></div>
    <!-- END switch_user_logged_in -->


    <table width="92%" cellspacing="0" cellpadding="10" border="0" align="center">
       <tr>
          <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
             <tr>
                <td align="center"><a href="{U_INDEX}"><img src="http://img2.xooimage.com/files/9/0/8/bannai-re-4d888e.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a></td></tr>
                <td align="center" width="100%" valign="middle"><table cellspacing="0" cellpadding="2" border="0">
                   <tr>
                   <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                                    <!-- BEGIN switch_user_logged_out -->
<br>       <a href="{U_PORTAL}"><font color=#006699><b>Portail</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_INDEX}" class="mainmenu"> <font color=#0066CC><b>{L_Forum}</b></font> </a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_FAQ}" class="mainmenu"target="_blank"><font color=#0066FF><b>{L_FAQ}</font></b></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_SEARCH}" class="mainmenu"target="_blank"><font color=#0033FF><b>{L_SEARCH}</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_REGISTER}" class="mainmenu"target="_blank"><blink><font color=#0033CC><b>{L_REGISTER}</b></font></blink></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_LOGIN_LOGOUT}" class="mainmenu"target="_blank"><font color=#003399><b>{L_LOGIN_LOGOUT}</b></font></a>
                                                <!-- END switch_user_logged_out -->
                                    <!-- BEGIN switch_user_logged_in -->
<br>   <a href=" {U_PORTAL}"><font color=#006699><b>Portail</b></font></a><img src="http://img47.xooimage.com/files/c/7/6/poolball2-78b09b.png"><a href="{U_INDEX}" class="mainmenu"><font color=#0066CC><b>{L_Forum}</b></font></a> <img src="http://img47.xooimage.com/files/c/7/6/poolball2-78b09b.png"><a href="{U_FAQ}" class="mainmenu"target="_blank"><font color=#0066FF><b>{L_FAQ}</font></b></a> <img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_SEARCH}" class="mainmenu"target="_blank"><font color=#0033FF><b>{L_SEARCH}</font></b><font color=#3333FF><b></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_MEMBERLIST}" class="mainmenu"target="_blank"><font color=#0033CC><b>{L_MEMBERLIST}</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_GROUP_CP}" class="mainmenu"target="_blank"><font color=#003399><b>{L_USERGROUPS}</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_PROFILE}" class="mainmenu"target="_blank"><font color=#003366><b>{L_PROFILE}</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_PRIVATEMSGS}"target="_blank"><font color=#0000FF><b>{L_PRIVATEMSGS}</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_LOGIN_LOGOUT}" class="mainmenu"target="_blank"><font color=#0000CC><b>{L_LOGIN_LOGOUT}</b></font></a>

                     
   
 <div align="center"> <a href="http://passionsetloisirs.xooit.fr/chat2.php"target="_blank"><font color=#006699><b>Chat</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"></a> <a href="http://passionsetloisirs.xooit.fr/portal.php?pid=11"target="_blank"><font color=#0066CC><b>Poème</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"></a><a href="http://passionsetloisirs.xooit.fr/portal.php?pid=6"target="_blank"><font color=#0066FF><b>Gadgets</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"> <a href="http://passionsetloisirs.xooit.fr/portal.php?pid=9"target="_blank"><font color=#0033FF><b>Partenaires</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="http://passionsetloisirs.xooit.fr/portal.php?pid=7"target="_blank"><font color=#0033CC><b>Sports</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="http://passionsetloisirs.xooit.fr/portal.php?pid=10"target="_blank"><font color=#003399><b>Bannières</b></font></a><img src="http://img41.xooimage.com/files/c/a/e/1-7830ed.gif"><a href="{U_SEARCH_NEW}"target="_blank"><font color=#003366><b>Nouveaux posts</b></font></a>


     <div align="right"><a href="#top1" class="postlink"><img
    src="http://img44.xooimage.com/files/3/c/3/fl-chebdescendre-69613b.png" border="0"></a> </div>
 


                                                    <!-- END switch_user_logged_in -->
                                            </span></td></tr>
                </table></td>
             </tr>
          </table>

          <br />


        </div>




est-ce que je dois supprimer cette partie:
Code: Sélectionner - Agrandir
   <!-- BEGIN switch_user_logged_in -->
    <div align="center" id="topbar" style="opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
    <span><a href="" onclick="closebar(); return false">
    <img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" align="right" border="0">
    </a></span>
    <span style="color:#3253A4;"><b><a href="{U_PRIVATEMSGS}" class="gen" align="center"><img src="http://img5.xooimage.com/files/f/1/e/email2-1ca94a.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" align="bottom">
     {PRIVATE_MESSAGE_INFO}</a></b></span><br /></div>
    <!-- END switch_user_logged_in -->

celui-qui est après </head>
ou alors celle-là:
Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
    <script language="Javascript" type="text/javascript">
    <!--
       if ( {PRIVATE_MESSAGE_NEW_FLAG} )
       {
          window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
       }
    //-->
    </script>
    <!-- END switch_enable_pm_popup -->


qui se trouve après </style>

j'ai pas envie de faire des bétises.

merci
Forum
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: Tue 28 Oct 2008 - 19:53    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

si c'est l'ancienne c'est ça

 
Code: Sélectionner - Agrandir

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

_______________________


Forum
Author Message
ozmagoray
Membre


Offline
Membre

Joined: 05 Jan 2008
Posts: 59
Point(s): 59
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Sagittaire (22nov-21déc) 猪 Cochon

PostPosted: Tue 28 Oct 2008 - 20:25    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

merci themalin; ça fonctionne parfaitement.
_______________________


Nous recherchons des animateurs....


Forum
Author Message
Vanessa K


Offline
Guest




PostPosted: Fri 31 Oct 2008 - 13:04    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour,

J'ai un problème concernant la I.1 (Version dynamique POPUP adressée aux visiteurs).

Sur mon thème test subsilver xooit 2 http://boulimix.xooit.com/index.php?theme=test

La POPUP reste tout en bas du forum Shocked , pourtant j'ai bien suivi les étapes Confused


Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img8.xooimage.com/files/s/u/subsilver-30daa.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.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:0; }

/* 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://img5.xooimage.com/files/c/e/cellpic2-30da7.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://img2.xooimage.com/files/c/e/cellpic3-30da8.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img2.xooimage.com/files/c/e/cellpic1-30da9.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_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

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

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

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

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

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;
   border-width:1px;
}

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

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

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 4 //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 closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").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("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<style type="text/css">
#topbar{
position:absolute;
background-color : #eaedf4;
border : 1px solid #9893C6;
-moz-border-radius: 12px;
padding: 4px 0px 14px 0px;
width: 360px;
visibility: hidden;
z-index: 0;
}
</style>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN switch_user_logged_out -->

<div align="center" id="topbar" style="visibility:visible; left:30px; top:2806px; opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
<span><a href="" onclick="closebar(); 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>
 
<!-- END switch_user_logged_out -->
<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
<div style="text-align:center"><a href="{U_INDEX}"><img src="http://img6.xooimage.com/files/l/o/logo-b2c4b.png" border="0" alt="{L_INDEX}" vspace="1" /></a><br /><br />
<span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span><br /><br /></div>

<div style="text-align:center">
            <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/i/n/interrogation-1--2e754.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_search-30d7d.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_members-30d7e.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
                  <!-- BEGIN switch_user_logged_out -->
                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                  <!-- END switch_user_logged_out -->
                  </td>
               </tr>
               <tr>
                  <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_profile-30d81.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_message-30d82.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_login-30d83.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
               </tr>
            </table>
</div>
      <br />


Merci d'avance.


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Fri 31 Oct 2008 - 13:41    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Salutations,

Dans le tuto il est dit :
Quote:
Ouvrir overall_header.tpl

Ajouter avant </head>


Avant ! pas après, toi tu l'as mise après !
Regarde en image ta template :


Vanessa K wrote:
pourtant j'ai bien suivi les étapes Confused


éh nan Razz
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
Vanessa K


Offline
Guest




PostPosted: Fri 31 Oct 2008 - 13:55    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour, merci d'avoir répondu Very Happy

Je vais mettre ce que tu m'as sélectionné avant /head Very Happy

Pourtant dans le tuto il y a marqué ceci :
Quote:
variante 1 : sans image

Ajoutez après <body>
Code: Sélectionner - Agrandir
<!-- BEGIN switch_user_logged_out -->

<div align="center" id="topbar" style="visibility:visible; left:30px; top:2806px; opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
<span><a href="" onclick="closebar(); 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>
 
<!-- END switch_user_logged_out -->



Merci beaucoup Sploutch


Author Message
Vanessa K


Offline
Guest




PostPosted: Fri 31 Oct 2008 - 14:01    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

(re) Bonjour,

J'ai fais ce que tu m'as dis mais maintenant le message est en haut, fixe, et je le vois même en étant connectée undecided undecided Smile

Merci d'avance Smile


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Fri 31 Oct 2008 - 14:23    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Tu dois utiliser
I. Version dynamique (popup coulissante verticalement)

si tu veux quelle soit mobile de haut en bas sur ta page !
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
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: Fri 31 Oct 2008 - 14:25    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

comme indiqué dans le tuto tu as deux modification à faire

une avant /head et une après body donc bien faire les deux au bon endroit

par conséquent il faut bien mettre ce code ci



 
Code: Sélectionner - Agrandir

<!-- BEGIN switch_user_logged_out -->  
 
<div align="center" id="topbar" style="visibility:visible; left:30px; top:2806px; opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;"> 
<span><a href="" onclick="closebar(); 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>  
   
<!-- END switch_user_logged_out --> 



après la balise body comme indiqué dans le tuto

mais aussi mettre les deux autres codes avant la balise /head

donc la seul chose que tu dois changé c'est de placer le code que je t'indique après body et ne rien changer d'autre
_______________________


Forum
Author Message
Vanessa K


Offline
Guest




PostPosted: Fri 31 Oct 2008 - 14:44    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour,

C'est fait, mais ça ne fonctionne toujours pas undecided Sad

Merci.


Author Message
altair


Offline
Guest




PostPosted: Sat 1 Nov 2008 - 10:09    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Vanessa K wrote:
Bonjour,

C'est fait, mais ça ne fonctionne toujours pas undecided Sad

Merci.


Bonjour

les codes ont étaient mis-à-jours

donc réessaies avec les nouveaux codes après avoir effacer les anciens


Author Message
Vanessa K


Offline
Guest




PostPosted: Sat 1 Nov 2008 - 13:12    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour altair,

J'ai bien remplacé les anciens codes par les nouveaux, mais aucune POPUP n'apparaît Sad


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 1 Nov 2008 - 13:15    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

tu le fais bien en thème normal???
_______________________


Forum
Author Message
Vanessa K


Offline
Guest




PostPosted: Sat 1 Nov 2008 - 13:27    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour,

J'ai essayé en thème test et en thème normal avec Safari et Firefox mais aucune POPUP n'apparaît undecided


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sat 1 Nov 2008 - 14:11    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Salutations,

Re-essaie depuis le début en sup tout les codes.

I. Version dynamique donc unepopup coulissante verticalement(c'est visiblement celle la que tu veux)
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
Vanessa K


Offline
Guest




PostPosted: Sat 1 Nov 2008 - 15:44    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour Sploutch,

Ce que tu me dis de faire c'est ce que je fais depuis le début Smile

J'ai maintenant enlevé les "hiden" en "visible" et je vois la popup mais elle ne coulisse toujours pas undecided


Author Message
Contenu Sponsorisé





PostPosted: Today at 22:40    Post subject: [Tuto] POPUP persistante de notification en DHTML

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