It is currently Sun 25 Sep 2016 - 03:58 - créer un forum

[Tuto] Bannière avec menu déroulent + image

Skip to content

Post new topic Reply to topic Goto page: 1, 2, 3, 4  >

[Tuto] Bannière avec menu déroulent + image
Author Message
Sploutch
Membre


Offline
Membre

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

PostPosted: Wed 10 Jun 2009 - 19:59    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

PublicitéSupprimer les publicités ?
Informations



Informations sur le tutoriel
NomBannière avec un menu déroulent plus une image de votre choix.
Auteur By
contact :Via ma fiche
Version1.0
Description
Suite à une demande, ce tutoriel vous permet d’avoir une bannière aux dimensions de 468X60 avec une image inclus incorporent un menu déroulent verticalement.
Personnalisation possible, couleurs de la bannière, fond, contour, police, image etc…
ExempleICI au centre de cette page.
(Ne pas tenir compte d’éventuelle page de pub, du à mes sponsors)
Ou via le screenshot ...
Défaut(s)
  • Aucun !
  • Au contraire, cet ajout s'incorpore complètement à votre forum.


Difficulté
  • Installation: novice
  • Compréhension: novice

Templates à modifier
  • CELUI-DE-VOTRE-CHOIX.tpl



Testé sur
  • Navigateurs
    • FireFox
    • Opéra
    • Internet Explorer

  • Thèmes Xooit
    • subMarine


A utiliser avec

A ne pas utiliser avec

Notes
  • Il est déconseillé d’utiliser les tutoriels cité ci-dessus en même temps ou sur une même page.
    En effet ceux-ci se rejoigne et ont la même fonction.
    Il vous faut donc choisir l’un des trois, pour l’intérêt de votre forum.







Installation
Il est conseillé d'effectuer une sauvegarde avant de réaliser ce tutoriel.Pour cela, cliquez sur le champs de texte et appuyez sur Ctrl+A et Ctrl+C. Ouvrez votre éditeur de texte préféré et faites Ctrl+V.



Ouvrez le template DE-VOTRE-CHOIX.tpl (Overall_header.tpl pour en haut des pages, Overall_Footer.tpl pour le bas des pages, Index_body.tpl etc etc… )


| Cherchez |
Code: Sélectionner - Agrandir

L’emplacement choisi ou vous souhaitez voir s’afficher la bannière




|Ajoutez |
Code: Sélectionner - Agrandir


<center>
<table height="60" border="1" bgcolor="#000000" width="468"><tbody><tr>
<td height="60" width="230"><a href="http://sploutchsploutch.free.fr" target="_blank">
<img height="45" border="0" width="300" src="http://img10.xooimage.com/files/6/2/9/123-11fb8f.png" /></a>
</td><td align="center" valign="middle">
<select name="banmenu" id="banmenu" style="color: rgb(174, 174, 223); font-family: verdana; font-size: 10px;" onchange="javascript:choix=this.value;if (choix != '-'){window.open('http://sploutchsploutch.free.fr/'+choix,'')}">
<option value="-">Choisissez :</option>
<option value="phpBB2/index.php">Acceuil</option>
<option value="Contacts">Contact webmaster</option>
<option value="Recommenderm.html">Recommendez nous</option>
<option value="Partenariats.html">Partenariat</option>
<option value="PropoLogiciel.html">proposer logiciel</option>
<option value="Chate.html">T'chater  live</option>
<option value="météO.html">Météo</option>
<option value="PageJeux.html">Jeux flash</option>
<option value="FontsEcran.html">Fonds d'écran</option>
<option value="smiley.html">smileys fun</option>
<option value="phpBB2/viewforum.php?f=1">Logiciels divers</option>
<option value="phpBB2/viewforum.php?f=4">Logiciels WLM/MSN</option>
<option value="phpBB2/viewforum.php?f=18">Logiciels jeux pc</option>
<option value="phpBB2/viewforum.php?f=10">Scritps wlm+</option>
<option value="phpBB2/viewforum.php?f=11">Emoti-sons</option>
<option value="phpBB2/viewforum.php?f=14">Meegos, clins d'oeil</option>
<option value="phpBB2/viewforum.php?f=14">Fonds dynamique</option>
<option value="phpBB2/viewforum.php?f=14">Fonds écran pc</option>
<option value="phpBB2/viewforum.php?f=17">Skins wlm</option>
<option value="phpBB2/viewforum.php?f=2">Tuto Webmaster</option>
<option value="phpBB2/viewforum.php?f=3">Tuto logiciels</option>
<option value="phpBB2/viewforum.php?f=9">Tuto pc</option>
</select>
</td></tr></tbody></table></center>




| Sauvegardez |





Vous pouvez pour ainsi dire tout modifier.
L’image, changer l’url dans la ligne de code suivante :
Code: Sélectionner - Agrandir

<img height="45" border="0" width="300" src="http://img10.xooimage.com/files/6/2/9/123-11fb8f.png" /></a>

L’url de redirection une fois clique sur cette image :
Code: Sélectionner - Agrandir

 <td height="60" width="230"><a href="http://sploutchsploutch.free.fr" target="_blank">

Le titre du Menu dans l’exemple c’est Choisissez :
Code: Sélectionner - Agrandir

 <option value="-">Choisissez :</option>

La couleur de fond de la bannière présente sous les textes (titre et sous titre de direction)
Code: Sélectionner - Agrandir

 <table height="60" border="1" bgcolor="#000000" width="468"><tbody><tr>

La taille et police dans la ligne suivante :
Code: Sélectionner - Agrandir

 <select name="banmenu" id="banmenu" style="color: rgb(174, 174, 223); font-family: verdana; font-size: 10px;" onchange="javascript:choix=this.value;if (choix != '-'){window.open('http://sploutchsploutch.free.fr/'+choix,'')}"> 

Modifier pour la police :
Code: Sélectionner - Agrandir

font-family: verdana; 

Pour la taille de la police :
Code: Sélectionner - Agrandir

font-size: 10px; 

Changez ensuite toute les valeurs pour chaque page ainsi que le titre descriptif :
Code: Sélectionner - Agrandir

<option value="phpBB2/viewforum.php?f=9">Tuto pc</option>

(Vous pouvez ajouter autant de sous menu que vous souhaitez.)




Bonne installation !
| Fin du tuto |

By Sploutch ©


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


Last edited by Sploutch on Sun 16 Feb 2014 - 21:17; edited 3 times in total
Forum
Author Message
Johnwip


Offline
Guest




PostPosted: Thu 13 Aug 2009 - 21:36    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

Salut,
Super tuto mais je galère.
Je voudrais mettre d'autre lien avec d'autre nom mais cela ne marche pas
J'ai remplacé

Code: Sélectionner - Agrandir
<option value="phpBB2/index.php">Acceuil</option>
<option value="Contacts">Contact webmaster</option>
<option value="Recommenderm.html">Recommendez nous</option>
<option value="Partenariats.html">Partenariat</option>
<option value="PropoLogiciel.html">proposer logiciel</option>
<option value="Chate.html">T'chater  live</option>
<option value="météO.html">Météo</option>
<option value="PageJeux.html">Jeux flash</option>
<option value="FontsEcran.html">Fonds d'écran</option>
<option value="smiley.html">smileys fun</option>
<option value="phpBB2/viewforum.php?f=1">Logiciels divers</option>
<option value="phpBB2/viewforum.php?f=4">Logiciels WLM/MSN</option>
<option value="phpBB2/viewforum.php?f=18">Logiciels jeux pc</option>
<option value="phpBB2/viewforum.php?f=10">Scritps wlm+</option>
<option value="phpBB2/viewforum.php?f=11">Emoti-sons</option>
<option value="phpBB2/viewforum.php?f=14">Meegos, clins d'oeil</option>
<option value="phpBB2/viewforum.php?f=14">Fonds dynamique</option>
<option value="phpBB2/viewforum.php?f=14">Fonds écran pc</option>
<option value="phpBB2/viewforum.php?f=17">Skins wlm</option>
<option value="phpBB2/viewforum.php?f=2">Tuto Webmaster</option>
<option value="phpBB2/viewforum.php?f=3">Tuto logiciels</option>
<option value="phpBB2/viewforum.php?f=9">Tuto pc</option>


Par

Code: Sélectionner - Agrandir
    <a href="http://ogame.fr/" target="_blank" class="mainmenu">Ogame.fr</a> =>
    <a href="http://board.ogame.fr/" target="_blank" class="mainmenu">Forum officiel</a>
    <br />
    <a href="http://www.aideogame.fr/" target="_blank" class="mainmenu">AIDEOGAME</a>
    <br />
    <a href="http://www.ogame-winner.com/" target="_blank" class="mainmenu">OGAMEWINNER</a>
    <br />
    <a href="http://mines.webinpact.com/" target="_blank" class="mainmenu">WEBINPACT</a>
    <br />
    Obtenir <a href="http://www.ogsteam.fr/sujet-154-proc-dure-installation-ogspy-version-02c" target="_blank" class="mainmenu">OGSPY</a>
    <br />
    <a href="http://www.aideogame.fr/foxgame-extention-installer-configurer.htm" target="_blank" class="mainmenu">FOXGAME</a> (l'extension pour Ogame)


Mais cela ne marche pas comment faire svp ???


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 14 Aug 2009 - 11:03    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

bonjour

tu dois laisser tes nouveaux liens sous cette forme

Code: Sélectionner - Agrandir
<option value="phpBB2/index.php">Acceuil</option>

en mettant comme ça

<option value="lien web>ton texte</option>

_______________________


Forum
Author Message
Johnwip


Offline
Guest




PostPosted: Fri 14 Aug 2009 - 16:58    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

Bien vue themalin !

Par contre j'ai encore plusuieurs problème, je veux mettre ce template juste en dessous de la barre de navigation pour sa y a pas de souci mais lorsque je l'insère, le corps du forum prend alors toute la largeur de la page.
Alors qu'à l'origine, le corps ne prend pas toute la largeur de la page !!
Le thème est: nvp

Et voici mon forum

http://tutos-aide.xooit.fr/index.php

Et voila mon overhall_header

Code: Sélectionner - Agrandir
<table style="position: fixed;" align="left">
<tr>
<td>
<a href="#top" class="postlink"><img src="http://img25.xooimage.com/files/d/d/8/fleches_haut-11dac2b.png" border="0"></a><br>
<a href="#top1" class="postlink"><img src="http://img47.xooimage.com/files/7/a/c/fleches_bas-11dac36.png" border="0"></a>
</td>
</tr>
</table>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img1.xooimage.com/files/6/4/a/nvp-11f35d0.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original nvp Theme for phpBB version 2+
  Created by revaz design
  http://www.custo-tutos.net

  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-attachment: fixed;
      background-position: top CENTER;
   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-image: url(http://img7.xooimage.com/files/2/ti/2-9080d.gif); border: 1px {T_TH_COLOR1} solid; }


/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR3}; border: 2px {T_TH_COLOR1} solid; }

/* Main table cell colours and backgrounds */
td.row1   { background: url(images/fond3.jpg);background-repeat:repeat;background-color: {T_TR_COLOR1}; }
td.row2   { background: url(images/fond3.jpg);background-repeat:repeat;background-color: {T_TR_COLOR2}; }
td.row3   { background: url(images/fond3.jpg);background-repeat:repeat;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://img25.xooimage.com/files/d/4/9/cellpic2-11f3093.png);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img25.xooimage.com/files/c/b/6/cellpic3-11f3099.png);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img43.xooimage.com/files/1/b/5/cellpic1-11f3085.png);
         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-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 -->
</head>
<body   background="http://img2.xooimage.com/files/b/a/background1600-9080e.jpg" bgproperties="fixed" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

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

<table width="800" cellspacing="0" cellpadding="10" border="1" bordercolor="#000000"  bgcolor="#000000" 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://img27.xooimage.com/files/d/3/a/logo_monster_army-11f306e.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
         </tr>
         <tr>
             <td align="center" width="100%" valign="middle"><table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                  <!-- BEGIN switch_user_logged_in -->
<a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/4/d/i_icon_mini_index-f04357.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/c/8/e/i_icon_mini_faq-f04532.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/5/c/i_icon_mini_search-f04545.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img1.xooimage.com/files/7/5/4/i_icon_mini_members-f04519.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img5.xooimage.com/files/a/0/7/i_icon_mini_groups-f0456b.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img8.xooimage.com/files/9/0/6/i_icon_mini_profile-f06c5f.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img3.xooimage.com/files/7/d/3/i_icon_mini_message-f06c64.png" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img10.xooimage.com/files/a/0/d/i_icon_mini_login-f044e9.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/4/d/i_icon_mini_index-f04357.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/c/8/e/i_icon_mini_faq-f04532.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/5/c/i_icon_mini_search-f04545.png" border="0" alt="{L_SEARCH}" hspace="0" /><a href="{U_REGISTER}" class="mainmenu"><img src="http://img3.xooimage.com/files/e/7/e/i_icon_mini_register-f04501.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/9/b/d/i_icon_mini_login-f044df.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
<!-- END switch_user_logged_out -->
<br />
<center>
<table height="60" border="1" bgcolor="#000000" width="468"><tbody><tr>
<td height="60" width="230"><a href="http://sploutchsploutch.free.fr" target="_blank">
<img height="45" border="0" width="300" src="http://img10.xooimage.com/files/6/2/9/123-11fb8f.png" /></a>
</td><td align="center" valign="middle">
<select name="banmenu" id="banmenu" style="color: rgb(174, 174, 223); font-family: verdana; font-size: 10px;" onchange="javascript:choix=this.value;if (choix != '-'){window.open('http://sploutchsploutch.free.fr/'+choix,'')}">
<option value="-">Choisissez :</option>
<option value="phpBB2/index.php">Acceuil</option>
<option value="Contacts">Contact webmaster</option>
<option value="Recommenderm.html">Recommendez nous</option>
<option value="Partenariats.html">Partenariat</option>
<option value="PropoLogiciel.html">proposer logiciel</option>
<option value="Chate.html">T'chater  live</option>
<option value="météO.html">Météo</option>
<option value="PageJeux.html">Jeux flash</option>
<option value="FontsEcran.html">Fonds d'écran</option>
<option value="smiley.html">smileys fun</option>
<option value="phpBB2/viewforum.php?f=1">Logiciels divers</option>
<option value="phpBB2/viewforum.php?f=4">Logiciels WLM/MSN</option>
<option value="phpBB2/viewforum.php?f=18">Logiciels jeux pc</option>
<option value="phpBB2/viewforum.php?f=10">Scritps wlm+</option>
<option value="phpBB2/viewforum.php?f=11">Emoti-sons</option>
<option value="phpBB2/viewforum.php?f=14">Meegos, clins d'oeil</option>
<option value="phpBB2/viewforum.php?f=14">Fonds dynamique</option>
<option value="phpBB2/viewforum.php?f=14">Fonds écran pc</option>
<option value="phpBB2/viewforum.php?f=17">Skins wlm</option>
<option value="phpBB2/viewforum.php?f=2">Tuto Webmaster</option>
<option value="phpBB2/viewforum.php?f=3">Tuto logiciels</option>
<option value="phpBB2/viewforum.php?f=9">Tuto pc</option>
</select>
</td></tr></tbody></table></center>


                  </span></td>
               </tr>
            </table></td>
         </tr>
      </table>

      <br />


Ensuite la ou il y a marqué "Choisissez :" le fond est bleu-gris très clair et moi je voudrais un autre fond (une autre couleurs) mais je sais pas comment faire.

Un dernier truc (Pour l'instant) j'ai pas mis d'image, ainsi on voit le cadre d'après height="45" et width="250" est on remarque qu'il n'est pas centré et moi je voudrais que l'image soit centré.

Voili voilou Very Happy

Peux tu m'aider themalin ??


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 14 Aug 2009 - 18:55    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

mets ça



Code: Sélectionner - Agrandir
<table style="position: fixed;" align="left">
    <tr>
    <td>
    <a href="#top" class="postlink"><img src="http://img25.xooimage.com/files/d/d/8/fleches_haut-11dac2b.png" border="0"></a><br>
    <a href="#top1" class="postlink"><img src="http://img47.xooimage.com/files/7/a/c/fleches_bas-11dac36.png" border="0"></a>
    </td>
    </tr>
    </table>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html dir="{S_CONTENT_DIRECTION}">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
    <meta http-equiv="Content-Style-Type" content="text/css">
    {META}
    {NAV_LINKS}
    <title>{SITENAME} :: {PAGE_TITLE}</title>
    <!-- link rel="stylesheet" href="http://img1.xooimage.com/files/6/4/a/nvp-11f35d0.css" type="text/css" -->
    <style type="text/css">
    <!--
    /*
      The original nvp Theme for phpBB version 2+
      Created by revaz design
      http://www.custo-tutos.net

      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-attachment: fixed;
          background-position: top CENTER;
       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-image: url(http://img7.xooimage.com/files/2/ti/2-9080d.gif); border: 1px {T_TH_COLOR1} solid; }


    /* This is the outline round the main forum tables */
    .forumline   { background-color: {T_TD_COLOR3}; border: 2px {T_TH_COLOR1} solid; }

    /* Main table cell colours and backgrounds */
    td.row1   { background: url(images/fond3.jpg);background-repeat:repeat;background-color: {T_TR_COLOR1}; }
    td.row2   { background: url(images/fond3.jpg);background-repeat:repeat;background-color: {T_TR_COLOR2}; }
    td.row3   { background: url(images/fond3.jpg);background-repeat:repeat;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://img25.xooimage.com/files/d/4/9/cellpic2-11f3093.png);
          background-repeat: repeat-y;
    }

    /* Header cells - the blue and silver gradient backgrounds */
    th   {
       color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
       background-color: {T_BODY_LINK}; height: 25px;
       background-image: url(http://img25.xooimage.com/files/c/b/6/cellpic3-11f3099.png);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
             background-image: url(http://img43.xooimage.com/files/1/b/5/cellpic1-11f3085.png);
             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-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 -->
    </head>
    <body   background="http://img2.xooimage.com/files/b/a/background1600-9080e.jpg" bgproperties="fixed" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

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

    <table width="800" cellspacing="0" cellpadding="10" border="1" bordercolor="#000000"  bgcolor="#000000" 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://img27.xooimage.com/files/d/3/a/logo_monster_army-11f306e.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
             </tr>
             <tr>
                 <td align="center" width="100%" valign="middle"><table cellspacing="0" cellpadding="2" border="0">
                   <tr>
                      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                      <!-- BEGIN switch_user_logged_in -->
    <a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/4/d/i_icon_mini_index-f04357.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/c/8/e/i_icon_mini_faq-f04532.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/5/c/i_icon_mini_search-f04545.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img1.xooimage.com/files/7/5/4/i_icon_mini_members-f04519.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img5.xooimage.com/files/a/0/7/i_icon_mini_groups-f0456b.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img8.xooimage.com/files/9/0/6/i_icon_mini_profile-f06c5f.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img3.xooimage.com/files/7/d/3/i_icon_mini_message-f06c64.png" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img10.xooimage.com/files/a/0/d/i_icon_mini_login-f044e9.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_out -->
    <a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/4/d/i_icon_mini_index-f04357.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/c/8/e/i_icon_mini_faq-f04532.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/5/c/i_icon_mini_search-f04545.png" border="0" alt="{L_SEARCH}" hspace="0" /><a href="{U_REGISTER}" class="mainmenu"><img src="http://img3.xooimage.com/files/e/7/e/i_icon_mini_register-f04501.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/9/b/d/i_icon_mini_login-f044df.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
    <!-- END switch_user_logged_out -->
    <br />
    <center>
    <table height="60" border="1" bgcolor="#000000" width="468"><tbody><tr>
    <td height="60" width="230"><a href="http://sploutchsploutch.free.fr" target="_blank">
    <img height="45" border="0" width="300" src="http://img10.xooimage.com/files/6/2/9/123-11fb8f.png" /></a>
    </td><td align="center" valign="middle">
    <select name="banmenu" id="banmenu" style="color: rgb(174, 174, 223); font-family: verdana; font-size: 10px;" onchange="javascript:choix=this.value;if (choix != '-'){window.open('http://sploutchsploutch.free.fr/'+choix,'')}">
    <option value="-">Choisissez :</option>
    <option value="phpBB2/index.php">Acceuil</option>
    <option value="Contacts">Contact webmaster</option>
    <option value="Recommenderm.html">Recommendez nous</option>
    <option value="Partenariats.html">Partenariat</option>
    <option value="PropoLogiciel.html">proposer logiciel</option>
    <option value="Chate.html">T'chater  live</option>
    <option value="météO.html">Météo</option>
    <option value="PageJeux.html">Jeux flash</option>
    <option value="FontsEcran.html">Fonds d'écran</option>
    <option value="smiley.html">smileys fun</option>
    <option value="phpBB2/viewforum.php?f=1">Logiciels divers</option>
    <option value="phpBB2/viewforum.php?f=4">Logiciels WLM/MSN</option>
    <option value="phpBB2/viewforum.php?f=18">Logiciels jeux pc</option>
    <option value="phpBB2/viewforum.php?f=10">Scritps wlm+</option>
    <option value="phpBB2/viewforum.php?f=11">Emoti-sons</option>
    <option value="phpBB2/viewforum.php?f=14">Meegos, clins d'oeil</option>
    <option value="phpBB2/viewforum.php?f=14">Fonds dynamique</option>
    <option value="phpBB2/viewforum.php?f=14">Fonds écran pc</option>
    <option value="phpBB2/viewforum.php?f=17">Skins wlm</option>
    <option value="phpBB2/viewforum.php?f=2">Tuto Webmaster</option>
    <option value="phpBB2/viewforum.php?f=3">Tuto logiciels</option>
    <option value="phpBB2/viewforum.php?f=9">Tuto pc</option>
    </select>
    </td></tr></tbody></table></center>


                      </span></td>
                   </tr>
               
         

          <br />

_______________________


Forum
Author Message
Johnwip


Offline
Guest




PostPosted: Fri 14 Aug 2009 - 19:23    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

Cool tu as su réparer plusieurs défauts

Mais à quoi sert ceci:

Code: Sélectionner - Agrandir
onchange="javascript:choix=this.value;if (choix != '-'){window.open('http://board.ogame.fr/'+choix,'')}">


Et les liens de la liste ne marche pas pourtant ce sont les bons !

Overhall_header

Code: Sélectionner - Agrandir
<table style="position: fixed;" align="left">
    <tr>
    <td>
    <a href="#top" class="postlink"><img src="http://img25.xooimage.com/files/d/d/8/fleches_haut-11dac2b.png" border="0"></a><br>
    <a href="#top1" class="postlink"><img src="http://img47.xooimage.com/files/7/a/c/fleches_bas-11dac36.png" border="0"></a>
    </td>
    </tr>
    </table>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html dir="{S_CONTENT_DIRECTION}">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
    <meta http-equiv="Content-Style-Type" content="text/css">
    {META}
    {NAV_LINKS}
    <title>{SITENAME} :: {PAGE_TITLE}</title>
    <!-- link rel="stylesheet" href="http://img1.xooimage.com/files/6/4/a/nvp-11f35d0.css" type="text/css" -->
    <style type="text/css">
    <!--
    /*
      The original nvp Theme for phpBB version 2+
      Created by revaz design
      http://www.custo-tutos.net

      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-attachment: fixed;
          background-position: top CENTER;
       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-image: url(http://img7.xooimage.com/files/2/ti/2-9080d.gif); border: 1px {T_TH_COLOR1} solid; }


    /* This is the outline round the main forum tables */
    .forumline   { background-color: {T_TD_COLOR3}; border: 2px {T_TH_COLOR1} solid; }

    /* Main table cell colours and backgrounds */
    td.row1   { background: url(images/fond3.jpg);background-repeat:repeat;background-color: {T_TR_COLOR1}; }
    td.row2   { background: url(images/fond3.jpg);background-repeat:repeat;background-color: {T_TR_COLOR2}; }
    td.row3   { background: url(images/fond3.jpg);background-repeat:repeat;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://img25.xooimage.com/files/d/4/9/cellpic2-11f3093.png);
          background-repeat: repeat-y;
    }

    /* Header cells - the blue and silver gradient backgrounds */
    th   {
       color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
       background-color: {T_BODY_LINK}; height: 25px;
       background-image: url(http://img25.xooimage.com/files/c/b/6/cellpic3-11f3099.png);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
             background-image: url(http://img43.xooimage.com/files/1/b/5/cellpic1-11f3085.png);
             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-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 -->
    </head>
    <body   background="http://img2.xooimage.com/files/b/a/background1600-9080e.jpg" bgproperties="fixed" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

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

    <table width="800" cellspacing="0" cellpadding="10" border="1" bordercolor="#000000"  bgcolor="#000000" 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://img27.xooimage.com/files/d/3/a/logo_monster_army-11f306e.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
             </tr>
             <tr>
                 <td align="center" width="100%" valign="middle"><table cellspacing="0" cellpadding="2" border="0">
                   <tr>
                      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                      <!-- BEGIN switch_user_logged_in -->
    <a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/4/d/i_icon_mini_index-f04357.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/c/8/e/i_icon_mini_faq-f04532.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/5/c/i_icon_mini_search-f04545.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img1.xooimage.com/files/7/5/4/i_icon_mini_members-f04519.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img5.xooimage.com/files/a/0/7/i_icon_mini_groups-f0456b.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img8.xooimage.com/files/9/0/6/i_icon_mini_profile-f06c5f.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img3.xooimage.com/files/7/d/3/i_icon_mini_message-f06c64.png" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img10.xooimage.com/files/a/0/d/i_icon_mini_login-f044e9.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_out -->
    <a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/4/d/i_icon_mini_index-f04357.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/c/8/e/i_icon_mini_faq-f04532.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/5/c/i_icon_mini_search-f04545.png" border="0" alt="{L_SEARCH}" hspace="0" /><a href="{U_REGISTER}" class="mainmenu"><img src="http://img3.xooimage.com/files/e/7/e/i_icon_mini_register-f04501.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/9/b/d/i_icon_mini_login-f044df.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
    <!-- END switch_user_logged_out -->
    <br />
    <center>
    <table height="60" border="1" bgcolor="#000000" width="468"><tbody><tr>
    <td height="60" width="230"><a href="http://www.ogame.fr" target="_blank">
    <img height="60" border="0" width="250" src="" /></a>
    </td><td align="center" valign="middle">
    <select name="banmenu" id="banmenu" style="color: rgb(0, 0, 0); font-family: verdana; font-size: 10px;" onchange="javascript:choix=this.value;if (choix != '-'){window.open('http://board.ogame.fr/'+choix,'')}">
    <option value="-">Choisissez :</option>
    <option value="http://board.ogame.fr/">Forum officiel</option>
    <option value="http://www.aideogame.fr/">AIDEOGAME</option>
    <option value="http://www.ogame-winner.com/">OGAMEWINNER</option>
    <option value="http://mines.webinpact.com/">WEBINPACT</option>
    <option value="http://www.ogsteam.fr/sujet-154-proc-dure-installation-ogspy-version-02c">OGSPY</option>
    <option value="http://www.aideogame.fr/foxgame-extention-installer-configurer.htm">FOXGAME (Extension)</option>
    </select>
    </td></tr></tbody></table></center>


                      </span></td>
                   </tr>
               
         

          <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: Fri 14 Aug 2009 - 19:28    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

mets ça

Code: Sélectionner - Agrandir



       <table style="position: fixed;" align="left">
        <tr>
        <td>
        <a href="#top" class="postlink"><img src="http://img25.xooimage.com/files/d/d/8/fleches_haut-11dac2b.png" border="0"></a><br>
        <a href="#top1" class="postlink"><img src="http://img47.xooimage.com/files/7/a/c/fleches_bas-11dac36.png" border="0"></a>
        </td>
        </tr>
        </table>

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html dir="{S_CONTENT_DIRECTION}">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
        <meta http-equiv="Content-Style-Type" content="text/css">
        {META}
        {NAV_LINKS}
        <title>{SITENAME} :: {PAGE_TITLE}</title>
        <!-- link rel="stylesheet" href="http://img1.xooimage.com/files/6/4/a/nvp-11f35d0.css" type="text/css" -->
        <style type="text/css">
        <!--
        /*
          The original nvp Theme for phpBB version 2+
          Created by revaz design
          http://www.custo-tutos.net

          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-attachment: fixed;
              background-position: top CENTER;
           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-image: url(http://img7.xooimage.com/files/2/ti/2-9080d.gif); border: 1px {T_TH_COLOR1} solid; }


        /* This is the outline round the main forum tables */
        .forumline   { background-color: {T_TD_COLOR3}; border: 2px {T_TH_COLOR1} solid; }

        /* Main table cell colours and backgrounds */
        td.row1   { background: url(images/fond3.jpg);background-repeat:repeat;background-color: {T_TR_COLOR1}; }
        td.row2   { background: url(images/fond3.jpg);background-repeat:repeat;background-color: {T_TR_COLOR2}; }
        td.row3   { background: url(images/fond3.jpg);background-repeat:repeat;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://img25.xooimage.com/files/d/4/9/cellpic2-11f3093.png);
              background-repeat: repeat-y;
        }

        /* Header cells - the blue and silver gradient backgrounds */
        th   {
           color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
           background-color: {T_BODY_LINK}; height: 25px;
           background-image: url(http://img25.xooimage.com/files/c/b/6/cellpic3-11f3099.png);
        }

        td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
                 background-image: url(http://img43.xooimage.com/files/1/b/5/cellpic1-11f3085.png);
                 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-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 -->
        </head>
        <body   background="http://img2.xooimage.com/files/b/a/background1600-9080e.jpg" bgproperties="fixed" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

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

        <table width="800" cellspacing="0" cellpadding="10" border="1" bordercolor="#000000"  bgcolor="#000000" 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://img27.xooimage.com/files/d/3/a/logo_monster_army-11f306e.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                 </tr>
                 <tr>
                     <td align="center" width="100%" valign="middle"><table cellspacing="0" cellpadding="2" border="0">
                       <tr>
                          <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                          <!-- BEGIN switch_user_logged_in -->
        <a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/4/d/i_icon_mini_index-f04357.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/c/8/e/i_icon_mini_faq-f04532.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/5/c/i_icon_mini_search-f04545.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img1.xooimage.com/files/7/5/4/i_icon_mini_members-f04519.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img5.xooimage.com/files/a/0/7/i_icon_mini_groups-f0456b.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img8.xooimage.com/files/9/0/6/i_icon_mini_profile-f06c5f.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img3.xooimage.com/files/7/d/3/i_icon_mini_message-f06c64.png" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img10.xooimage.com/files/a/0/d/i_icon_mini_login-f044e9.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_user_logged_out -->
        <a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/4/d/i_icon_mini_index-f04357.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/c/8/e/i_icon_mini_faq-f04532.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/5/c/i_icon_mini_search-f04545.png" border="0" alt="{L_SEARCH}" hspace="0" /><a href="{U_REGISTER}" class="mainmenu"><img src="http://img3.xooimage.com/files/e/7/e/i_icon_mini_register-f04501.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/9/b/d/i_icon_mini_login-f044df.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
        <!-- END switch_user_logged_out -->
        <br />
        <center>
        <table height="60" border="1" bgcolor="#000000" width="468"><tbody><tr>
        <td height="60" width="230"><a href="http://www.ogame.fr" target="_blank">
        <img height="60" border="0" width="250" src="" /></a>
        </td><td align="center" valign="middle">
        <select name="banmenu" id="banmenu" style="color: rgb(0, 0, 0); font-family: verdana; font-size: 10px;" onchange="javascript:choix=this.value;if (choix != '-'){window.open(''+choix,'')}">
        <option value="-">Choisissez :</option>
        <option value="http://board.ogame.fr/">Forum officiel</option>
        <option value="http://www.aideogame.fr/">AIDEOGAME</option>
        <option value="http://www.ogame-winner.com/">OGAMEWINNER</option>
        <option value="http://mines.webinpact.com/">WEBINPACT</option>
        <option value="http://www.ogsteam.fr/sujet-154-proc-dure-installation-ogspy-version-02c">OGSPY</option>
        <option value="http://www.aideogame.fr/foxgame-extention-installer-configurer.htm">FOXGAME (Extension)</option>
        </select>
        </td></tr></tbody></table></center>


                          </span></td>
                       </tr>

_______________________


Forum
Author Message
Johnwip


Offline
Guest




PostPosted: Fri 14 Aug 2009 - 19:32    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

Génial !

Et c'est où pour changer la couleur bleu-gris de la liste ???


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 14 Aug 2009 - 19:33    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

ben ici

Code: Sélectionner - Agrandir
</td><td align="center" valign="middle">
        <select name="banmenu" id="banmenu" style="color: rgb(0, 0, 0); font-family: verdana; font-size: 10px;" onchange="javascript:choix=this.value;if (choix != '-'){window.open(''+choix,'')}">


tu as la taille
la couleur
la police que tu peux changer
_______________________


Forum
Author Message
Johnwip


Offline
Guest




PostPosted: Fri 14 Aug 2009 - 19:40    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

Sa change seulement la couleurs tu texte mais pas de l'encadré au tours !!

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 14 Aug 2009 - 19:43    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

si tu veux changer le contour c'est ici

Code: Sélectionner - Agrandir
<table height="60" border="1" bgcolor="#000000" width="468"><tbody><tr>
        <td height="60" width="230"><a href="http://www.ogame.fr" target="_blank">


après tu peux ajouter un

Code: Sélectionner - Agrandir
style="border: 1px #codecouleur solid; background-color;"


dans la table pour modifier plus profondément
_______________________


Forum
Author Message
Johnwip


Offline
Guest




PostPosted: Fri 14 Aug 2009 - 19:46    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

Code: Sélectionner - Agrandir
<table height="60" border="1" bgcolor="#000000" width="468"><tbody><tr>
        <td height="60" width="230"><a href="http://www.ogame.fr" target="_blank">



Sa me change le contour de tous l'encadré moi je veux simplement changer le contour la ou y a le texte, c'est un bleu-gris très clair et son code c'est pas #000000

La ou il y a le choisissez !!

C'est possible de remplacez juste le bleu-gris par autre chose ???


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 14 Aug 2009 - 19:51    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

mets ce code

Code: Sélectionner - Agrandir


       <table style="position: fixed;" align="left">
        <tr>
        <td>
        <a href="#top" class="postlink"><img src="http://img25.xooimage.com/files/d/d/8/fleches_haut-11dac2b.png" border="0"></a><br>
        <a href="#top1" class="postlink"><img src="http://img47.xooimage.com/files/7/a/c/fleches_bas-11dac36.png" border="0"></a>
        </td>
        </tr>
        </table>

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html dir="{S_CONTENT_DIRECTION}">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
        <meta http-equiv="Content-Style-Type" content="text/css">
        {META}
        {NAV_LINKS}
        <title>{SITENAME} :: {PAGE_TITLE}</title>
        <!-- link rel="stylesheet" href="http://img1.xooimage.com/files/6/4/a/nvp-11f35d0.css" type="text/css" -->
        <style type="text/css">
        <!--
        /*
          The original nvp Theme for phpBB version 2+
          Created by revaz design
          http://www.custo-tutos.net

          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-attachment: fixed;
              background-position: top CENTER;
           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-image: url(http://img7.xooimage.com/files/2/ti/2-9080d.gif); border: 1px {T_TH_COLOR1} solid; }


        /* This is the outline round the main forum tables */
        .forumline   { background-color: {T_TD_COLOR3}; border: 2px {T_TH_COLOR1} solid; }

        /* Main table cell colours and backgrounds */
        td.row1   { background: url(images/fond3.jpg);background-repeat:repeat;background-color: {T_TR_COLOR1}; }
        td.row2   { background: url(images/fond3.jpg);background-repeat:repeat;background-color: {T_TR_COLOR2}; }
        td.row3   { background: url(images/fond3.jpg);background-repeat:repeat;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://img25.xooimage.com/files/d/4/9/cellpic2-11f3093.png);
              background-repeat: repeat-y;
        }

        /* Header cells - the blue and silver gradient backgrounds */
        th   {
           color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
           background-color: {T_BODY_LINK}; height: 25px;
           background-image: url(http://img25.xooimage.com/files/c/b/6/cellpic3-11f3099.png);
        }

        td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
                 background-image: url(http://img43.xooimage.com/files/1/b/5/cellpic1-11f3085.png);
                 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-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 -->
        </head>
        <body   background="http://img2.xooimage.com/files/b/a/background1600-9080e.jpg" bgproperties="fixed" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

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

        <table width="800" cellspacing="0" cellpadding="10" border="1" bordercolor="#000000"  bgcolor="#000000" 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://img27.xooimage.com/files/d/3/a/logo_monster_army-11f306e.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                 </tr>
                 <tr>
                     <td align="center" width="100%" valign="middle"><table cellspacing="0" cellpadding="2" border="0">
                       <tr>
                          <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                          <!-- BEGIN switch_user_logged_in -->
        <a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/4/d/i_icon_mini_index-f04357.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/c/8/e/i_icon_mini_faq-f04532.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/5/c/i_icon_mini_search-f04545.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img1.xooimage.com/files/7/5/4/i_icon_mini_members-f04519.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img5.xooimage.com/files/a/0/7/i_icon_mini_groups-f0456b.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img8.xooimage.com/files/9/0/6/i_icon_mini_profile-f06c5f.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img3.xooimage.com/files/7/d/3/i_icon_mini_message-f06c64.png" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img10.xooimage.com/files/a/0/d/i_icon_mini_login-f044e9.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_user_logged_out -->
        <a href="{U_INDEX}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/4/d/i_icon_mini_index-f04357.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/c/8/e/i_icon_mini_faq-f04532.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/5/c/i_icon_mini_search-f04545.png" border="0" alt="{L_SEARCH}" hspace="0" /><a href="{U_REGISTER}" class="mainmenu"><img src="http://img3.xooimage.com/files/e/7/e/i_icon_mini_register-f04501.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/9/b/d/i_icon_mini_login-f044df.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
        <!-- END switch_user_logged_out -->
        <br />
        <center>
        <table height="60" border="1" bgcolor="#000000" width="468"><tbody><tr>
        <td height="60" width="230"><a href="http://www.ogame.fr" target="_blank">
        <img height="60" border="0" width="250" src="" /></a>
        </td><td align="center" valign="middle">
        <select name="banmenu" id="banmenu" style="border: 1px red solid; color: rgb(0, 0, 0); font-family: verdana; font-size: 10px;" onchange="javascript:choix=this.value;if (choix != '-'){window.open(''+choix,'')}">
        <option value="-">Choisissez :</option>
        <option value="http://board.ogame.fr/">Forum officiel</option>
        <option value="http://www.aideogame.fr/">AIDEOGAME</option>
        <option value="http://www.ogame-winner.com/">OGAMEWINNER</option>
        <option value="http://mines.webinpact.com/">WEBINPACT</option>
        <option value="http://www.ogsteam.fr/sujet-154-proc-dure-installation-ogspy-version-02c">OGSPY</option>
        <option value="http://www.aideogame.fr/foxgame-extention-installer-configurer.htm">FOXGAME (Extension)</option>
        </select>
        </td></tr></tbody></table></center>


                          </span></td>
                       </tr>


après tu changes ici
Code: Sélectionner - Agrandir

<select name="banmenu" id="banmenu" style="border: 1px red solid; color: rgb(0, 0, 0); font-family: verdana; font-size: 10px;" onchange="javascript:choix=this.value;if (choix != '-'){window.open(''+choix,'')}">
        <option value="-">Choisissez :</option>


tu changes le red par le code couleur que tu veux

#codecouleur
_______________________


Forum
Author Message
Johnwip


Offline
Guest




PostPosted: Fri 14 Aug 2009 - 19:59    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

Malheureusement cela ne marche pas, j'ai remplacé "red" par #ffffff donc blanc mais c'est toujours bleu-gris Embarassed

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 14 Aug 2009 - 20:00    Post subject: [Tuto] Bannière avec menu déroulent + image Reply with quote

chez moi c'est bien en rouge autour du code

http://themalin.xooit.fr/index.php?theme=test

sinon mets le nom de la couleur directement en anglais

tu peux donner le lien du forum ou tu le fais

lien normal ou test en fonction de l'endroit ou tu le fais car je ne le vois pas sur tes forums en signature et profil
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 03:58    Post subject: [Tuto] Bannière avec menu déroulent + image

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




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