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

Menu/barre de navigation avec effet dynamique

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3, 4, 5, 6, 7  >

Menu/barre de navigation avec effet dynamique
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Tue 9 Jun 2009 - 14:03    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

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

bonjour

tu peux mettre tout ton overall header comme ça

http://xooit.xooit.com/t40996-Poster-le-contenu-d-un-template.htm
Forum
Author Message
flambiii


Offline
Guest




PostPosted: Tue 9 Jun 2009 - 14:08    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Ok pas de probleme, le voila :


Code: Sélectionner - Agrandir
<?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
<head>
<script language="JavaScript">
var p_top=0 //hauteur debut du menu
var p_left=0 //distance du bord
var p_wth=210 //largeur
var colorbg = "#666666"; //couleur de fond
var colorlien = "#cccccc"; //couleur du texte
var colorsel = "#ffffff"; //couleur selection
menutexte = new Array;
menulien = new Array;
menutarget = new Array;
// MENU .......
menutexte[0]= 'Mon Profil'
menulien[0]= 'http://gign.forumserv.com/profile.php?mode=editprofile'
menutarget[0]= '_blank'
menutexte[1]= 'Messagerie'
menulien[1]= 'http://gign.forumserv.com/privmsg.php?folder=inbox'
menutarget[1]= '_blank'
menutexte[2]= 'Les membres'
menulien[2]= 'http://gign.forumserv.com/memberlist.php'
menutarget[2]= '_self'
menutexte[3]= 'Les Groupes'
menulien[3]= 'http://gign.forumserv.com/groupcp.php'
menutarget[3]= '_self'

// MENU .......
window.onload = pos_menu;
document.write('<SPAN ID="menu" style="position:absolute;top:'+p_top+';left:'+p_left+';"><table bgcolor=\''+colorbg+'\'" width="'+(screen.width-20)+'" border=1  bordercolorlight=\''+colorbg+'\'" bordercolordark=#CCCCCC ><TR>')
var a=0
while (a<menutexte.length) {   
    document.write('<TD onMouseOut="this.style.background=\''+colorbg+'\'" onMouseOver="this.style.background=\''+colorsel+'\'" STYLE="cursor:hand"><div align="center"><FONT FACE="comic sans ms" SIZE=2><B><A HREF="'+menulien[a]+'" TARGET="'+menutarget[a]+'" STYLE="text-decoration:none;font-weight: bold;color:'+colorlien+'">'+menutexte[a]+'</A></B></FONT></div></TD>');
    a++;
    }
document.write('</TR></TABLE></SPAN>')

ie4=document.all
ns6=document.getElementById&&!document.all
ns4=document.layers
function pos_menu() {
if (ie4) {menu.style.pixelTop=document.body.scrollTop+p_top}
else if (ns6) {document.getElementById("menu").style.top=window.pageYOffset+p_top}
else if (ns4) {eval(document.menu.top=eval(window.pageYOffset+p_top));}
if(ie4 || ns6 || ns4)
    setTimeout("pos_menu()",1);
}
//-->
</script>

<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="dgfcounter.css" rel="stylesheet" type="text/css" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img6.xooimage.com/files/d/g/dgfcounter-31759.css" type="text/css" />
<!-- BEGIN switch_enable_pm_popup -->
<script 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>
<boby>
<!--debut header-->
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table align="center" width="900" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="4">
      <!-- BEGIN switch_user_logged_out -->
       <img src="http://img8.xooimage.com/files/c/s/cs_01_noc-3175a.gif" width="900" height="199" alt=""></td>
       <!-- END switch_user_logged_out -->
       <!-- BEGIN switch_user_logged_in -->
         <img src="http://img10.xooimage.com/files/c/s/cs_01-3175b.gif" width="900" height="199" alt=""></td>
      <!-- END switch_user_logged_in -->
   </tr>
   <tr>
      <td><img src="http://img4.xooimage.com/files/c/s/cs_02-3175c.jpg" width="77" height="39" alt=""></td>
      <td background="http://img5.xooimage.com/files/c/s/cs_03-3175d.jpg" width="618" height="39">
      <span class="dgf">&nbsp;<a href="{U_PROFILE}" class="dgf">{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="dgf">{PRIVATE_MESSAGE_INFO}</a>&nbsp; </span>
      <span class="dgf">&nbsp;<a href="{U_FAQ}" class="dgf">{L_FAQ}</a></span><span class="dgf">&nbsp; &nbsp;<a href="{U_SEARCH}" class="dgf">{L_SEARCH}</a>&nbsp;  &nbsp;<a href="{U_MEMBERLIST}" class="dgf">{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="dgf">{L_USERGROUPS}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="dgf">{L_LOGIN_LOGOUT}</a>&nbsp;</span>
      <!-- BEGIN switch_user_logged_out -->
      <span class="dgf">&nbsp;<a href="{U_REGISTER}" class="dgf">{L_REGISTER}</a></span>&nbsp;
      <!-- END switch_user_logged_out -->
         </td>
      <td colspan="2">
         <img src="http://img7.xooimage.com/files/c/s/cs_04-3175e.jpg" width="205" height="39" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="http://img8.xooimage.com/files/c/s/cs_05-3175f.jpg" width="77" height="45" alt=""></td>
      <td background="http://img9.xooimage.com/files/c/s/cs_06-31760.jpg" width="755" height="45" colspan="2">
         </td>
      <td>
         <img src="http://img8.xooimage.com/files/c/s/cs_07-31761.jpg" width="68" height="45" alt=""></td>
   </tr>
   <tr>
      <td background="http://img2.xooimage.com/files/c/s/cs_08-31762.jpg" width="77" height="100%">
         </td>
      <td background="http://img8.xooimage.com/files/c/s/cs_09-31763.jpg" width="755" height="222" colspan="2" valign="top">
<br /><br />      


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 9 Jun 2009 - 14:11    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

mets ça
Code: Sélectionner - Agrandir

<?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
    <head>
    <script language="JavaScript">
    var p_top=0 //hauteur debut du menu
    var p_left=0 //distance du bord
    var p_wth=210 //largeur
    var colorbg = "#666666"; //couleur de fond
    var colorlien = "#cccccc"; //couleur du texte
    var colorsel = "#ffffff"; //couleur selection
    menutexte = new Array;
    menulien = new Array;
    menutarget = new Array;
    // MENU .......
    menutexte[0]= 'Mon Profil'
    menulien[0]= 'http://gign.forumserv.com/profile.php?mode=editprofile'
    menutarget[0]= '_blank'
    menutexte[1]= 'Messagerie'
    menulien[1]= 'http://gign.forumserv.com/privmsg.php?folder=inbox'
    menutarget[1]= '_blank'
    menutexte[2]= 'Les membres'
    menulien[2]= 'http://gign.forumserv.com/memberlist.php'
    menutarget[2]= '_self'
    menutexte[3]= 'Les Groupes'
    menulien[3]= 'http://gign.forumserv.com/groupcp.php'
    menutarget[3]= '_self'

    // MENU .......
    window.onload = pos_menu;
    document.write('<SPAN ID="menu" style="position: fixed;top:'+p_top+';left:'+p_left+';"><table bgcolor=\''+colorbg+'\'" width="'+(screen.width-20)+'" border=1  bordercolorlight=\''+colorbg+'\'" bordercolordark=#CCCCCC ><TR>')
    var a=0
    while (a<menutexte.length) {   
        document.write('<TD onMouseOut="this.style.background=\''+colorbg+'\'" onMouseOver="this.style.background=\''+colorsel+'\'" STYLE="cursor:hand"><div align="center"><FONT FACE="comic sans ms" SIZE=2><B><A HREF="'+menulien[a]+'" TARGET="'+menutarget[a]+'" STYLE="text-decoration:none;font-weight: bold;color:'+colorlien+'">'+menutexte[a]+'</A></B></FONT></div></TD>');
        a++;
        }
    document.write('</TR></TABLE></SPAN>')

    ie4=document.all
    ns6=document.getElementById&&!document.all
    ns4=document.layers
    function pos_menu() {
    if (ie4) {menu.style.pixelTop=document.body.scrollTop+p_top}
    else if (ns6) {document.getElementById("menu").style.top=window.pageYOffset+p_top}
    else if (ns4) {eval(document.menu.top=eval(window.pageYOffset+p_top));}
    if(ie4 || ns6 || ns4)
        setTimeout("pos_menu()",1);
    }
    //-->
    </script>

    <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <link href="dgfcounter.css" rel="stylesheet" type="text/css" />
    {META}
    {NAV_LINKS}
    <title>{SITENAME} :: {PAGE_TITLE}</title>
    <link rel="stylesheet" href="http://img6.xooimage.com/files/d/g/dgfcounter-31759.css" type="text/css" />
    <!-- BEGIN switch_enable_pm_popup -->
    <script 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>
    <boby>
    <!--debut header-->
    <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table align="center" width="900" border="0" cellpadding="0" cellspacing="0">
       <tr>
          <td colspan="4">
          <!-- BEGIN switch_user_logged_out -->
           <img src="http://img8.xooimage.com/files/c/s/cs_01_noc-3175a.gif" width="900" height="199" alt=""></td>
           <!-- END switch_user_logged_out -->
           <!-- BEGIN switch_user_logged_in -->
             <img src="http://img10.xooimage.com/files/c/s/cs_01-3175b.gif" width="900" height="199" alt=""></td>
          <!-- END switch_user_logged_in -->
       </tr>
       <tr>
          <td><img src="http://img4.xooimage.com/files/c/s/cs_02-3175c.jpg" width="77" height="39" alt=""></td>
          <td background="http://img5.xooimage.com/files/c/s/cs_03-3175d.jpg" width="618" height="39">
          <span class="dgf">&nbsp;<a href="{U_PROFILE}" class="dgf">{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="dgf">{PRIVATE_MESSAGE_INFO}</a>&nbsp; </span>
          <span class="dgf">&nbsp;<a href="{U_FAQ}" class="dgf">{L_FAQ}</a></span><span class="dgf">&nbsp; &nbsp;<a href="{U_SEARCH}" class="dgf">{L_SEARCH}</a>&nbsp;  &nbsp;<a href="{U_MEMBERLIST}" class="dgf">{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="dgf">{L_USERGROUPS}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="dgf">{L_LOGIN_LOGOUT}</a>&nbsp;</span>
          <!-- BEGIN switch_user_logged_out -->
          <span class="dgf">&nbsp;<a href="{U_REGISTER}" class="dgf">{L_REGISTER}</a></span>&nbsp;
          <!-- END switch_user_logged_out -->
             </td>
          <td colspan="2">
             <img src="http://img7.xooimage.com/files/c/s/cs_04-3175e.jpg" width="205" height="39" alt=""></td>
       </tr>
       <tr>
          <td>
             <img src="http://img8.xooimage.com/files/c/s/cs_05-3175f.jpg" width="77" height="45" alt=""></td>
          <td background="http://img9.xooimage.com/files/c/s/cs_06-31760.jpg" width="755" height="45" colspan="2">
             </td>
          <td>
             <img src="http://img8.xooimage.com/files/c/s/cs_07-31761.jpg" width="68" height="45" alt=""></td>
       </tr>
       <tr>
          <td background="http://img2.xooimage.com/files/c/s/cs_08-31762.jpg" width="77" height="100%">
             </td>
          <td background="http://img8.xooimage.com/files/c/s/cs_09-31763.jpg" width="755" height="222" colspan="2" valign="top">
    <br /><br />

_______________________


Forum
Author Message
flambiii


Offline
Guest




PostPosted: Tue 9 Jun 2009 - 14:13    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

ok sa marche merci bien, mais pourrez vous me dire ce que vous avez changé car je préfère comprendre plutôt que d'avoir tout deja fait Smile

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 9 Jun 2009 - 14:14    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

ben ici

Code: Sélectionner - Agrandir
document.write('<SPAN ID="menu" style="position: fixed;


tu avais absolute au lieu de fixed
_______________________


Forum
Author Message
flambiii


Offline
Guest




PostPosted: Tue 9 Jun 2009 - 14:17    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

a ok merci bien a la fois pour avoir arrangé mon probleme mais aussi pour la rapidité concernant vous reponse

Author Message
R4PHAEL
Membre


Offline
Membre

Joined: 17 Mar 2008
Posts: 89
Niveau:
Point(s): 89
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 鷄 Coq

PostPosted: Wed 5 Aug 2009 - 10:12    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Yskander wrote:

Vous devez attendre qu'altair fasse le tuto pour son menu
Cordialement


Bonjour,

est ce qu'Altaîr a rédigé un tuto pour son superbe menu? J'aimerai beaucoup pouvoir l'installer sur mon forum!
Ou si il ne l'as pas fait est-il possible de modifier la largeur du menu pour qu'il s'adapte à celle du forum, pareil pour l'opacité du fond, peut on la modifier?
En fait quels sont les éléments que l'on peut modifier sur le code d'An0nyme?


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 5 Aug 2009 - 10:48    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

bonjour

non il n'a pas encore fais

pour la largeur ici

var p_wth=210 //largeur

tu mets une valeur en %
_______________________


Forum
Author Message
R4PHAEL
Membre


Offline
Membre

Joined: 17 Mar 2008
Posts: 89
Niveau:
Point(s): 89
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 鷄 Coq

PostPosted: Wed 5 Aug 2009 - 10:56    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Cela ne fonctionne pas avec les %age, à moins de le mettre "90%" toutefois ça ne change rien
le menu conserve sa largeur, et changer la valeur de var p_wth non plus....


Forum
Author Message
lecoeurnoir


Offline
Guest




PostPosted: Fri 25 Sep 2009 - 20:22    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Bonjour, j'ai suivie votre tuto. Mais il n'apparait pas dans mon thème de test.

Voici le template.



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

<script language="JavaScript">
var p_top=0 //hauteur debut du menu
var p_left=0 //distance du bord
var p_wth=210 //largeur
var colorbg = "#C7C4C0"; //couleur de fond
var colorlien = "#010101"; //couleur du texte
var colorsel = "#FB932A"; //couleur selection
menutexte = new Array;
menulien = new Array;
menutarget = new Array;
// MENU .......
menutexte[0]= '<img src="http://img2.xooimage.com/files/3/2/2/forum-d497ae.png" border="0">'
menulien[0]= 'http://forume.ogameteam.com/index.php'
menutarget[0]= '_self'
menutexte[1]= '<img src="http://img1.xooimage.com/files/1/d/7/faq-d497a5.png" border="0">'
menulien[1]= 'http://forume.ogameteam.com/faq.php'
menutarget[1]= '_self'
menutexte[2]= '<img src="http://img6.xooimage.com/files/c/2/b/search-d497cf.png" border="0">'
menulien[2]= 'http://forume.ogameteam.com/search.php'
menutarget[2]= '_self'
menutexte[3]= '<img src="http://img1.xooimage.com/files/f/a/7/membres-d49c0f.png" border="0">'
menulien[3]= 'http://forume.ogameteam.com/memberlist.php'
menutarget[3]= '_self'
menutexte[4]= '<img src="http://img9.xooimage.com/files/3/f/b/groupes-d49c03.png" border="0">'
menulien[4]= 'http://forume.ogameteam.com/groupcp.php'
menutarget[4]= '_self'
menutexte[5]= '<img src="http://img5.xooimage.com/files/f/d/3/profil-d49c20.png" border="0">'
menulien[5]= 'http://forume.ogameteam.com/profile.php?mode=editprofile'
menutarget[5]= '_self'
menutexte[6]= '<img src="http://img7.xooimage.com/files/f/8/e/mp-d49c18.png" border="0">'
menulien[6]= 'http://forume.ogameteam.com/privmsg.php?folder=inbox'
menutarget[6]= '_self'
menutexte[7]= '<img src="http://forume.ogameteam.com/login.php?logout=true" border="0">'
menulien[7]= 'http://forume.ogameteam.com/login.php?logout=true'
menutarget[7]= '_self'
// MENU .......
window.onload = pos_menu;
document.write('<SPAN ID="menu" style="position:fixed;top:'+p_top+';left:'+p_left+';"><table bgcolor=\''+colorbg+'\'" width="'+(screen.width-20)+'" border=1  bordercolorlight=\''+colorbg+'\'" bordercolordark=#CCCCCC ><TR>')
var a=0
while (a<menutexte.length) {   
    document.write('<TD onMouseOut="this.style.background=\''+colorbg+'\'" onMouseOver="this.style.background=\''+colorsel+'\'" STYLE="cursor:hand"><div align="center"><FONT FACE="comic sans ms" SIZE=2><B><A HREF="'+menulien[a]+'" TARGET="'+menutarget[a]+'" STYLE="text-decoration:none;font-weight: bold;color:'+colorlien+'">'+menutexte[a]+'</A></B></FONT></div></TD>');
    a++;
    }
document.write('</TR></TABLE></SPAN>')

ie4=document.all
ns6=document.getElementById&&!document.all
ns4=document.layers
function pos_menu() {
if (ie4) {menu.style.pixelTop=document.body.scrollTop+p_top}
else if (ns6) {document.getElementById("menu").style.top=window.pageYOffset+p_top}
else if (ns4) {eval(document.menu.top=eval(window.pageYOffset+p_top));}
if(ie4 || ns6 || ns4)
    setTimeout("pos_menu()",1);
}
//-->
</script>

<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>
<script language="javascript" src="http://img2.xooimage.com/files/8/0/c/script-304cde.js">
</script>
<style type="text/css">
<!--
/*
  WorkStation_fusion 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/4/e/a/image-80-d5f7fc.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top right;
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: #111111;
    scrollbar-highlight-color: #666666;
    scrollbar-shadow-color: #444444;
    scrollbar-3dlight-color: #333333;
    scrollbar-arrow-color:  #ff9900;
    scrollbar-track-color: #202020;
    scrollbar-darkshadow-color: #222222
        table.bbcode-table a:link { color: #FFFFFF }
        table.bbcode-table a:active { color: #FFFFFF }
        table.bbcode-table a:visited { color: #666666 }
        table.bbcode-table a:hover { color: #000000 }
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: none; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: ""; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TH_COLOR3}; 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_TR_COLOR3};
        background-image: url(http://img2.xooimage.com/files/0/2/5/cell-3c07e-180ed1.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_TH_COLOR1}; font-size: {T_FONTSIZE2}px; font-weight : bold;
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img3.xooimage.com/files/d/8/7/cellhead-3c07f.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img7.xooimage.com/files/c/c/3/cell-3c07e.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 18px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: none; }

/* Optionnal text */
.class1 { font-size : {T_FONTSIZE2}px; color : {T_TR_COLOR1}; }
.class2 { font-size : {T_FONTSIZE1}px; color : {T_TR_COLOR1}; }
.class3    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_TR_COLOR1}; }

/* 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_TR_COLOR1}}
a.cattitle        { text-decoration: none; color : {T_TR_COLOR1}; }
a.cattitle:hover{ text-decoration: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</script>
<style type="text/css">
#topbar1 {
position:absolute;
background-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>
<script type="text/javascript">

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

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

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

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

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

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

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

<!-- 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://img7.xooimage.com/files/6/0/6/spheres_rouge004-1187dc.gif" border="0"></td>
      <td align="center"><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></td>
   </tr>
</table></div>

<!-- ENDIF --> 

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

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
    <tr>
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img10.xooimage.com/files/c/6/4/96721getattachment.aspx-1--10b8cfa.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                </tr><tr>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img2.xooimage.com/files/3/2/2/forum-d497ae.png" width="137" height="102" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/1/d/7/faq-d497a5.png" width="31" height="102" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img6.xooimage.com/files/c/2/b/search-d497cf.png" width="90" height="102" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img1.xooimage.com/files/f/a/7/membres-d49c0f.png" width="65" height="102" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img9.xooimage.com/files/3/f/b/groupes-d49c03.png" width="61" height="102" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img5.xooimage.com/files/f/d/3/profil-d49c20.png" width="43" height="102" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" height="102" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img3.xooimage.com/files/c/8/d/connection-d497b5.png" width="102" height="102" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img2.xooimage.com/files/3/2/2/forum-d497ae.png" width="137" height="102" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/1/d/7/faq-d497a5.png" width="31" height="102" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img6.xooimage.com/files/c/2/b/search-d497cf.png" width="90" height="102" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img8.xooimage.com/files/f/2/1/inscription-d497c8.png" width="100" height="102" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img5.xooimage.com/files/6/6/7/connection-d497bd.png" width="103" height="102" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

        <br /> 




Merci d'avance pour votre aide.


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 25 Sep 2009 - 20:26    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

bonjour

sur quel forum
celui de ton profil je n'ai rien dans le thème normal ou de test

sinon chez moi j'ai bien le menu en haut qui s'affiche
_______________________


Forum
Author Message
lecoeurnoir


Offline
Guest




PostPosted: Fri 25 Sep 2009 - 20:42    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

C'est un forum Xooit. et celui de mon profil est pas la bon

Voilà mon forum après que j'ai mis le code dans le templace du forum principal.

http://forume.ogameteam.com/index.php


Author Message
Black xb
Membre


Offline
Membre

Joined: 31 Jul 2009
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00

PostPosted: Sat 26 Sep 2009 - 09:21    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Vous n'aurez pas un forum ou la barre y est?

Forum
Author Message
Sploutch
Membre


Offline
Membre

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

PostPosted: Sat 26 Sep 2009 - 10:31    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Black xb wrote:
Vous n'aurez pas un forum ou la barre y est?


Bonjour,
ICI tu en as un d'aperçu.
(tout en haut de la page quand tu passe la souris)
La barre et sous un effet caché, qui reste moins facile d'utilisation et surtout de savoir qu'elle existe pour le visiteur/membre, mais ceci dit, c'est le même principe.
_______________________
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: Sat 26 Sep 2009 - 10:58    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

http://forume.ogameteam.com/index.php?theme=test
lecoeurnoir wrote:
C'est un forum Xooit. et celui de mon profil est pas la bon

Voilà mon forum après que j'ai mis le code dans le templace du forum principal.

http://forume.ogameteam.com/index.php


je viens de mettre le même thème que toi
et le template overall header et je n'ai pas de soucis

est ce que tu as touché autre chose sur ton forum?
_______________________


Forum
Author Message
Black xb
Membre


Offline
Membre

Joined: 31 Jul 2009
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00

PostPosted: Sat 26 Sep 2009 - 13:44    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

et on peux le midifier commeon veut?

Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 00:26    Post subject: Menu/barre de navigation avec effet dynamique

Display posts from previous:   
Reply to topic Page 5 of 7 Goto page: <  1, 2, 3, 4, 5, 6, 7  >




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