It is currently Sun 25 Sep 2016 - 17:41 - créer un forum

[Tuto] POPUP persistante de notification en DHTML

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 38, 9, 1023, 24, 25  >

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


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Wed 5 Nov 2008 - 17:18    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

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

bonjour

sur l'image que tu montres je ne vois pas la barre bleu??
Forum
Author Message
Twilight


Offline
Guest




PostPosted: Wed 5 Nov 2008 - 18:02    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

themalin wrote:
bonjour

sur l'image que tu montres je ne vois pas la barre bleu??


Regardes bien les contours au sommet, c'est assez léger, et c'est, disons, à côté du titre de la pop-up. 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: Wed 5 Nov 2008 - 18:05    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

si je vois bien en fait c'est le fait que tu as une bordures arrondi + une non arrondi qui fait qu'elles se superpose
_______________________


Forum
Author Message
Twilight


Offline
Guest




PostPosted: Wed 5 Nov 2008 - 20:59    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

themalin wrote:
si je vois bien en fait c'est le fait que tu as une bordures arrondi + une non arrondi qui fait qu'elles se superpose


En effet , cela semble vrai. Mais cette seconde bordure arrondie viendrait d'où ? Dans le code, il n'y en a pas, sauf celle par défaut.


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

tu as fais une modification pour arrondir ton forum??
_______________________


Forum
Author Message
Twilight


Offline
Guest




PostPosted: Fri 7 Nov 2008 - 21:43    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

themalin wrote:
tu as fais une modification pour arrondir ton forum??


Normalement non, tu as le header dans deux post au dessus, si tu veux. Wink


Author Message
miXscape


Offline
Guest




PostPosted: Fri 19 Dec 2008 - 10:09    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour,

la popup s'affiche correctement sous firefox mais pas sous Internet explorer..


FIREFOX :





INTERNET EXPLORER :



Author Message
altair


Offline
Guest




PostPosted: Sat 20 Dec 2008 - 04:15    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonsoir miXscape

il y a peut-être une balise mal fermée

réeffaces tout le code, et réessaies à nouveaux avec le code I. 1. POPUP adressée aux visiteurs

car il a été modifié depuis





cherchez et effacez ceci dans overall_header.tpl (la bannière doit être placé après body)
Code: Sélectionner - Agrandir
<td><a href="http://mao.xooit.fr/index.php"><embed src="http://mixscapemao.free.fr/flash/banniere_noel.SWF" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash" width="100%" height="100%" wmode="transparent"></embed></a></td>


cherchez ceci
Code: Sélectionner - Agrandir
<body>
<a name="top"></a>


ajoutez après
Code: Sélectionner - Agrandir
<table border="0" style="border-collapse: collapse" align="center">
   <tr>
<td><a href="http://mao.xooit.fr/index.php"><embed src="http://mixscapemao.free.fr/flash/banniere_noel.SWF" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash" width="800px" height="200px" wmode="transparent"></embed></a></td>
   </tr>
</table>






il y a un grand nombre de feuilles de style alternatives ce qui empêche éventuellement le fonctionnement de la popup,
pour cela placer ce code ci après </title>

Code: Sélectionner - Agrandir
<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>


Author Message
miXscape


Offline
Guest




PostPosted: Sun 21 Dec 2008 - 16:59    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour et merci pour la réponse..

Sur firefox ca marche nikel. Sous Internet Explorer c'est mieux car je vois la pop up, par contre ca me fais un sacré décalage entre la pop up la bannniere et le reste..


je remets mon overall header (apres modif) ici , j'ai peut etre fais une fausse manoeuvre :


 
Code: Sélectionner - Agrandir
 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>


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



 

    <link rel="stylesheet" href="http://img7.xooimage.com/files/7/f/7/avalanche-9276de.css" type="text/css" title="defaut"/>


<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche18.css" type="text/css" title="ssl studio">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche19.css" type="text/css" title="mic">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche32.css" type="text/css" title="FL studio skin">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche31.css" type="text/css" title="protools skin">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/saphic.css" type="text/css" title="cubase skin">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche64.css" type="text/css" title="guitar heroe">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche65.css" type="text/css" title="timbo miko">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche66.css" type="text/css" title="fantom">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche41.css" type="text/css" title="manga">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche61.css" type="text/css" title="red">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche59.css" type="text/css" title="red light">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche45.css" type="text/css" title="rage">
<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche60.css" type="text/css" title="bordures">




<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche52.css" type="text/css" title="chronique">


<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche46.css" type="text/css" title="abstract">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche49.css" type="text/css" title="comic book">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche53.css" type="text/css" title="very blue">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche10.css" type="text/css" title="very grey">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche58.css" type="text/css" title="plenty grey">




<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche37.css" type="text/css" title="grey evo">




<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche13.css" type="text/css" title="classy">


<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche11.css" type="text/css" title="macintosh">



<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche5.css" type="text/css" title="solfege">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche55.css" type="text/css" title="solfege v2">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche54.css" type="text/css" title="grimoire">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche57.css" type="text/css" title="velours">



<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche39.css" type="text/css" title="blue sky">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche40.css" type="text/css" title="simply black">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche3.css" type="text/css" title="dark metal">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche17.css" type="text/css" title="spiderman">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche63.css" type="text/css" title="death">


<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche33.css" type="text/css" title="flowers">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche42.css" type="text/css" title="nebuleuse">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche43.css" type="text/css" title="halloween">






<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche50.css" type="text/css" title="classic">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche24.css" type="text/css" title="classic frenchy">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche48.css" type="text/css" title="classic highlight">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche4.css" type="text/css" title="classic star">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche28.css" type="text/css" title="classic graphite">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche12.css" type="text/css" title="classic ciel">









<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche8.css" type="text/css" title="classic vert">



<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche38.css" type="text/css" title="billard">


<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche16.css" type="text/css" title="gazon">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche51.css" type="text/css" title="saumon">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche14.css" type="text/css" title="blue">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche15.css" type="text/css" title="marine">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche34.css" type="text/css" title="wii">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche35.css" type="text/css" title="xbox">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche36.css" type="text/css" title="playstation">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche6.css" type="text/css" title="rose">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche9.css" type="text/css" title="mauve">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche7.css" type="text/css" title="orange">



<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche23.css" type="text/css" title="space">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche21.css" type="text/css" title="space lemon">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche22.css" type="text/css" title="space blue">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche25.css" type="text/css" title="space green">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche26.css" type="text/css" title="space purple">



<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche20.css" type="text/css" title="cocktail">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche29.css" type="text/css" title="subway">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche30.css" type="text/css" title="heaven">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche27.css" type="text/css" title="blog">



<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche47.css" type="text/css" title="egyptian">

<link rel="alternate stylesheet" href="http://mixscapemao.free.fr/styles/avalanche44.css" type="text/css" title="parchemin">















 <script language="javascript" type="text/javascript" src="http://img3.xooimage.com/files/3/9/a/popbox-4ab53c.js"></script>
    <script type="text/javascript">
    popBoxWaitImage.src = "http://img24.xooimage.com/files/9/7/d/spinner20-44456d.gif";
    popBoxRevertImage = "http://img26.xooimage.com/files/f/8/5/magminus-4445fd.gif";
    popBoxPopImage = "http://img23.xooimage.com/files/2/4/e/magplus-444604.gif";
    </script>


<style>

    .MaxPop
    {
       max-width: 350px;
       width: expression(this.scrollWidth >= 350? "350px" : 'auto');
    }

    .PopBoxImageSmall
    {
       border: none 0px white;
       cursor: url("http://img21.xooimage.com/files/b/f/8/magplus-444544.cur"), pointer;
    }

    .PopBoxImageLarge
    {
       border: solid thin #CCCCFF;
       cursor: url("http://img22.xooimage.com/files/a/8/f/magminus-444549.cur"), pointer;
    }

    .PopBoxImageShrink
    {
     cursor: url("http://img22.xooimage.com/files/a/8/f/magminus-444549.cur"), pointer;
    }
    .PopBoxImageLink
    {
     cursor: pointer;
    }
    .PopBoxImageMove
    {
     border: none 0px #ffffff;
     cursor: pointer;
    }

</style>



        <script type="text/javascript">
         blink=function(html) {
          var rid=Math.random().toString();
          document.write('<span id="'+rid+'">'+html+'</span>');
          setInterval(function(){
           var e=(arguments.callee.e||(arguments.callee.e=$(rid)));
           e.style['visibility']=(e.style['visibility']=='hidden'?'visible':'hidden');
          }, 500);
         };
        </script>


        <style>
    .pmlinepop {
       position : absolute;
       background-color : #eaedf4;
       border : 1px solid #006699;
       text-align : center;
       top : 20px;
       left : 30px;
       height : 60px;
       width : 300px;
       display: none;
    }
    </style>


   
    <script type="text/javascript">

    function setActiveStyleSheet(title) {
      var i, a, main;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
          a.disabled = true;
          if(a.getAttribute("title") == title) a.disabled = false;
        }
      }
    }
    function getActiveStyleSheet() {
      var i, a;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
      }
      return null;
    }
    function getPreferredStyleSheet() {
      var i, a;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1
           && a.getAttribute("rel").indexOf("alt") == -1
           && a.getAttribute("title")
           ) return a.getAttribute("title");
      }
      return null;
    }
    function createCookie(name,value,days) {
      if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
      }
      else expires = "";
      document.cookie = name+"="+value+expires+"; path=/";
    }
    function readCookie(name) {
      var nameEQ = name + "=";
      var ca = document.cookie.split(';');
      for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
      }
      return null;
    }
    window.onload = function(e) {
      var cookie = readCookie("style");
      var title = cookie ? cookie : getPreferredStyleSheet();
      setActiveStyleSheet(title);
    }
    window.onunload = function(e) {
      var title = getActiveStyleSheet();
      createCookie("style", title, 365);
    }
    var cookie = readCookie("style");
    var title = cookie ? cookie : getPreferredStyleSheet();
    setActiveStyleSheet(title);

    </script>






    <script type="text/javascript">
    var PreloadFlag = false;
    var expDays = 90;
    var exp = new Date();
    var tmp = '';
    var tmp_counter = 0;
    var tmp_open = 0;

    exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

    function SetCookie(name, value)
    {
       var argv = SetCookie.arguments;
       var argc = SetCookie.arguments.length;
       var expires = (argc > 2) ? argv[2] : null;
       var path = (argc > 3) ? argv[3] : null;
       var domain = (argc > 4) ? argv[4] : null;
       var secure = (argc > 5) ? argv[5] : false;
       document.cookie = name + "=" + escape(value) +
          ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
          ((path == null) ? "" : ("; path=" + path)) +
          ((domain == null) ? "" : ("; domain=" + domain)) +
          ((secure == true) ? "; secure" : "");
    }

    function getCookieVal(offset)
    {
       var endstr = document.cookie.indexOf(";",offset);
       if (endstr == -1)
       {
          endstr = document.cookie.length;
       }
       return unescape(document.cookie.substring(offset, endstr));
    }

    function GetCookie(name)
    {
       var arg = name + "=";
       var alen = arg.length;
       var clen = document.cookie.length;
       var i = 0;
       while (i < clen)
       {
          var j = i + alen;
          if (document.cookie.substring(i, j) == arg)
          {
             return getCookieVal(j);
          }
          i = document.cookie.indexOf(" ", i) + 1;
          if (i == 0)
          {
             break;
          }
       }
       return null;
    }

    function ShowHide(id1, id2, id3)
    {
       var res = expMenu(id1);
       if (id2 != '')
       {
          expMenu(id2);
       }
       if (id3 != '')
       {
          SetCookie(id3, res, exp);
       }
    }

    function expMenu(id)
    {
       var itm = null;
       if (document.getElementById)
       {
          itm = document.getElementById(id);
       }
       else if (document.all)
       {
          itm = document.all[id];
       }
       else if (document.layers)
       {
          itm = document.layers[id];
       }
       if (!itm)
       {
          // do nothing
       }
       else if (itm.style)
       {
          if (itm.style.display == "none")
          {
             itm.style.display = "";
             return 1;
          }
          else
          {
             itm.style.display = "none";
             return 2;
          }
       }
       else
       {
          itm.visibility = "show";
          return 1;
       }
    }
    </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>



<script type="text/javascript" src="http://shots.snap.com/ss/cbd266e737b387fe03d74a4fa910cd6a/snap_shots.js"></script>



<body>

    <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>
    <!-- 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 sur le Forum MAO <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>

<td><a href="http://mao.xooit.fr/index.php"><embed src="http://mixscapemao.free.fr/flash/banniere_noel.SWF" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash" width="100%" height="100%" wmode="transparent"></embed></a></td>

    <center><form style="display: inline; margin:0;">
    <select onchange="setActiveStyleSheet(this.options[this.selectedIndex].value);window.location.href=window.location.href">
    <option>SELECTEUR DE STYLE</option>
    <option value="defaut"> defaut </option>
<option value="ssl studio"> ssl studio </option>
<option value="mic"> mic </option>
<option value="FL studio skin"> FL studio skin </option>
<option value="protools skin"> protools skin </option>
<option value="cubase skin"> cubase skin </option>
<option value="guitar heroe"> guitar heroe </option>
<option value="timbo miko"> timbo miko </option>
<option value="fantom"> fantom </option>


<option value="manga"> manga </option>
<option value="red"> red </option>
<option value="red light"> red light </option>
<option value="rage"> rage </option>
<option value="bordures"> bordures </option>

<option value="chronique"> chronique </option>
<option value="abstract"> abstract </option>
<option value="comic book"> comic book </option>
<option value="very blue"> very blue </option>
<option value="very grey"> very grey </option>
<option value="plenty grey"> plenty grey </option>

<option value="grey evo"> grey evo </option>


<option value="classy"> classy </option>
<option value="macintosh"> macintosh </option>
<option value="solfege"> solfege </option>
<option value="solfege v2"> solfege v2 </option>
<option value="grimoire"> grimoire </option>
<option value="velours"> velours </option>

<option value="blue sky"> blue sky </option>
<option value="simply black"> simply black </option>
<option value="dark metal"> dark metal </option>
<option value="spiderman"> spiderman </option>
<option value="death"> death </option>
<option value="flowers"> flowers </option>

<option value="nebuleuse"> nebuleuse </option>
<option value="halloween"> halloween </option>





<option value="classic"> classic </option>
<option value="classic frenchy"> classic frenchy </option>
<option value="classic highlight"> classic highlight </option>
<option value="classic star"> classic star </option>
<option value="classic graphite"> classic graphite </option>
<option value="classic ciel"> classic ciel </option>





<option value="classic vert"> classic vert </option>

<option value="billard"> billard </option>
<option value="gazon"> gazon </option>
<option value="saumon"> saumon </option>
<option value="blue"> blue </option>
<option value="marine"> marine </option>
<option value="wii"> wii </option>
<option value="xbox"> xbox </option>
<option value="playstation"> playstation </option>
<option value="rose"> rose </option>
<option value="mauve"> mauve </option>
<option value="orange"> orange </option>

<option value="space"> space </option>
<option value="space lemon"> space lemon </option>
<option value="space blue"> space blue </option>
<option value="space green"> space green </option>
<option value="space purple"> space purple </option>

<option value="cocktail"> cocktail </option>
<option value="subway"> subway </option>
<option value="heaven"> heaven </option>
<option value="blog"> blog </option>

<option value="egyptian"> egyptian </option>
<option value="parchemin"> parchemin </option>



 
 
    </select>
    </form></center>
               






    <!-- BEGIN switch_user_logged_out -->

     
    <!-- END switch_user_logged_out -->

 
   
      
    <!-- BEGIN switch_enable_pm_popup -->

   
    <table border="0" width="100%" id="new_pm_popup" style="border-collapse:collapse; position:absolute; text-align:center; display:none; top:20px; left:30px; width:360px; height:200px;">
       <tr>
          <td>
    <table class="forumline" style="border-collapse: collapse">
     <tr>
    <td class="catHead" height="28" align="center"><span class="cattitle">Messages Privés</span></td></tr>
     <tr>
      <td class="row1 row-center" style="height:100%; width:100%;" align="center"><br /><span class="gen" height="100%">De nouveaux messages
       privés vous attendent dans votre Boîte de réception<br /><br />
    <a href="{U_PRIVATEMSGS}" class="gen" align="center">{PRIVATE_MESSAGE_INFO}</a><br /><br />
    <a href="privmsg.php?folder=inbox" onclick="jump_to_inbox();return false;" target="_new">
       Cliquez ici</a> pour voir votre Boîte de réception<br /><br />
    <a href="" onClick="getElementById('new_pm_popup').style.display = 'none'; return false;" class="gen">
       Fermer la Fenêtre</a></span><br /><br /></td>
     </tr>
    </table>
          </td>
       </tr>
    </table>


    <script language="javascript" type="text/javascript">
    <!--
    for (i=1; i<100; i++) {
    alerte = "{PRIVATE_MESSAGE_INFO}";
    if ( alerte == "Vous avez "+i+" nouveaux messages" || alerte == "Vous avez 1 nouveau message")
    {
    document.getElementById('new_pm_popup').style.display = 'inline';
    }
    }
    //-->
    </script>

    <!-- END switch_enable_pm_popup -->


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

<table class="bodyline" cellspacing="0" cellpadding="0" border="0" align="center">
    <tr>
        <td class="back_3_1">&nbsp;</td>
        <td class="back_3_2" colspan="5">
        
            <table cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td class="tab_space_1"></td>
                    <td class="active_button"><a href="http://mao.xooit.fr/portal.php" style="color: #FF0000;" class="tab">Portail</a></td>
<td class="active_button"><a href="{U_INDEX}" style="color: #f3a625;";" class="tab">Forum</a></td>
                    <!-- BEGIN switch_user_logged_out -->
                    <td class="active_button"><a href="{U_REGISTER}" class="tab">{L_REGISTER}</a></td>
                    <td class="active_button"><a href="{U_FAQ}" class="tab">{L_FAQ}</a></td>
                    <td class="active_button"><a href="{U_MEMBERLIST}" class="tab">{L_MEMBERLIST}</a></td>
                              
                                       
                    <!-- END switch_user_logged_out -->
                    <!-- BEGIN switch_user_logged_in -->
                    <td class="active_button"><a href="{U_MEMBERLIST}" class="tab">{L_MEMBERLIST}</a></td>
                    <td class="active_button"><a href="{U_GROUP_CP}" class="tab">{L_USERGROUPS}</a></td>
                    <td class="active_button"><a href="{U_PROFILE}" class="tab">{L_PROFILE}</a></td>

<td class="active_button"><a href="http://mao.xooit.fr/privmsg.php?folder=inbox" style="color: #969696;" class="tab">PM Box</a> </a></td>

 

<td class="active_button"><a href="http://mao.xooit.fr/groupcp.php?g=15&rci=385e0efa6744f712468fe19d98ae50b7" style="color: #FF0000;" class="tab">Contact</a></td>






<td class="active_button"><a href="http://mao.xooit.fr/t1489-NOS-PARTENAIRES.htm"  class="tab">Partenaires</a> </a></td>

<td class="active_button"><a href="http://mao.xooit.fr/faq.php" style="color: #f3a625;) class="tab">FAQ</a></td>

                    <!-- END switch_user_logged_in -->
                    <td class="tab_space_2">&nbsp;</td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td class="link_back_1">&nbsp;</td>
                    <td class="link_back_2"><a href="{U_PRIVATEMSGS}" class="gensmall"><b>{PRIVATE_MESSAGE_INFO}</b></a></td>
                    <td class="link_back_2" align="right">
                        <a href="{U_LOGIN_LOGOUT}" class="gensmall"><b>{L_LOGIN_LOGOUT}</b></a>
                    </td>
                    <td class="link_back_3">&nbsp;</td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td><span style="font-size: 4px;">&nbsp;</span></td>
                    <td class="link_back_5"><span style="font-size: 4px;">&nbsp;</span></td>
                </tr>
            </table>
        
        </td>
        <td class="back_3_7">&nbsp;</td>
    </tr>
</table>
<table class="bodyline" cellspacing="0" cellpadding="0" border="0" align="center">
    <tr>
        <td class="back_4_1"></td>
        <td class="back_4_2" colspan="5">
        <br />




Author Message
Poloiste-LCK
Membre


Offline
Membre

Joined: 12 Jun 2007
Posts: 78
Niveau:
Point(s): 78
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Taureau (20avr-20mai)

PostPosted: Tue 23 Dec 2008 - 19:35    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Petit souci un message d'erreur est venu comme quoi que si j'enregistré mon template tel quel mon forum ne fonctionnerais plus undecided


Voici le template en question

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">
<link rel="shortcut icon" href="http://img136.imageshack.us/img136/5705/iconefofozh0.jpg">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img7.xooimage.com/files/a/p/appalachia-3118a.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original Appalachia Theme for phpBB version 2+
  Created by Droshi
  Design by Kooky
 
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/
 
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
}
 
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
 
/* This is the border line & background colour round the entire page */
.bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
 
/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }
 
/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; }
td.row2   { background-color: {T_TR_COLOR2}; }
td.row3   { background-color: {T_TR_COLOR3}; }
 
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: {T_TD_COLOR2};
      background-image: url(http://img6.xooimage.com/files/c/e/cellpic2-31228.gif);
      background-repeat: repeat-y;
}
 
/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img3.xooimage.com/files/c/e/cellpic3-31186.gif);
}
 
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img7.xooimage.com/files/c/e/cellpic1-31187.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};
}
 
input { text-indent : 2px; }
 
/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR1};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
 
/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
}
 
/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
}
 
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }
 
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-31188.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
 
<script language="JavaScript1.2">
 
    //Gradual-Highlight image script- By Dynamic Drive
    //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
    //This credit MUST stay intact for use
 
    function high(which2){
    theobject=which2
    highlighting=setInterval("highlightit(theobject)",50)
    }
    function low(which2){
    clearInterval(highlighting)
    if (which2.style.MozOpacity)
    which2.style.MozOpacity=0.3
    else if (which2.filters)
    which2.filters.alpha.opacity=50
    }
 
    function highlightit(cur2){
    if (cur2.style.MozOpacity<1)
    cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
    else if (cur2.filters&&cur2.filters.alpha.opacity<100)
    cur2.filters.alpha.opacity+=10
    else if (window.highlighting)
    clearInterval(highlighting)
    }
 </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 : #ADD4F6
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>

<script type="text/javascript">

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

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

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

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

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

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

<style type="text/css">
#topbar2 {
position:absolute;
visibility: hidden;
width: 300px;
z-index: 20;
padding: 4px 4px 4px 4px;
background-color : #ADD4F6;
border : 1px solid #9893C6;
-moz-border-radius: 12px;
opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
}
</style>

<!-- ENDIF -->

</head>
 
<script type="text/javascript" src="http://shots.snap.com/ss/6da0209849670d3f5fae8e3931fa7e2d/snap_shots.js"></script>
 
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
      <td height="85"><a href="{U_INDEX}"><center><embed src="http://photomaniak.com/upload/out.php/i156312_poloiste1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="190"></embed></center></td>
   </tr>
        </br>

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

<div align="center" id="topbar1" style="opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
<span><a href="" onclick="closebar1(); return false">
<img src="http://img42.xooimage.com/files/1/0/9/close-67f4aa.gif" align="right" border="0">
</a></span>
<table border="0" width="100%" style="border-collapse: collapse">
   <tr>
      <td><img src="http://img43.xooimage.com/files/c/1/0/panneau-attention-kayak-fpf-2-93cb89.gif" border="0"></td>
      <td align="center"><span style="color:#3253A4;"><b> Bienvenue sur le fanatic-poloiste <br />
Vous pouvez vous <a href="/profile.php?mode=register">inscrire</a>
 ou vous <a href="/login.php">connecter</a></b></span></td>
   </tr>
</table></div>

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

<center><img src="http://img91.imageshack.us/img91/1661/bannirenolbasefinsansgiqs9.png" border="0" alt="Image Hosted by ImageShack.us"/></a><br/></center>
 
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img2.xooimage.com/files/b/g/bgbar_white-3118b.jpg" />
   <tr>
      <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
         <a href="{U_INDEX}" class="mainmenu"><font color=#FFFFFF>Index<font></a> - <a href="{U_FAQ}" class="mainmenu"><font color=#FFFFFF>{L_FAQ}</font></a> - <a href="{U_SEARCH}" class="mainmenu"><font color=#FFFFFF>{L_SEARCH}</font></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=#FFFFFF>Membres</font></a> - <a href="{U_GROUP_CP}" class="mainmenu"><font color=#FFFFFF>Groupes</font></a> -
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_REGISTER}" class="mainmenu"><font color=#FFFFFF>{L_REGISTER}</span></a> -
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_PROFILE}" class="mainmenu"><font color=#FFFFFF>{L_PROFILE}</span></a> -
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>Messages Priv&eacute;s</span></a> -
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span></a> -
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
         <!-- END switch_user_logged_in -->
         </span>
      </td>
   </tr>
</table>     
<table width="760" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
     <td class="bodyline">
 


J'ai loopé quoi ?

merci
_______________________


Forum
Author Message
Poloiste-LCK
Membre


Offline
Membre

Joined: 12 Jun 2007
Posts: 78
Niveau:
Point(s): 78
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Taureau (20avr-20mai)

PostPosted: Tue 23 Dec 2008 - 20:41    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

j'ai regardé pour résoudre le problème seul mais rien ni fait.

sa vient peut être du faite que je n'est pas de balise <body> mais
Code: Sélectionner - Agrandir
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">


Mon théme est apppalachia.
_______________________


Forum
Author Message
RenArt


Offline
Guest




PostPosted: Wed 24 Dec 2008 - 10:38    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Je n'arrive pas à changer la couleur des liens quelqu'un peut-il m'aider s'il vous plaît ?
Voila le code que j'ai martyrisé Razz

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

<div align="center" id="topbar1" style="opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
<span><a href="" onclick="closebar1(); return false">
<img src="http://img42.xooimage.com/files/1/0/9/close-67f4aa.gif" align="right" border="0">
</a></span>
<table border="0" width="100%" style="border-collapse: collapse">
   <tr>
      <td><img src="http://www.messentools.com/images/emoticones/zorrito/www.MessenTools.com-58%20lengua.gif" border="0"></td>
      <td align="center"><span style="color:#3253A4;"><b> Bienvenue humble visiteur <br />
Veuillez vous <font color="black"><a href="/profile.php?mode=register">inscrire</a></font>
 ou vous <font color="black"><a href="/login.php">connecter</a></font></b></span></td>
   </tr>
</table></div>

<!-- ENDIF --> 



Author Message
chris37
Membre


Offline
Membre

Joined: 24 Sep 2008
Posts: 69
Niveau:
Point(s): 77
Moyenne: 1.12
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Vierge (24aoû-22sep) 猪 Cochon

PostPosted: Wed 24 Dec 2008 - 11:56    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Poloiste-LCK wrote:
j'ai regardé pour résoudre le problème seul mais rien ni fait.

sa vient peut être du faite que je n'est pas de balise <body> mais
Code: Sélectionner - Agrandir

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


Mon théme est apppalachia.
salut
c'est bien ta balise body, c'est l'ensemble en fait, comme pour moi !!
sinon superbe tuto, tout marche du premier coup sur c3s.css Smile
_______________________
Mon [Tuto] sur Xooit, ,Cliquez

Site CONTRE la réforme scolaire 2014
[/b]


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: Wed 24 Dec 2008 - 13:27    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

@renart

tu changes ici

span style="color:#3253A4;"

le code couleur
_______________________


Forum
Author Message
RenArt


Offline
Guest




PostPosted: Wed 24 Dec 2008 - 13:46    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

oui mais ça change la couleur du texte, pas des liens .

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: Wed 24 Dec 2008 - 13:48    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

tu as la même chose ici


 
Code: Sélectionner - Agrandir
<font color="black"><a href="/login.php">connecter</a></font> 
il suffit de changer le code couleur

tu mets ça

#codecouleur
à la place de black
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 17:41    Post subject: [Tuto] POPUP persistante de notification en DHTML

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