It is currently Mon 26 Sep 2016 - 02:13 - créer un forum

[Tuto] POPUP persistante de notification en DHTML

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 323, 24, 25

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





PostPosted: Wed 26 Oct 2011 - 08:50    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

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

est ce que si l'on enleve les balises avec if , tout le monde meme si ils sont connectés , auront marqués "se connecter ou s'inscrire"??????
Author Message
Miss Poplyne
Membre


Offline
Membre

Joined: 19 Dec 2013
Posts: 3
Niveau:
Point(s): 3
Moyenne: 1.00
Windows Vista ou 7 Opera Féminin

PostPosted: Thu 19 Dec 2013 - 17:32    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour, 

svp aidez moi, impossible de trouver "body" 
quand je fais ctrl+f il m'en trouve des tas un peu partout, lequel est ce ? 

voila, dans mon template, il ne me reste que le 3eme code a mettre.. celui ci :
Code: Sélectionner - Agrandir
<!-- 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 -->


et voila mon template ...
 
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<script type="text/javascript">


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


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


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


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


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


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


td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img.xooimage.com/files7/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://img.xooimage.com/files10/f/o/formie-31188.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>


<table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center"> 
   <tr>
      <td height="85"><a href="{U_INDEX}"><img src=http://img.xooimage.com/files56/7/3/0/bann1-42cef17.png border="0" /></td>
   </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img.xooimage.com/files2/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=#000000>{PRIVATE_MESSAGE_INFO}</font></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">
 



merci pour votre aide  Sad


Forum
Author Message
Sploutch
Membre


Offline
Membre

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

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

Bonjour Miss Poplyne,
Je vous ai placé votre code, après votre boby
(je n'ai pas vérifié les deux autres codes que vous avez déjà placé)
Code: Sélectionner - Agrandir
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Après une sauvegarde de votre template essayez ceci :

 
Code: Sélectionner - Agrandir
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html dir="{S_CONTENT_DIRECTION}">
    <script type="text/javascript">


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


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


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


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


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


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


    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
             background-image: url(http://img.xooimage.com/files7/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://img.xooimage.com/files10/f/o/formie-31188.css");
    -->
    </style>
    <!-- BEGIN switch_enable_pm_popup -->
    <script language="Javascript" type="text/javascript">
    <!--
       if ( {PRIVATE_MESSAGE_NEW_FLAG} )
       {
          window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
       }
    //-->
    </script>
    <!-- END switch_enable_pm_popup -->
    </head>
    <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   
       <!-- BEGIN switch_user_logged_in -->
    <div align="center" id="topbar2">
    <span><a href="" onclick="closebar2(); return false">
    <img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" align="right" border="0">
    </a></span>
    <span style="color:#3253A4;"><b><a href="{U_PRIVATEMSGS}" class="gen" align="center"><img src="http://img5.xooimage.com/files/f/1/e/email2-1ca94a.png" alt="{PRIVATE_MESSAGE_INFO}" border="0" align="bottom">
     {PRIVATE_MESSAGE_INFO}</a></b></span><br /></div>
    <!-- END switch_user_logged_in -->


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


    <table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center">
       <tr>
          <td height="85"><a href="{U_INDEX}"><img src=http://img.xooimage.com/files56/7/3/0/bann1-42cef17.png border="0" /></td>
       </tr>
    </table>
    <table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img.xooimage.com/files2/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=#000000>{PRIVATE_MESSAGE_INFO}</font></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>

Cordialement.
_______________________
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
Miss Poplyne
Membre


Offline
Membre

Joined: 19 Dec 2013
Posts: 3
Niveau:
Point(s): 3
Moyenne: 1.00
Windows Vista ou 7 Opera Féminin

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

bisous  merci infiniment pour votre aide, c'est génial 
je vais de suite aller l'installer 


bon week end  Merci


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 02:13    Post subject: [Tuto] POPUP persistante de notification en DHTML

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