Problème de menu dans la toolbar.
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème de menu dans la toolbar.
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://lookhappier.forumactif.com/
Description du problème
Bonjour.Je reviens à nouveau vers vous car j'ai un petit problème au niveau de ma toolbar et du menu du forum que j'ai intégré dedans. En gros, si la page internet n'est pas en plein écran, le menu se met sur la zone info de la toolbar dès qu'on rétrécis la largeur de la page : https://i.imgur.com/Os2krRR.png
De plus, comme la toolbar n'est pas visible quand on n'est pas inscrit et connecté sur le forum, le menu se retrouve sans sa couleur de fond : https://i.imgur.com/alwYfya.png
Est-ce qu'il y aurait un moyen pour régler les deux problèmes ? Que le menu reste bien à sa place et que la toolbar/le fond soit visible quand on n'est pas connecté sur le forum ? Voici la partie du template ainsi que mon css :
- overall_header:
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div id="navigation"><div id="navig"><center>{GENERATED_NAV_BAR}</center></div></div>
- css:
- Code:
#navig{margin: auto;}
#navigation {text-align: center;position: fixed;z-index: 999;top: 0;left: 495;right: 0;width: 600px;}
Merci d'avance.
Re: Problème de menu dans la toolbar.
Personne ?
Re: Problème de menu dans la toolbar.
Bonjour ^^
Je ne prétends pas résoudre le problème mais vais faire preuve de raisonnement logique.
Elément de texte centré sur Mozilla Developer Network
- Je veux ma navigation à 495 du bord gauche, 495 quoi ? centimètres ? -> Une longueur est toujours suivie de l'unité utilisée (px, cm, em) ou de %. Là encore, si on n'aime pas les surprises, on respecte la syntaxe du langage utilisé. Sinon c'est le navigateur qui tente de deviner, et en fonction du navigateur, le résultat peut varier, ce qui n'arrive pas avec du code standard.
On va imaginer que c'était du px mais ça serait mieux de le dire au navigateur.
- Je veux que ma navigation fasse 600 pixels de large.
Les 3 choses que je veux implique que l'écran qui va ouvrir la page fait obligatoirement 1095 pixels de largeur (0px de marge droite + 600px de contenu + 495px de marge gauche.
Comment vous faites pour deviner la largeur d'écran de vos membres et pour savoir que tous vos visiteurs ont la même largeur d'écran ??
Partant de cette aberration, le plus simple me semblerait de supprimer la marge gauche, laisser la marge droite. Quant au 600px de largeur, ça va poser un souci si on redimensionne la fenêtre non ?
Edité :
Le plus simple, c'est encore de choisir quelque chose qui fonctionne, le code de Forumactif fonctionne très bien si on ne s'en mêle pas.
Plutôt que de réinventer la roue et devoir rafistoler à coup de CSS, on va juste déplacer le bloc de code concernant la navigation.
Juste après :
Ajouter :
Et ça sera centré pour tout le monde, y-compris ceux qui n'ont pasune résolution de 1600 pixels de large.
Je ne prétends pas résoudre le problème mais vais faire preuve de raisonnement logique.
- Code:
<div id="navig"><center>{GENERATED_NAV_BAR}</center></div>
Elément de texte centré sur Mozilla Developer Network
- Code:
#navigation {text-align: center;position: fixed;z-index: 999;top: 0;left: 495;right: 0;width: 600px;}
- Je veux ma navigation à 495 du bord gauche, 495 quoi ? centimètres ? -> Une longueur est toujours suivie de l'unité utilisée (px, cm, em) ou de %. Là encore, si on n'aime pas les surprises, on respecte la syntaxe du langage utilisé. Sinon c'est le navigateur qui tente de deviner, et en fonction du navigateur, le résultat peut varier, ce qui n'arrive pas avec du code standard.
On va imaginer que c'était du px mais ça serait mieux de le dire au navigateur.
- Je veux que ma navigation fasse 600 pixels de large.
Les 3 choses que je veux implique que l'écran qui va ouvrir la page fait obligatoirement 1095 pixels de largeur (0px de marge droite + 600px de contenu + 495px de marge gauche.
Comment vous faites pour deviner la largeur d'écran de vos membres et pour savoir que tous vos visiteurs ont la même largeur d'écran ??
Partant de cette aberration, le plus simple me semblerait de supprimer la marge gauche, laisser la marge droite. Quant au 600px de largeur, ça va poser un souci si on redimensionne la fenêtre non ?
Edité :
Le plus simple, c'est encore de choisir quelque chose qui fonctionne, le code de Forumactif fonctionne très bien si on ne s'en mêle pas.
Plutôt que de réinventer la roue et devoir rafistoler à coup de CSS, on va juste déplacer le bloc de code concernant la navigation.
Juste après :
- Code:
<a name="top"></a>
{JAVASCRIPT}
Ajouter :
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
Et ça sera centré pour tout le monde, y-compris ceux qui n'ont pasune résolution de 1600 pixels de large.
Re: Problème de menu dans la toolbar.
Bonjour,
De là à dire que c'est une aberration, c'est un peu gros. Je ne suis pas experte en la matière, d'où ma question donc désolée pour les erreurs. Ces codes m'ont juste servis à centrer la navigation. Surtout que je partais d'un code trouvé sur internet. My bad.
Ensuite, j'ai essayé le code ci-dessous bien que j'ai quand même dû rajouter du css. Car la navigation ne se mettait tout simplement pas à l'endroit voulu.
Mais, mon problème est que maintenant, elle n'est plus fixée cette navigation. Dès que je scroll vers le bas, la navigation s'enlève et il ne reste que la toolbar .. De plus, la navigation disparaît quand on n'est pas connecté.
Dans tous les cas, merci.
De là à dire que c'est une aberration, c'est un peu gros. Je ne suis pas experte en la matière, d'où ma question donc désolée pour les erreurs. Ces codes m'ont juste servis à centrer la navigation. Surtout que je partais d'un code trouvé sur internet. My bad.
Ensuite, j'ai essayé le code ci-dessous bien que j'ai quand même dû rajouter du css. Car la navigation ne se mettait tout simplement pas à l'endroit voulu.
Mais, mon problème est que maintenant, elle n'est plus fixée cette navigation. Dès que je scroll vers le bas, la navigation s'enlève et il ne reste que la toolbar .. De plus, la navigation disparaît quand on n'est pas connecté.
Dans tous les cas, merci.
Re: Problème de menu dans la toolbar.
Help ? Je présume que ça doit bien se faire vu que certains forums ont fait ça .. Sinon ben tant pis je mettrais le menu en-dessous du header.
Re: Problème de menu dans la toolbar.
Hi,
Des liens sans doute ?
Quels forums ?Rivendell. a écrit:Help ? Je présume que ça doit bien se faire vu que certains forums ont fait ça
Des liens sans doute ?
Re: Problème de menu dans la toolbar.
Hello Rivendell.,
Hélène (Neptunia que je salue ) à très bien résumé ton soucis.
De plus, il vaut mieux travailler en pourcentage (pour ma part) qu'en pixels .
Bref,
Dans le template overall_header de base Phpbb2 , tu as ce code html:
Cette variable
Correspond à l'alignement choisi dans ton P.A:
Affichage/Page d'accueil/En-tête & Navigation/En-tête des pages
Position de la barre de navigation :
A gauche
Centré
A droite
Donc pour que la barre de navigation soit centrée et prenne toute la largeur de la page:
Pour une barre avec une largeur de 80%:
On aura alors un left à 10%
La pratique et la même si tu veux encore diminuer, mais par habitude,
il vaut mieux rester avec cette largeur , car il faut voir avec le nombre de liens et leurs tailles de police respectives.
Plus tu en auras et plus les liens partiront en vrille .
La table à cet ID:
Tu peux donc coloriser le cellule td comme ceci:
Fred
a++
Hélène (Neptunia que je salue ) à très bien résumé ton soucis.
De plus, il vaut mieux travailler en pourcentage (pour ma part) qu'en pixels .
Bref,
Dans le template overall_header de base Phpbb2 , tu as ce code html:
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
Cette variable
- Code:
{MENU_POSITION}
Correspond à l'alignement choisi dans ton P.A:
Affichage/Page d'accueil/En-tête & Navigation/En-tête des pages
Position de la barre de navigation :
A gauche
Centré
A droite
Donc pour que la barre de navigation soit centrée et prenne toute la largeur de la page:
- Code:
<table id="navigation"cellspacing="0" cellpadding="0" border="0"style="width:100%;position:fixed;top:30px;left:0px;right:0px;">
<tr>
<td align="center">{GENERATED_NAV_BAR}</td>
</tr>
</table>
Pour une barre avec une largeur de 80%:
On aura alors un left à 10%
- Code:
<table id="navigation"cellspacing="0" cellpadding="0" border="0"style="width:80%;position:fixed;top:30px;left:10%;">
<tr>
<td align="center">{GENERATED_NAV_BAR}</td>
</tr>
</table>
La pratique et la même si tu veux encore diminuer, mais par habitude,
il vaut mieux rester avec cette largeur , car il faut voir avec le nombre de liens et leurs tailles de police respectives.
Plus tu en auras et plus les liens partiront en vrille .
La table à cet ID:
- Code:
table#navigation
Tu peux donc coloriser le cellule td comme ceci:
- Code:
table#navigation td{background-color:#666666;}
- Code:
table#navigation td a.mainmenu{color:#ffffff;}
Fred
a++
Invité- Invité
Re: Problème de menu dans la toolbar.
Bonjour @"Milouze14",
Très bien, merci beaucoup, elle se positionne parfaitement ! Cependant j'ai toujours le problème de quand je me déconnecte et ben le fond disparaît. Et si je mets un fond à
Ce fond passe au-dessus des menus de la toolbar et donc on ne voit plus la toolbar ; surtout que celle-ci disparaît quand on est déconnecté et je ne comprends pas pourquoi.
Très bien, merci beaucoup, elle se positionne parfaitement ! Cependant j'ai toujours le problème de quand je me déconnecte et ben le fond disparaît. Et si je mets un fond à
- Code:
table#navigation td{background-color:#666666;}
Ce fond passe au-dessus des menus de la toolbar et donc on ne voit plus la toolbar ; surtout que celle-ci disparaît quand on est déconnecté et je ne comprends pas pourquoi.
Re: Problème de menu dans la toolbar.
Hello Rivendell,
hum, l'ajout du template aurait été un sérieux atout pour la personne qui te vient en aide!!!!!!!!
Bref, sur ton forum ,
tu positionnes le code html donné au début du body juste après l'ancre:
Alors que ce dernier doit être positionné après ceci:
a++
hum, l'ajout du template aurait été un sérieux atout pour la personne qui te vient en aide!!!!!!!!
Bref, sur ton forum ,
tu positionnes le code html donné au début du body juste après l'ancre:
- Code:
<a name="top"></a>
Alors que ce dernier doit être positionné après ceci:
- Code:
<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>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
a++
Invité- Invité
Re: Problème de menu dans la toolbar.
Désolée, oublie de ma part mais voici la partie concernée :
Alors oui, je l'ai positionné là car on m'a dit plus haut de le mettre à ce niveau .. Mais si je positionne ceci là où tu me le dis, le menu sera sous le header, alors que je souhaite l'avoir DANS la toolbar .. J'ai suivis ce tuto au départ : https://forum.forumactif.com/t380910-integrer-la-barre-de-navigation-dans-la-toolbar
- Code:
<a name="top"></a>
{JAVASCRIPT}
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}><table id="navigation"cellspacing="0" cellpadding="0" border="0"style="width:100%;position:fixed;top:0px;left:0px;right:0px;">
<tr>
<td align="center">{GENERATED_NAV_BAR}</td>
</tr>
</table></td>
</tr>
</table>
Alors oui, je l'ai positionné là car on m'a dit plus haut de le mettre à ce niveau .. Mais si je positionne ceci là où tu me le dis, le menu sera sous le header, alors que je souhaite l'avoir DANS la toolbar .. J'ai suivis ce tuto au départ : https://forum.forumactif.com/t380910-integrer-la-barre-de-navigation-dans-la-toolbar
Re: Problème de menu dans la toolbar.
Re,
Alors avant ceci:
Si tu as des soucis, donnes moi le template dans sa totalité .
Déposes ceci:
Puis dans ta feuille de style, supprimes ceci:
Ta barre prendra automatiquement la couleur de la Toolbar.
a++
Alors avant ceci:
Si tu as des soucis, donnes moi le template dans sa totalité .
- Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
Déposes ceci:
- Code:
<script>
$(function(){
var a=$('#fa_toolbar').css('backgroundColor');
$('#navigation').find('td').css('backgroundColor',a);
});
</script>
<table id="navigation"cellspacing="0" cellpadding="0" border="0"style="width:100%;position:fixed;top:30px;">
<tr>
<td align="center">{GENERATED_NAV_BAR}</td>
</tr>
</table>
Puis dans ta feuille de style, supprimes ceci:
- Code:
table#navigation td{background-color:#666666;}
Ta barre prendra automatiquement la couleur de la Toolbar.
a++
Invité- Invité
Re: Problème de menu dans la toolbar.
Alors, la toolbar disparaît totalement avec le script. Voici mon template et le css associé à la toolbar :
Re: Problème de menu dans la toolbar.
Hello Rivendell,
alors avec ton template,ta toolbar à cette hauteur 15px:
Ensuite un léger calcul te fera revenir dans le template afin de donner la bonne valeur à la table
contenant la barre de navigation:
La toolbar fait 15px de hauteur et à un padding-bottom de 5px soit 20px.
Donc la table ne doit plus être a 30px du haut:
Mais bel et bien à 20px:
Voilà, et tout cela sans script installé sur mon fofo de tests.
Pour ton soucis, désactives les un à un pour voir le responsable et plus particulièrement celui-ci qui ressort avec erreur dans la console:
http://lookhappier.forumactif.com/20523.js
a++
alors avec ton template,ta toolbar à cette hauteur 15px:
- Code:
#fa_toolbar
{
height: 15px;
border-bottom: 2px solid;
padding-bottom: 5px;
z-index: 998!important;
}
- Code:
#fa_toolbar
{
height: 15px;
padding-bottom: 5px;
z-index: 998!important;
}
Ensuite un léger calcul te fera revenir dans le template afin de donner la bonne valeur à la table
contenant la barre de navigation:
La toolbar fait 15px de hauteur et à un padding-bottom de 5px soit 20px.
Donc la table ne doit plus être a 30px du haut:
- Code:
<table id="navigation"cellspacing="0" cellpadding="0" border="0"style="width:100%;position:fixed;top:30px;">
Mais bel et bien à 20px:
- Code:
<table id="navigation"cellspacing="0" cellpadding="0" border="0"style="width:100%;position:fixed;top:20px;">
Voilà, et tout cela sans script installé sur mon fofo de tests.
Pour ton soucis, désactives les un à un pour voir le responsable et plus particulièrement celui-ci qui ressort avec erreur dans la console:
http://lookhappier.forumactif.com/20523.js
- Code:
$(function(){$.get($("#dernier_membre a[href^='/u']")[0].href,function(d){(a=$("#avatar_membre img",$(d))).length&&$("#avatar_dernier_membre").html(a)})});
a++
Invité- Invité
Re: Problème de menu dans la toolbar.
Hello.
Je ne comprends pas pour la bordure, il y a une épaisseur .. La couleur du border est juste dans une autre partie du css.
Par contre si je mets un top de 20, la toolbar se met ici : https://i.imgur.com/7lEXbS3.png alors qu'avec un top:0 ben elle se met bien là où je voudrais.
Concernant le JS que dois-je faire ? Etant donné qu'il m'est utile pour le qui est en ligne. Tout ça me casse la tête, je pense que je vais finir par laisser le menu en-dessous du header.
Je ne comprends pas pour la bordure, il y a une épaisseur .. La couleur du border est juste dans une autre partie du css.
Par contre si je mets un top de 20, la toolbar se met ici : https://i.imgur.com/7lEXbS3.png alors qu'avec un top:0 ben elle se met bien là où je voudrais.
Concernant le JS que dois-je faire ? Etant donné qu'il m'est utile pour le qui est en ligne. Tout ça me casse la tête, je pense que je vais finir par laisser le menu en-dessous du header.
Re: Problème de menu dans la toolbar.
Hi,
Pour l'instant il ta été demandé de le désactiver afin de vérifier s'il était la cause de ton problèmeRivendell. a écrit:Concernant le JS que dois-je faire ? Etant donné qu'il m'est utile pour le qui est en ligne. Tout ça me casse la tête, je pense que je vais finir par laisser le menu en-dessous du header.
Re: Problème de menu dans la toolbar.
Je l'ai fait et effectivement c'est bien ça, car j'ai le même soucis sur un autre forum .. Cependant sur encore un autre il n'y a pas ce soucis et pourtant le JS est également présent.
Re: Problème de menu dans la toolbar.
Dans ce cas tu peux tenter de réactiver ce script et de chercher si un autre js est problématique
Re: Problème de menu dans la toolbar.
Re,
il faut désactiver le script définitivement afin que je puisse voir ou se trouvent ces IDs:
De ce fait, je pourrai voir ce qui cloche aussi pour ta toolbar.
Je pensais avoir déposé le template dans sa totalité:
Remplaces tout le contenu par celui-ci:
a++
il faut désactiver le script définitivement afin que je puisse voir ou se trouvent ces IDs:
- Code:
#dernier_membre
#avatar_dernier_membre
De ce fait, je pourrai voir ce qui cloche aussi pour ta toolbar.
Je pensais avoir déposé le template dans sa totalité:
Remplaces tout le contenu par celui-ci:
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Arapey:400,400i|Fresca|Playfair+Display:400,400i,700,700i,900,900i|Raleway:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i|Roboto+Condensed:300,300i,400,400i,700,700i" rel="stylesheet">
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/solid.css" integrity="sha384-r/k8YTFqmlOaqRkZuSiE9trsrDXkh07mRaoGBMoDcmA58OHILZPsk29i2BsFng1B" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/regular.css" integrity="sha384-IG162Tfx2WTn//TRUi9ahZHsz47lNKzYOp0b6Vv8qltVlPkub2yj9TVwzNck6GEF" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/brands.css" integrity="sha384-BKw0P+CQz9xmby+uplDwp82Py8x1xtYPK3ORn/ZSoe6Dk3ETP59WCDnX+fI1XCKK" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/fontawesome.css" integrity="sha384-4aon80D8rXCGx9ayDt85LbyUHeMWd3UiBaWliBlJ53yzm9hqN21A+o1pqoyK04h+" crossorigin="anonymous">
<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" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<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="{JQUERY_PATH}" type="text/javascript"></script>
<!-- BEGIN switch_recent_jquery -->
<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
<!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login -->
<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
<script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JQUERY_DIR}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 elements */
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 conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max) {
height_max = $(this).height();
}
} );
/* Redimensionnement des elements 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');
if(pm != null) { 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}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- 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 -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{G_ANALYTICS_ID}', 'auto');
ga('send', 'pageview');
ga('set', 'anonymizeIp', true);
<!-- BEGIN google_analytics_code_bis -->
ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
ga('bis.send', 'pageview');
ga('bis.set', 'anonymizeIp', true);
<!-- END google_analytics_code_bis -->
//]]>
</script>
<!-- END google_analytics_code -->
</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="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{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" style="z-index: 10000 !important;">
<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}
<script>
$(function(){
var a=$('#fa_toolbar').css('backgroundColor');
$('#navigation').find('td').css('backgroundColor',a);
});
</script>
<table id="navigation"cellspacing="0" cellpadding="0" border="0"style="width:100%;position:fixed;top:20px;">
<tr>
<td align="center">{GENERATED_NAV_BAR}</td>
</tr>
</table>
<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>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
<center>
<div class="entup">
<div style="width: 200px;display: inline-block;vertical-align:top;padding: 5px;margin-left: 0px;margin-top: 0;">
<div class="entour" style="height: 69px;overflow: auto;"><img src="https://i.imgur.com/V5T4Ezh.png" style="float:left;width:30px;padding-right: 8px;" /><i>temp. max</i> <strong style="font-size:10px;">12°</strong> | <i>temp. min</i> <strong style="font-size:10px;">2°</strong><br/><u>précipitations</u> entre 70 et 85%<br/><i class="fa fa-ship"></i> sortie en mer <strong style="font-size:9px;">autorisée</strong>.<hr/>Wexford garde actuellement un doux temps de <u>printemps</u>. Les <em>vents se lèvent</em> de temps à autre et l'air reste très <em>humide</em>.</div>
</div>
<div class="cadre" style="width: 300px;">
<div class="entour" style="height: 64px;overflow: auto;"><div><strong style="font-size:9px;">light between oceans</strong> n'est autre qu'un forum rpg city simple et sans chichis. Le <u>but du forum</u> n'est autre que de se faire plaisir, faire de nouvelles rencontres, de se poser un peu <em>sans pression</em> ni <em>prise de tête</em>. Venez <u>comme vous êtes</u>, avec le personnage et l'avatar que vous souhaitez. Ce forum, on veut le construire et le développer avec <strong style="font-size:9px;">vous</strong>. Ici, vous êtes à la maison.</div></div>
</div>
<div style="width: 200px;display: inline-block;vertical-align:top;padding: 5px;margin-left: 7px;margin-top: 0;">
<div class="entour">Retrouvez ci-dessous la liste de nos partenaires.<br/>
<select style="width: 205px;margin-top: 7px;text-transform:uppercase;" onchange="location = this.value">
<option selected="selected">Nos partenaires</option>
<option value="http://lookhappier.forumactif.com">toi ?</option>
<option value="http://lookhappier.forumactif.com">toi ?</option>
</select>
<br/><center><img src="https://i.imgur.com/xtgCw5R.png" width="40%" style="margin-top: 7px;"/>
<br/>
<cit><a href="#">devenir partenaire</a> › <a href="#">nos partenaires</a></cit></center></div>
</div>
</div>
</center>
<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 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 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 -->
a++
Invité- Invité
Re: Problème de menu dans la toolbar.
Voilà, le script est désactivé. Le script concerne le qeel et l'avatar du dernier membre inscrit si jamais.
Et voici ce que ça fait avec le template modifié : https://i.imgur.com/CRiY0jP.png Mais à nouveau, quand je mets le top:0px + en laissant le script dans le template, le menu se met au-dessus de la toolbar. Désolée de vous ennuyer avec tout ça ..
Et voici ce que ça fait avec le template modifié : https://i.imgur.com/CRiY0jP.png Mais à nouveau, quand je mets le top:0px + en laissant le script dans le template, le menu se met au-dessus de la toolbar. Désolée de vous ennuyer avec tout ça ..
Re: Problème de menu dans la toolbar.
Re,
Super , on ne voit rien, ton forum est en maintenance!!!!!!!!!!!!!!
ah, je n'avais pas saisi ta demande, tu veux avoir la toolbar en dessous de la barre de navigation.
Alors cela risque d'être un peu compliqué mais on va tâcher de trouver.
Il faut donc ajouter à cet ID:
Un :
A partir de là tu devrais obtenir satisfaction, ensuite il faudra régler l'affichage des notifications etc etc et c'est là que cela va se corser.
a++
Le script concerne le qeel et l'avatar du dernier membre inscrit si jamais.
Super , on ne voit rien, ton forum est en maintenance!!!!!!!!!!!!!!
ah, je n'avais pas saisi ta demande, tu veux avoir la toolbar en dessous de la barre de navigation.
Alors cela risque d'être un peu compliqué mais on va tâcher de trouver.
Il faut donc ajouter à cet ID:
- Code:
#fa_toolbar
Un :
- Code:
top: 19px !important;
A partir de là tu devrais obtenir satisfaction, ensuite il faudra régler l'affichage des notifications etc etc et c'est là que cela va se corser.
a++
Invité- Invité
Re: Problème de menu dans la toolbar.
Ah oui désolée, voilà. Mais du coup, que faire pour le js ? Car j'en ai besoin ..
Et non, j'aimerais que la navigation soit DANS la toolbar comme dans ce sujet : https://forum.forumactif.com/t380910-integrer-la-barre-de-navigation-dans-la-toolbar Tout allait bien, sauf qu'une fois déconnecté, le fond disparaît. Mais je pense abandonner et laisser la barre de navigation en-dessous du header car ça m'a l'air compliqué.
Et non, j'aimerais que la navigation soit DANS la toolbar comme dans ce sujet : https://forum.forumactif.com/t380910-integrer-la-barre-de-navigation-dans-la-toolbar Tout allait bien, sauf qu'une fois déconnecté, le fond disparaît. Mais je pense abandonner et laisser la barre de navigation en-dessous du header car ça m'a l'air compliqué.
Re: Problème de menu dans la toolbar.
Re,
le lien que tu mentionnes n'intégre pas la barre de navigation et plus un positionnement.
Donc oui, il vaut mieux laisser ainsi:
Toolbar puis en dessous la barre de navigation.
Alors, j'ai fais pas mal de recherche pour te venir en aide, à ton tour de rechercher et me dire ou est placé ce code html:
Et une fois trouvé, me donner le template concerné.
a++
a++
le lien que tu mentionnes n'intégre pas la barre de navigation et plus un positionnement.
Donc oui, il vaut mieux laisser ainsi:
Toolbar puis en dessous la barre de navigation.
Mais du coup, que faire pour le js ? Car j'en ai besoin ..
Alors, j'ai fais pas mal de recherche pour te venir en aide, à ton tour de rechercher et me dire ou est placé ce code html:
- Code:
#dernier_membre
Et une fois trouvé, me donner le template concerné.
a++
a++
Invité- Invité
Re: Problème de menu dans la toolbar.
Merci quand même pour ton temps.
Ensuite voici les templates comprenant les éléments du JS :
J'ai suivis ce tuto : https://forum.forumactif.com/t379011-avatar-du-dernier-membre-inscrit-dans-le-qui-est-en-ligne De plus, une amie utilise aussi ce tutoriel, mais elle n'a pas ce soucis elle.
Ensuite voici les templates comprenant les éléments du JS :
- index_body:
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table><br/>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">
<table>
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<!-- BEGIN switch_social_login -->
<td width="10%" align="center" valign="middle" class="row1">
<span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
</td>
<!-- END switch_social_login -->
</tr>
</table>
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="text-align: center; padding: 5px 0 10px;">
<tr>
<td width="100%">
<span class="gensmall navi">
<!-- BEGIN switch_user_logged_in -->
<a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> ›
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}"> {L_SEARCH_UNANSWERED}</a> ›
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> ›
<!-- END switch_user_logged_in -->
<a href="{U_OVERALL_POSTERS}" class="gensmall"> {L_OVERALL_POSTERS}</a>
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="50%" valign="top" align="right" class="row1">
<table>
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<!-- BEGIN switch_social_login -->
<td width="10%" align="center" valign="middle" class="row1">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
</td>
<!-- END switch_social_login -->
</tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<table class="forumline qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td class="catHead" height="28" colspan="3"><span class="secondarytitle"><span style="text-align:center;display:block;">who's in wexford ?</span></span></td></tr>
<tr style="display: block; padding: 5px;">
<td class="un">
<div class="box"><span class="texte"><div><strong style="font-size:9px;">Wexford</strong>, petite ville côtière d'Irlande. Une ville où <em>il fait bon d'y vivre</em>, où tous les habitants se connaissent depuis bien des années.
Car sans savoir pourquoi, presque personne n'a envie de partir de Wexford. Ville <em>fondée par les vikings</em>, son artcheteture typique capture tous les regards, immergeant tous les habitants et voyageurs dans une <em>ambiance typiquement irlandaise</em>.
Qu'attendez-vous pour poser vos valises ?
<span id="tot_us">{TOTAL_USERS_ONLINE}</span></div></span></div>
<script type="text/javascript">document.getElementById('tot_us').innerHTML=document.getElementById('tot_us').innerHTML.replace(/Il y a en tout/," Actuellement à Wexford, ");</script>
<script type="text/javascript">document.getElementById('tot_us').innerHTML=document.getElementById('tot_us').innerHTML.replace(/utilisateur en ligne :/,"habitant se balade en ville ");</script>
<script type="text/javascript">document.getElementById('tot_us').innerHTML=document.getElementById('tot_us').innerHTML.replace(/utilisateurs en ligne :/,"habitants se baladent en ville ");</script>
<script type="text/javascript">document.getElementById('tot_us').innerHTML=document.getElementById('tot_us').innerHTML.replace(/Enregistré/,"habitant");</script>
<script type="text/javascript">document.getElementById('tot_us').innerHTML=document.getElementById('tot_us').innerHTML.replace(/Enregistrés/,"habitants");</script>
<script type="text/javascript">document.getElementById('tot_us').innerHTML=document.getElementById('tot_us').innerHTML.replace(/Invisible et/,"fantôme,");</script>
<script type="text/javascript">document.getElementById('tot_us').innerHTML=document.getElementById('tot_us').innerHTML.replace(/Invisibles et /,"fantômes,");</script>
<script type="text/javascript">document.getElementById('tot_us').innerHTML=document.getElementById('tot_us').innerHTML.replace(/Invité/,"voyageur.");</script>
<script type="text/javascript">document.getElementById('tot_us').innerHTML=document.getElementById('tot_us').innerHTML.replace(/Invités/,"voyageurs.");</script>
<div style="margin-left:5px;"><span class="statistiques"><div>
<span id="nb_messages">{TOTAL_POSTS}
<script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/Nos membres ont posté un total de/,"");document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/message/,"message");</script></span></div></span>
<span class="statistiques"><div><span id="mb_inscrits">{TOTAL_USERS}<script type="text/javascript">document.getElementById('mb_inscrits').innerHTML=document.getElementById('mb_inscrits').innerHTML.replace(/Nous avons/,"");document.getElementById('mb_inscrits').innerHTML=document.getElementById('mb_inscrits').innerHTML.replace(/membres enregistrés/,"habitants");document.getElementById('mb_inscrits').innerHTML=document.getElementById('mb_inscrits').innerHTML.replace(/Nous avons/,"");document.getElementById('mb_inscrits').innerHTML=document.getElementById('mb_inscrits').innerHTML.replace(/membre enregistré/,"habitant");</script></span></div></span>
</div></td>
<td class="deux">
<span class="dmav"><span id="avatar_dernier_membre"></span></span>
</td>
<td class="trois">
<span id="dernier_membre" class="dm"><div><ess>{NEWEST_USER}</ess></div></span>
<script type="text/javascript">document.getElementById('dernier_membre').innerHTML=document.getElementById('dernier_membre').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"<wl>bienvenue en ville</wl><br/>");</script>
<div class="box2" style="margin-top: 3px;"><span class="texte"><div><span id="conn_mb">{LOGGED_IN_USER_LIST}</span></div></span></div>
<div class="grp"><div><a href="http://lookhappier.forumactif.com/g7-dusk" style="color:#7888A2">dusk</a></div></div> <div class="grp"><div><a href="http://lookhappier.forumactif.com/g6-dawn" style="color:#C29265">dawn</a></div></div> <div class="grp"><div><a href="http://lookhappier.forumactif.com/g5-sunrise" style="color:#BD7460">sunrise</a></div></div>
<script type="text/javascript">document.getElementById('conn_mb').innerHTML=document.getElementById('conn_mb').innerHTML.replace(/Utilisateurs enregistrés :/,"<log>à wexford :</log>");</script>
</td>
<td class="quatre">
<table id="membrees">
<span class="texte"><div>{L_CONNECTED_MEMBERS}</div></span>
<script type="text/javascript">document.getElementById('membrees').innerHTML=document.getElementById('membrees').innerHTML.replace(/Membres connectés au cours des 48 dernières heures :/,"<log>récemment en ville :</log>");
</script>
</table>
</td>
</tr>
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
{AUTO_DST}
- profile_view_body:
- Code:
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<th class="thHead" colspan="2" nowrap="nowrap" height="25"><h1 class="h_member cattitle">more about this character</h1></th>
</tr>
<tr>
<td class="row1 promembres">
<span class="gauche"><div class="aavatar"><span id="avatar_membre">{AVATAR_IMG}</span></div>
<div class="contacts"><!-- BEGIN contact_field -->
<div style="display:inline-block;vertical-align:middle;height:30px;"> </div>
<span id="field_id{contact_field.ID}">{contact_field.CONTENT}</span>
<!-- END contact_field --></div></span>
<span class="droite" style="width: 425px;margin-top: 8px;">
<span class="nompro"><div><span class="titrepro">{USERNAME}</span><br/>
<span class="rang">{POSTER_RANK}</span></div></span>
<div style="margin-top: 3px;"><span class="laast"><log>{L_LAST_VISITED} :</log> <em>{LAST_VISIT_TIME}</em></span> <span class="msgpri">{PRIVATE_MSG} messages privés</span> <span class="enliigne">{USER_ONLINE}</span></div>
<div class="box1"><div class="texte">
<!-- BEGIN profile_field -->
<span style="display:block;white-space: normal;" id="field_id{profile_field.ID}">
<span class="label" style="display:inline;">{profile_field.LABEL}</span><span style="display:inline;margin-left: 1px;">{profile_field.CONTENT}</span>
</span>
<!-- END profile_field -->
<hr/>
<span style="font-size: 9px!important;"><!-- BEGIN switch_rpg -->
<!-- BEGIN rpg_fields_left -->
<log style="font-size: 8px!important;">{switch_rpg.rpg_fields_left.F_NAME} :</log>
 {switch_rpg.rpg_fields_left.F_VALUE_NEW}<br/>
<!-- END rpg_fields_left -->
<!-- BEGIN rpg_fields -->
<log style="font-size: 8px!important;">{switch_rpg.rpg_fields.F_NAME} :</log>
 {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
<!-- END rpg_fields -->
<!-- END switch_rpg --></span>
</div>
<!-- BEGIN profile_field -->
<!-- BEGIN profil_type_user_posts -->
<div style="margin-left: 7px;">
<span class="boxinfo"><div><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">sujets ouverts</a></div></span>
<span class="boxinfo"><div><a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">participations</a></div></span>
<span class="boxinfo"><div><a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">messages postés</a></div></span>
<span class="boxinfo"><div>{ADMINISTRATE_USER}</div></span>
</div>
<!-- END profil_type_user_posts --> <!-- END profile_field -->
</div>
</span>
</td>
</tr>
</table>
<br />
<script src="{JQUERY_ROOT}json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('[id^=field_id]').each(function(){
if ( $(this).find('.field_editable').is('span, div') )
{
$(this).hover(function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
$(this).find('.ajax-profil_edit').attr({
alt: "{L_FIELD_EDIT_VALUE}",
title: "{L_FIELD_EDIT_VALUE}"
}).click(function(){
$(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
$(this).prev().find('.ajax-profil_valid').attr({
alt: "{L_VALIDATE}",
title: "{L_VALIDATE}"
}).click(function(){
var content = new Array();
$(this).parent().find('[name]').each(function(){
var type_special = $(this).is('input[type=radio],input[type=checkbox]');
if ( (type_special && $(this).is(':checked')) || !type_special )
{
content.push(new Array($(this).attr('name'), $(this).attr('value')));
}
});
var id_name = $(this).parents('[id^=field_id]').attr('id');
var id = id_name.substring(8, id_name.length);
$.post(
"{U_AJAX_PROFILE}",
{id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
function(data){
$.each(data, function(i, item){
$('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
});
},
"json"
);
});
$(this).remove();
});
}
},function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
$(this).find('.ajax-profil_edit').remove();
}
});
}
});
});
//]]>
</script>
J'ai suivis ce tuto : https://forum.forumactif.com/t379011-avatar-du-dernier-membre-inscrit-dans-le-qui-est-en-ligne De plus, une amie utilise aussi ce tutoriel, mais elle n'a pas ce soucis elle.
Re: Problème de menu dans la toolbar.
Re,
remplaces le script par celui-ci:
a++
remplaces le script par celui-ci:
- Code:
$(function(){$('#dernier_membre').find(' a[href^="/u"]').each(function(){
var link=$(this).attr('href');$.get(link, function(data){
var a= $(data).find('#avatar_membre img').attr('src');
$('#avatar_dernier_membre').append('<img src="'+a+'"/>');})});});
a++
Invité- Invité
Re: Problème de menu dans la toolbar.
C'est parfait, un tout tout grand merci pour ton aide.
Re: Problème de menu dans la toolbar.
Re ,
de rien et n'oublies pas de donner un maximum d'informations pour ta prochaine demande .
a++
de rien et n'oublies pas de donner un maximum d'informations pour ta prochaine demande .
a++
Invité- Invité
Sujets similaires
» Déplacer un lien dans le menu de la toolbar
» Nombre de MP dans le menu déroulant de la toolbar erroné
» [Résolu] Mettre un menu déroulant dans la toolbar
» Ajouter son pseudo dans la barre de menu de la toolbar
» ajouter un menu déroulant multi-niveaux dans le toolbar
» Nombre de MP dans le menu déroulant de la toolbar erroné
» [Résolu] Mettre un menu déroulant dans la toolbar
» Ajouter son pseudo dans la barre de menu de la toolbar
» ajouter un menu déroulant multi-niveaux dans le toolbar
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum