|
|
Sploutch
 Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
Posted: Wed 10 Jun 2009 - 18:59   Post subject: [Tuto] Bannière avec menu déroulent + image |
 |
|
Informations
| Informations sur le tutoriel |
|---|
| Nom | Bannière avec un menu déroulent plus une image de votre choix. | | Auteur | By contact :Via ma fiche | | Version | 1.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… | | Exemple | ICI 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 | | | Testé sur | - Navigateurs
- FireFox
- Opéra
- Internet Explorer
- Thèmes Xooit
| | 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 © 
_______________________
[MOD] Eau | Sploutch-land | Formulaire d'aide aux tutos | Recherche-Net | Aqua-Tim | Listing my tutos | Radio | Site | Contact | Smileys Fun | Arcades | Proposez un logiciels |
Last edited by Sploutch on Tue 15 Sep 2009 - 14:14; edited 1 time in total
|
|
|
|
 |
|
|
|
Johnwip
 Offline
|
| Membre |
Joined: 06 Jun 2009
Posts: 390
Niveau: Point(s): 329 Moyenne: 0.84
|
|
Posted: Thu 13 Aug 2009 - 20:36   Post subject: [Tuto] Bannière avec menu déroulent + image |
 |
|
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 ???
|
|
|
|
 |
|
|
|
themalin
 Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
|
|
|
 |
|
|
|
Johnwip
 Offline
|
| Membre |
Joined: 06 Jun 2009
Posts: 390
Niveau: Point(s): 329 Moyenne: 0.84
|
|
Posted: Fri 14 Aug 2009 - 15:58   Post subject: [Tuto] Bannière avec menu déroulent + image |
 |
|
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
Peux tu m'aider themalin ??
|
|
|
|
 |
|
|
|
themalin
 Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
Posted: Fri 14 Aug 2009 - 17:55   Post subject: [Tuto] Bannière avec menu déroulent + image |
 |
|
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 />
_______________________
|
|
|
|
 |
|
|
|
Johnwip
 Offline
|
| Membre |
Joined: 06 Jun 2009
Posts: 390
Niveau: Point(s): 329 Moyenne: 0.84
|
|
Posted: Fri 14 Aug 2009 - 18:23   Post subject: [Tuto] Bannière avec menu déroulent + image |
 |
|
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 />
|
|
|
|
 |
|
|
|
themalin
 Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
Posted: Fri 14 Aug 2009 - 18:28   Post subject: [Tuto] Bannière avec menu déroulent + image |
 |
|
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>
_______________________
|
|
|
|
 |
|
|
|
Johnwip
 Offline
|
| Membre |
Joined: 06 Jun 2009
Posts: 390
Niveau: Point(s): 329 Moyenne: 0.84
|
|
|
|
|
 |
|
|
|
themalin
 Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
|
|
|
 |
|
|
|
Johnwip
 Offline
|
| Membre |
Joined: 06 Jun 2009
Posts: 390
Niveau: Point(s): 329 Moyenne: 0.84
|
|
|
|
|
 |
|
|
|
themalin
 Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
Posted: Fri 14 Aug 2009 - 18:43   Post subject: [Tuto] Bannière avec menu déroulent + image |
 |
|
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 _______________________
|
|
|
|
 |
|
|
|
Johnwip
 Offline
|
| Membre |
Joined: 06 Jun 2009
Posts: 390
Niveau: Point(s): 329 Moyenne: 0.84
|
|
|
|
|
 |
|
|
|
themalin
 Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
Posted: Fri 14 Aug 2009 - 18:51   Post subject: [Tuto] Bannière avec menu déroulent + image |
 |
|
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 _______________________
|
|
|
|
 |
|
|
|
Johnwip
 Offline
|
| Membre |
Joined: 06 Jun 2009
Posts: 390
Niveau: Point(s): 329 Moyenne: 0.84
|
|
Posted: Fri 14 Aug 2009 - 18:59   Post subject: [Tuto] Bannière avec menu déroulent + image |
 |
|
Malheureusement cela ne marche pas, j'ai remplacé "red" par #ffffff donc blanc mais c'est toujours bleu-gris 
|
|
|
|
 |
|
|
|
themalin
 Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
Posted: Fri 14 Aug 2009 - 19:00   Post subject: [Tuto] Bannière avec menu déroulent + image |
 |
|
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 _______________________
|
|
|
|
 |
|
|
|
Portal | Index | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Powered by phpBB © 2006 - 2009 phpBB Group |
|