CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Barre navig en haut -probleme de coordination | |
| Invité Invité
| Alors voila mon probleme est assez stupide en fait J'ai donc suivit le tutoriel pour placer le menu en haut de page (merci u_u) Mais mon menu est séparé -j'ai reussit a l'arondir - mais pas a l'unir. J'aimerai obtenir ceci : https://nsa16.casimages.com/img/2010/08/02//100802041852891081.png Mais je suis coincé avec ça :https://nsa17.casimages.com/img/2010/08/02//100802041856397394.png Donc voila mon css : code : - Spoiler:
- Code:
-
/*BARRE NAVIG*/
a:hover { text-decoration: none ; color: black ; border-bottom: 1px dotted #3e4248; }
a.mainmenu:link, a.mainmenu:visited{ -moz-border-radius: 10px; margin-left : px; margin-right : px; color: #000000; background-color: #7ac5da; text-align:center; }
a.mainmenu:hover, a.mainmenu:hover:visited{ color: #000000; }
.bodylinewidth { width:50%}
a img { border: none; }
a.mainmenu{ text-decoration: none; color : #FFFFFF; } a.mainmenu:hover{ text-decoration: none; color : #000000; }
.barre_de_navigation { position : fixed ; top : 0 ; left : 0 ; width : 100% ; text-align : center ; }
/*arondis forum*/
.bodyline { border: solid 5px white; border-radius : 20px; -moz-border-radius : 20px ; }
body { background-repeat: repeat; }
.forumline{ border: 3px #ccc785 double; }
body { cursor: crosshair } a:hover { cursor:ne-resize; }
u{border-bottom: 2px solid;border-color:#B0ADA0;text-decoration: none; -moz-border-radius:3px;}
a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; } a:hover{text-transform:uppercase;}
.quote{ font-family: Tahoma; font-size: 12px; color: #000000; line-height: 125%; background-color: #636060; border: #cfcdce; border-style: solid; border: 1px #636060 dotted; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; -moz-border-radius:6px;}
.code{ font-family: Courier,Courier New,sans-serif; font-size: 11px; color: #000000; background-color: #636060; border: #636060; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px border: 1px #636060 dotted; -moz-border-radius:6px;}
.forumline{ background-color: #6842bd; -moz-border-radius: 0px 0px 14px 14px ; border-bottom: 6px #000000 solid; border-top: 1px #000000 dotted; border-right: 1px #000000 dotted; border-left: 1px #000000 dotted;}
a {font-variant: small-caps;}
.postdetails.poster-profile a img { margin: auto; display: block; margin-bottom: -10px; }
a.forumlink:link, a.forumlink:visited { font-family: serif; background-color: #625dbd; text-transform : uppercase; font-size: 100%; border-bottom: 1px solid #0c0859; solid
color: #000000; text-align: center; border-left: 6px solid #380424; border-right: 6px solid #0e0438; letter-spacing: 3px; display: block; }
a.forumlink:hover, a.forumlink:hover:visited{ background-color: #3b3b3b; border-bottom: 1px solid #3b3b3b; solid; text-align: center; border-left: 6px solid #3b3b3b; border-right: 6px solid #3b3b3b; display: block; }
.secondarytitle,.secondarytitle h2 { /*Titre des catégories*/ font-style : oblique; }
input,textarea, select { -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; }/* ------------------------------ menus deroulant -------------------------------- */
/* Configuration générale, ne pas toucher */ #menu ul {margin: 0px; padding: 0px; list-style-type: none; text-align: center;}
/* Apparence des onglets */ #menu li {float: left; padding: 0px; background-color: #928CE5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-right: 1px solid #2e0082; border-left: 1px solid #090082; border-top: 1px dotted #000082; margin-right: 10px; }
/* Apparence des liens */ #menu li a {display: block; width: 240px; color: #006e82; /* couleur du texte */ padding: 5px; text-decoration: none; margin-align: center}
#menu li a:hover /* couleur du texte au passage de la souris */ {color: #0048ff;}
#menu ul li ul /* cacher les sous-catégories */ {display: none;}
#menu ul li:hover ul {display: block;}
#menu li:hover ul li {float: none;}
#menu li ul {position:absolute;}/*Supprimer les soulignement des liens*/ a:hover { text-decoration: none !important; }
.genmed a,.genmed a:active{ font-size: 16px; text-decoration:none; } .genmed a:hover{ text-decoration: none; }
/*image de fond*/ body { background-attachment: fixed; background-repeat: no-repeat; background-position: top center; }
/*bordure et fond autour de l'avatar*/ .postdetails.poster-profile a img { background-image: url('http://i65.servimg.com/u/f65/13/45/55/27/f310.gif'); padding: 7px; -moz-border-radius:12px; -webkit-border-radius:12px; border: 2px solid #120000; }
/*curseur*/ body, a, a:hover { cursor : url(http://cur.cursors-4u.net/cursors/cur-2/cur226.cur), progress; }
/*catégories*/ .forumline { width:100%; border: 1px solid #; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding:1px; }
/* titre des forums */
a.forumlink { color:#280300; letter-spacing: 2px; text-align:center; font-size:12px; display:block; margin-bottom: 0px; padding-bottom: 0px; }
a.forumlink:hover { color: #; letter-spacing: 4px; }
/* la partie qui renferme le tout */
.le_tout{ background-image:url('http://moe.mabul.org/up/moe/2010/07/16/img-203154x9pza.png'); vertical-alignement: middle; -moz-border-radius:60px 0px 60px 0px; -webkit-border-radius: 60px 0px 60px 0px; border-radius:60px 0px 60px 0px; margin:0px; padding: 6px; border:2px solid #280300; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/* le titre des forums */
.titre_forum{ background-color: #CEE9F2; padding: 2px 0px 6px 0px; margin-left:40px; margin-right:40px; margin-top: 0px; margin-bottom: 0px; border:2px solid #120000; border-bottom : 0px solid #120000; border-top: 1px solid #120000; border-radius: 60px 60px 0px 0px; -webkit-border-radius-topleft:60px; -webkit-border-radius-topright:60px; -moz-border-radius-topleft:60px; -moz-border-radius-topright:60px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/* la description du forum */
.description_forum{ position: Inherit; background: #1d1d1c; background-color: #CEE9F2; margin-left: 15px; margin-top:-6px; padding: 5px; border: 1px dotted #3b193b; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius-bottomleft: 15px; border-radius-topright: 15px; border-radius-bottomleft: 15px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/* derniers sujets */
.sujets_messages{ background-color: #CEE9F2; -moz-border-radius: 20px 20px 20px 20px ; -webkit-border-radius: 20px 20px 20px 20px ; border-radius:20px 20px 20px 20px ; border:1px solid #120000; border-bottom:0px solid white; color:#120000 !important; padding: 2px 8px 2px 8px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/* derniers messages */
.dernier_messages{ background-color: #CEE9F2; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; border:1px solid #120000 border-top:0px solid white; color:#120000 !important; padding: 2px 8px 2px 8px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/* liens des sous-forums */
.lien_du_bas{ background-color:#CEE9F2; display:block; text-align:center; margin-top:-2px; border:2px solid #3b193b; border-top:0px solid #3b193b; margin-left:20px; margin-right:100px; font-family:georgia; font-size:11px; color:#c8c092; -moz-border-radius: 0px 0px 40px 40px; border-radius: 0px 0px 40px 40px; -webkit-border-radius: 0px 0px 40px 40px; padding:2px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/*si affichage des modérateurs */
.moderateur{ text-align:center; padding:2px; margin-top: -10px; } .mod-text{ color:#fda564; letter-spacing: 2px; font-size:10px; } .group-mod{ font-size:10px; }
Petit 2 : Mon menu suit la descente, et ne reste pas en haut. Y a t'il moyen de le laisser coincer au dessus de la banniere et non pas qu'il descende quand on descent sur le forum ? ex : https://nsa16.casimages.com/img/2010/08/02//100802041946475588.png Merci bien a qui repondra u_u | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour !
Pour ton 1er problème il faut que tu cherches la variable {GENERATD_NAV_BAR} dans ton template et que tu lui attribues une class que tu ajouteras à ton CSS, elle englobera ainsi tous les liens et ne leur attribuera pas un fond à chacun comme c'est actuellement.
Par contre pour ton deuxième soucis j'ai aucune idée =S | | |
| | | Invité Invité
| merci d'avoir repondu ^^ pas grave pour la 2 spa le plus important >< j'ai donc mis ca - Code:
-
<td align="{MENU_POSITION}"{MENU_NOWRAP}><div class="barre_de_navigation">{GENERATED_NAV_BAR}</div></td> je dois changer quoi exactement ? il me semble que la classe est deja dans le css sous - Code:
-
.barre_de_navigation { position : fixed ; top : 0 ; left : 0 ; width : 100% ; text-align : center ; } je dois donc rajouter un truc la dedans ? ^^" | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Rajoute ton background et tes arrondis tout simplement | | |
| | | Invité Invité
| ok merci ** par contre, hum. Pour le stabiliser a l'interieur du cadre du forum, il faut changer quelque chose d'autre je suppose ? ^^" | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Est-ce que tu as essayé d'intégrer ta barre de navigation dans la class bodyline ? Parce que pour être comme ça j'imagine qu'elle doit en être sortie, même si je comprends pas trop ce qui fait qu'elle suit le forum xD | | |
| | | Invité Invité
| hurm, on est plusieurs a coder le forum c'est assez chiant je dois dire xd bref, donc je prends ca : - Code:
-
.barre_de_navigation { position : fixed ; top : 0 ; left : 0 ; width : 70% ; text-align : center ; -moz-border-radius : 15px ; background-color: #A48040; } et je le deplace, n'est ce pas ? - Spoiler:
- Code:
-
/*BARRE NAVIG*/
a:hover { text-decoration: none ; color: black ; border-bottom: 1px dotted #e45803; }
a.mainmenu:link, a.mainmenu:visited{ -moz-border-radius: 10px; margin-left : px; margin-right : px; color: #000000; background-color: #A48040; text-align:center; }
a.mainmenu:hover, a.mainmenu:hover:visited{ color: #000000; }
.bodylinewidth { width:50%}
a img { border: none; }
a.mainmenu{ text-decoration: none; color : #FFFFFF; } a.mainmenu:hover{ text-decoration: none; color : #000000; }
/*arondis forum*/
.bodyline { border: solid 5px white; border-radius : 20px; -moz-border-radius : 20px ; }
body {
background-repeat: repeat; }
.forumline{ border: 3px #ccc785 double; }
body { cursor: crosshair } a:hover { cursor:ne-resize; }
u{border-bottom: 2px solid;border-color:#A48040;text-decoration: none; -moz-border-radius:3px;}
.barre_de_navigation { position : fixed ; top : 0 ; left : 0 ; width : 70% ; text-align : center ; -moz-border-radius : 15px ; background-color: #A48040; }
a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; } a:hover{text-transform:uppercase;}
.quote{ font-family: Tahoma; font-size: 12px; color: #000000; line-height: 125%; background-color: #636060; border: #cfcdce; border-style: solid; border: 1px #636060 dotted; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; -moz-border-radius:6px;}
.code{ font-family: Courier,Courier New,sans-serif; font-size: 11px; color: #000000; background-color: #636060; border: #636060; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px border: 1px #636060 dotted; -moz-border-radius:6px;}
.forumline{ background-color: #bd9042; -moz-border-radius: 0px 0px 14px 14px ; border-bottom: 6px #000000 solid; border-top: 1px #000000 dotted; border-right: 1px #000000 dotted; border-left: 1px #000000 dotted;}
a {font-variant: small-caps;}
.postdetails.poster-profile a img { margin: auto; display: block; margin-bottom: -10px; }
a.forumlink:link, a.forumlink:visited { font-family: serif; background-color: #bd9c5d; text-transform : uppercase; font-size: 100%; border-bottom: 1px solid #592a08; solid
color: #000000; text-align: center; border-left: 6px solid #380424; border-right: 6px solid #381b04; letter-spacing: 3px; display: block; }
a.forumlink:hover, a.forumlink:hover:visited{ background-color: #3b3b3b; border-bottom: 1px solid #3b3b3b; solid; text-align: center; border-left: 6px solid #3b3b3b; border-right: 6px solid #3b3b3b; display: block; }
.secondarytitle,.secondarytitle h2 { /*Titre des catégories*/ font-style : oblique; }
input,textarea, select { -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; }/* ------------------------------ menus deroulant -------------------------------- */
/* Configuration générale, ne pas toucher */ #menu ul {margin: 0px; padding: 0px; list-style-type: none; text-align: center;}
/* Apparence des onglets */ #menu li {float: left; padding: 0px; background-color: #e5cf8c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-right: 1px solid #825600; border-left: 1px solid #824000; border-top: 1px dotted #825300; margin-right: 10px; }
/* Apparence des liens */ #menu li a {display: block; width: 240px; color: #c6a43c; /* couleur du texte */ padding: 5px; text-decoration: none; margin-align: center}
#menu li a:hover /* couleur du texte au passage de la souris */ {color: #ffae00;}
#menu ul li ul /* cacher les sous-catégories */ {display: none;}
#menu ul li:hover ul {display: block;}
#menu li:hover ul li {float: none;}
#menu li ul {position:absolute;}/*Supprimer les soulignement des liens*/ a:hover { text-decoration: none !important; }
.genmed a,.genmed a:active{ font-size: 16px; text-decoration:none; } .genmed a:hover{ text-decoration: none; }
/*image de fond*/ body { background-attachment: fixed; background-repeat: no-repeat; background-position: top center; }
/*bordure et fond autour de l'avatar*/ .postdetails.poster-profile a img { background-image: url('http://i65.servimg.com/u/f65/13/45/55/27/f310.gif'); padding: 7px; -moz-border-radius:12px; -webkit-border-radius:12px; border: 2px solid #120000; }
/*curseur*/ body, a, a:hover { cursor : url(http://cur.cursors-4u.net/cursors/cur-2/cur226.cur), progress; }
/*catégories*/ .forumline { width:100%; border: 1px solid #; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding:1px; }
/* titre des forums */
a.forumlink { color:#e6b83d; letter-spacing: 2px; text-align:center; font-size:12px; display:block; margin-bottom: 0px; padding-bottom: 0px; }
a.forumlink:hover { color: #; letter-spacing: 4px; }
/* la partie qui renferme le tout */
.le_tout{ background-image:url('http://nsa17.casimages.com/img/2010/08/02/100802042322622430.png'); vertical-alignement: middle; -moz-border-radius:60px 0px 60px 0px; -webkit-border-radius: 60px 0px 60px 0px; border-radius:60px 0px 60px 0px; margin:0px; padding: 6px; border:2px solid #280300; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/* le titre des forums */
.titre_forum{ background-color: #CEE9F2; padding: 2px 0px 6px 0px; margin-left:40px; margin-right:40px; margin-top: 0px; margin-bottom: 0px; border:2px solid #120000; border-bottom : 0px solid #120000; border-top: 1px solid #120000; border-radius: 60px 60px 0px 0px; -webkit-border-radius-topleft:60px; -webkit-border-radius-topright:60px; -moz-border-radius-topleft:60px; -moz-border-radius-topright:60px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/* la description du forum */
.description_forum{ position: Inherit; background: #1d1d1c; background-color: #d2a77a; margin-left: 15px; margin-top:-6px; padding: 5px; border: 1px dotted #3b193b; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius-bottomleft: 15px; border-radius-topright: 15px; border-radius-bottomleft: 15px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/* derniers sujets */
.sujets_messages{ background-color: #d2a77a; -moz-border-radius: 20px 20px 20px 20px ; -webkit-border-radius: 20px 20px 20px 20px ; border-radius:20px 20px 20px 20px ; border:1px solid #120000; border-bottom:0px solid white; color:#120000 !important; padding: 2px 8px 2px 8px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/* derniers messages */
.dernier_messages{ background-color: #d2a77a; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; border:1px solid #120000 border-top:0px solid white; color:#120000 !important; padding: 2px 8px 2px 8px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/* liens des sous-forums */
.lien_du_bas{ background-color:#d2a77a; display:block; text-align:center; margin-top:-2px; border:2px solid #3b193b; border-top:0px solid #3b193b; margin-left:20px; margin-right:100px; font-family:georgia; font-size:11px; color:#c8c092; -moz-border-radius: 0px 0px 40px 40px; border-radius: 0px 0px 40px 40px; -webkit-border-radius: 0px 0px 40px 40px; padding:2px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; }
/*si affichage des modérateurs */
.moderateur{ text-align:center; padding:2px; margin-top: -10px; } .mod-text{ color:#fda564; letter-spacing: 2px; font-size:10px; } .group-mod{ font-size:10px; }
j'ai changé de place, ca change pas grand chose en fait. Donc je suppose que c'est dans le - Code:
-
<td align="{MENU_POSITION}"{MENU_NOWRAP}><div class="barre_de_navigation">{GENERATED_NAV_BAR}</div></td> que je dois changer de place ? | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Oui la position est définie par le template, le css définit seulement l'esthétique et la forme ^^
Essaie de retirer le position: fixed; pour voir ôO, il m'intrigue ce ptit bout et je pense que c'est lui qui est à l'origine du suivi de la barre de navigation. | | |
| | | Invité Invité
| http://poudlard-hentai.forumactif.org/index.htm
ca me donne ça si j'enleve le fixed xd | | |
| | | Invité Invité
| - Fenrir a écrit:
- http://poudlard-hentai.forumactif.org/index.htm
ca me donne ça si j'enleve le fixed xd mon overall est comme ca : - Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <!-- BEGIN meta_emulate_ie7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!-- END meta_emulate_ie7 --> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_fb_login --> <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script> <!-- END switch_fb_login --> <!-- BEGIN switch_ticker --> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam ) { case 'top' : slid_vert = true; break;
case 'left': break;
case 'bottom': slid_vert = true; auto_dir = 'prev'; break;
case 'right': auto_dir = 'prev'; break;
default: slid_vert = true; }
$(document).ready(function() { var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0) { $('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */ $('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des éléments */ var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des éléments et de la hauteur personnalisée dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } );
/* Redimensionnement des éléments et des images trop larges */ $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } });
/* Redimensionnement et centrage du conteneur en mode vertical */ if (slid_vert) { $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); }
/* Initialisation du caroussel */ $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script> <!-- END switch_ticker_new -->
<script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false; <!-- END switch_login_popup --> //]]> </script>
{GREETING_POPUP} <!-- BEGIN hitskin_preview --> <style type="text/css"> #hitskin_preview { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px; color: #fff; } * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */ position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); z-index: 2; background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px; } * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */ background: #fff url(foo) fixed; } #hitskin_preview h1 { float: left; margin: 3px 0 0 0; padding: 0 0 0 10px; font: italic normal 25px Arial,sans serif; color: #fff; } #hitskin_preview h1 img { vertical-align: middle; } #hitskin_preview em { color: #7CBA2C; font-weight: bold; } #hitskin_preview a { color: #fff; } #hitskin_preview a:hover { text-decoration: underline; }
#hitskin_preview .content { text-align: right; } #hitskin_preview .content p { margin: 4px 1em 0px 1em; font-size: 13px; line-height: 1.8em; color: #fff; font-weight: bold; } #hitskin_preview .content p span { font-weight: normal; font-size: 0.8em; } body { margin-top: 40px !important; } {hitskin_preview.HITSKIN_RTL_CSS} </style> <!-- END hitskin_preview -->
<!-- BEGIN switch_ticker_new --> <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; }
</style> <!-- END switch_ticker_new --> </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_login_popup -->
<a name="top"></a> {JAVASCRIPT} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br /> </span> </td> <!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center --> <td align="center" width="100%" valign="middle"> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br /> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}</span> </td> <!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right --> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br /> </span> </td> <td> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> </td> <!-- END switch_logo_right --><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}><div class="barre_de_navigation">{GENERATED_NAV_BAR}</div></td> </tr> </table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </td> </tr> </table> </div> <!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker -->
<div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation -->
je devrais poster le changement ou pour que ca se trouve juste au dessus de la banniere, mais aps en dehors du corps de forum ? | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| | | | Invité Invité
| zut, j'etais sur d'avoir dité == j'ai fermé la denetre sans regarder desolé. je vais tester le tuto merci ^^ | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Je peux classer ? ^^
Si tu as un soucis au pire tu rouvres un sujet =) | | |
| | | Invité Invité
| oui merci c'est bon, j'ai tout bien trouvé <3 merci encore xd | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| De rien !
Je classe ! | | |
| | | Contenu sponsorisé
| | | | | Barre navig en haut -probleme de coordination | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|