[Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
+3
pedro
Avalanche
Miettes
7 participants
Page 1 sur 2 • 1, 2
- cissaInvité
[Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Lun 12 Avr 2021 - 16:23
coucou par ici !
Je viens avec le même soucis que les quelques personnes au-dessus, c'est-à-dire que le bouton apparaît bien sur la barre de navigation mais qu'en revanche, le nombre de notifications n'apparaît pas Comme j'ai cru comprendre que cela dépend d'un chemin propre à chaque forum, je me permets de poster ici, cependant, en tant qu'invité, je n'arrive pas à poster le code du template overall-header
Merci d'avance et bravo pour ce petit forum aux tutoriels très pratiques
Je viens avec le même soucis que les quelques personnes au-dessus, c'est-à-dire que le bouton apparaît bien sur la barre de navigation mais qu'en revanche, le nombre de notifications n'apparaît pas Comme j'ai cru comprendre que cela dépend d'un chemin propre à chaque forum, je me permets de poster ici, cependant, en tant qu'invité, je n'arrive pas à poster le code du template overall-header
Merci d'avance et bravo pour ce petit forum aux tutoriels très pratiques
- pedro
- Messages : 8
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Mar 13 Avr 2021 - 16:45
good evening I did everything as a tutor, but it doesn't work, I always open the "Types of notifications" page where I'm wrong
version: invision
version: ModernBB
thank you very much I don't have any modified templates
version: invision
version: ModernBB
thank you very much I don't have any modified templates
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Mar 13 Avr 2021 - 21:45
Bonsoir Cissa
Comme indiqué, pour qu'on puisse t'aider et avoir un suivi il faut t'inscrire. Sans code, sans lien, sans rien, on ne peut rien faire ^^
Hi @pedro. I'm sorry I'm really bad in english.
I don't understand your problem. You don't see the number of notifications in your nav bar ?
Comme indiqué, pour qu'on puisse t'aider et avoir un suivi il faut t'inscrire. Sans code, sans lien, sans rien, on ne peut rien faire ^^
Hi @pedro. I'm sorry I'm really bad in english.
I don't understand your problem. You don't see the number of notifications in your nav bar ?
- pedro
- Messages : 8
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Mer 14 Avr 2021 - 0:00
Don't work the tutors
les tuteurs ne fonctionnent ho seguito il tutors bene . Je n'ai pas de modèles modifiés
les tuteurs ne fonctionnent ho seguito il tutors bene . Je n'ai pas de modèles modifiés
- cissa
- Messages : 6
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Mer 14 Avr 2021 - 11:43
Coucou ! Je n'avais pas trop de temps au moment où j'ai vu le tutoriel et je n'avais pas encore pris le temps de jeter un oeil autre part sur le forum Me voilà donc ! Je me permets du coup de glisser le code de mon overall-header :
Merci d'avance <3
- 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 href="https://fonts.googleapis.com/css?family=Overpass:400,700|Share+Tech+Mono" rel="stylesheet">
<link href='http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto' rel='stylesheet' type='text/css' />
<link href="https://fonts.googleapis.com/css?family=Roboto|Montserrat:900|Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto|Cousine|Montserrat:900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Volkhov&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<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 async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- BEGIN google_analytics_code_bis -->
gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- 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}">
<script type="text/javascript">
jQuery.get('/portal', function(data) {
var topics = $(data).find('.forumline td.row1 .gensmall');
$(topics).contents().filter(function() {
return this.nodeType === 3 && $.trim(this.textContent).length
}).wrap('<span></span>');
$('#recent_topics').html($(topics));
});
</script>
<!-- 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 -->
<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
<table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_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="{LIKE_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="like_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="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
</form>
</div>
<span class="genmed">{LIKE_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_like_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 loading="lazy" 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 loading="lazy" 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 loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
</td>
<!-- END switch_logo_right -->
</tr>
</table>
<div id="navigation"><div><span class="userName"></span></div><div class="navigation">{GENERATED_NAV_BAR}</div></div>
<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 -->
Merci d'avance <3
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Jeu 15 Avr 2021 - 21:54
@Pedro, I can't help you, i don't understand where is your problem and it's useless to send me PM.
If you want I try to give you the correct code, give me : your template, the link of your forum. Here, not in private message.
@Cissa, peux-tu essayer ce script ?
If you want I try to give you the correct code, give me : your template, the link of your forum. Here, not in private message.
@Cissa, peux-tu essayer ce script ?
- Code:
/*Au chargement de la page*/
$(function(){
// on indique la version du forum : attention de bien respecter les écritures ci-dessous
// invision, phpbb2, phpbb3, punbb, modernbb
var versionForum = 'modernbb';
var nouvelleImage = '';
var lastNbNotif = 0, //on crée la variable qui récupérera le nombre de notifications actuelles
cheminNav; // On crée la variable pour les différents chemins selon la version
cheminNav = '.navigation ' ;
// On récupère le chemin de la barre de navigation et plus particulièrement le "bouton" notification
//On récupère le texte "normal" du bouton de Notification
var cheminNavbar=cheminNav +'a[href="/profile?mode=editprofile&page_profil=notifications"]';
var textNavBar = $(cheminNavbar).text();
// On récupère le nombre de notification dans la toolbar
// S'il y a une notification ET que le nombre de notification de la toolbar est différent de celui enregistré dans la variable
// on ajoute une class au lien de la barre de navigation concerné
// On modifie l'image
// On ajoute le nombre de notification dans la barre de navigation
// On enregistre le nombre de notification dans la variable
function majNotification() {
var nbNotif=$('#fa_notifications').find('#notif_unread').text();
if(nbNotif != "" && nbNotif!=lastNbNotif){
$(cheminNavbar).addClass("newNotif");
$(cheminNav +'a[href="/profile?mode=editprofile&page_profil=notifications"] img').attr("src",nouvelleImage);
$(cheminNavbar).text(textNavBar + ' ' + nbNotif);
lastNbNotif=nbNotif;
}
}
// Au chargement de la page, on attend 1 seconde (1000 ms), on appelle notre fonction
setTimeout(function(){
majNotification();
}, 1000);
// Puis, toutes les 30 secondes (30000 ms) on appelle à nouveau notre fonction
setInterval(function(){
majNotification();
}, 30000);
});
- MiettesRâleuse (Admin)
- Informations :
► Présente en semaine (09h00 - 18h00)
----
Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Ven 16 Avr 2021 - 9:20
Hi @Pedro
Could you please post here your forum's URL and access to user count which can be used for testing. It think you sould adapt javascript code to fit with the code of you forum.
Could you please post here your forum's URL and access to user count which can be used for testing. It think you sould adapt javascript code to fit with the code of you forum.
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Ven 16 Avr 2021 - 9:20
Bon.... je vais aussi être élue "chiante" de l'année.... Je n'ai pas compris où on a le panneau d'admin dans cette barre de nav (est-ce la même qu'ici? Je comprends rien du tout lol)
- pedro
- Messages : 8
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Ven 16 Avr 2021 - 9:46
- MiettesRâleuse (Admin)
- Informations :
► Présente en semaine (09h00 - 18h00)
----
Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Ven 16 Avr 2021 - 12:23
- pedro
- Messages : 8
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Ven 16 Avr 2021 - 16:40
oui activé ... ça ne marche
- MiettesRâleuse (Admin)
- Informations :
► Présente en semaine (09h00 - 18h00)
----
Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Ven 16 Avr 2021 - 17:44
Hi @Pedro
Everything works fine. This tutorial doesn't open the notification in popup but in the notification page. Mäven will write an another tutorial to do this, as soon as she can You'll have to wait :p
Everything works fine. This tutorial doesn't open the notification in popup but in the notification page. Mäven will write an another tutorial to do this, as soon as she can You'll have to wait :p
- pedro
- Messages : 8
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Ven 16 Avr 2021 - 18:00
Maintenant je comprends merci
Désolé une question: à quoi sert le script?
juste le bouton avec l'URL?
suffisait merci, très gentil
Désolé une question: à quoi sert le script?
juste le bouton avec l'URL?
suffisait merci, très gentil
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Ven 16 Avr 2021 - 21:29
Avalanche a écrit:Bon.... je vais aussi être élue "chiante" de l'année.... Je n'ai pas compris où on a le panneau d'admin dans cette barre de nav (est-ce la même qu'ici? Je comprends rien du tout lol)
Hello !
Je n'ai pas compris ta question
@Pedro, yes, this script is to put the link with de number of notifications.
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Ven 16 Avr 2021 - 23:14
Alors en fait, si on n'a plus la toolbar, on fait comment pour aller sur le panneau d'admin?Mäven a écrit:Je n'ai pas compris ta question
La barre de nav' qu'il y a sur ce site est très jolie en tout cas! Félicitations
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Sam 17 Avr 2021 - 9:49
Pour aller sur le panneau d'administration tu as le lien tout en bas du forum, normalement
Merci, c'est Miettes qui a fait tout le design du forum =)
Merci, c'est Miettes qui a fait tout le design du forum =)
- pedro
- Messages : 8
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Sam 17 Avr 2021 - 11:15
pour moi le nombre n'est pas vu
merci pour tout
merci pour tout
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Sam 17 Avr 2021 - 17:31
@Cissa, j'ai pu aller tester et chez moi ça fonctionne, j'ai bien le (1)qui se met quand je met le script dans la console.
Tu dois avoir un autre javascript qui bug (il y a une erreur dans la console) et donc ça ne lit pas le suivant.
Essaies de tous les désactiver sauf celui pour les notifs, ensuite, si c'est OK, réactive les un après l'autre pour trouver lequel fait planter
Tu dois avoir un autre javascript qui bug (il y a une erreur dans la console) et donc ça ne lit pas le suivant.
Essaies de tous les désactiver sauf celui pour les notifs, ensuite, si c'est OK, réactive les un après l'autre pour trouver lequel fait planter
- cissa
- Messages : 6
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Sam 17 Avr 2021 - 17:39
aaah purée j'ai trouvé de quoi ça venait : de mon extension adblock ! merci pour ton aide !
- theking0fjoke
- Messages : 10
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Jeu 29 Avr 2021 - 2:05
Hey coucou à toi
Déjà merci pour ce code Par contre, nous avons un petit souci, nous sommes en voie d'ouvrir un forum et nous installons donc pour le moment tout sur un forum test dont je mets le lien juste ici : https://bdm-test.forumactif.com/ Nous comptons ensuite tout copier-coller sur le bon forum une fois tout mis en place !
Nous avons un souci concernant l'affichage du nombre de notifications ... Il se met bien dans l'onglet de navigation, mais pas à côté du mot notifications donc sur la page même du forum ... et après de nombreuses manipulations, nous ne comprenons pas comment le faire Nous avions déjà tenté d'utiliser d'autres codages, mais à chaque fois quelque chose ne fonctionnait pas et c'est du coup avec ton code que nous sommes le plus près de notre but ultime Mais il reste ce petit souci de notifications qui ne s'affichent pas aux deux endroits du coup !
Notre forum est en PHPBB2 si jamais ! Et voici notre code overall_header :
J'espère avoir mis toutes les informations pour pouvoir avoir un petit coup de pouce Merci beaucoup à vous et bonne journée !
Déjà merci pour ce code Par contre, nous avons un petit souci, nous sommes en voie d'ouvrir un forum et nous installons donc pour le moment tout sur un forum test dont je mets le lien juste ici : https://bdm-test.forumactif.com/ Nous comptons ensuite tout copier-coller sur le bon forum une fois tout mis en place !
Nous avons un souci concernant l'affichage du nombre de notifications ... Il se met bien dans l'onglet de navigation, mais pas à côté du mot notifications donc sur la page même du forum ... et après de nombreuses manipulations, nous ne comprenons pas comment le faire Nous avions déjà tenté d'utiliser d'autres codages, mais à chaque fois quelque chose ne fonctionnait pas et c'est du coup avec ton code que nous sommes le plus près de notre but ultime Mais il reste ce petit souci de notifications qui ne s'affichent pas aux deux endroits du coup !
Notre forum est en PHPBB2 si jamais ! Et voici notre code overall_header :
- 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>
<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[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</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}">
<div class="hautbas"><a href="#top"><img src="https://www.turbopix.fr/images/2021/03/21/flechehaut.png" alt="Revenir en haut"></a> <a href="#bottom"><img src="https://www.turbopix.fr/images/2021/03/21/flechebas.png" alt="Aller en bas"></a></div>
<!-- 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}
<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>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
<tr><td><!-- BEGIN switch_user_logged_in --><div class="avaSIT"></div><div class="welcSIT"></div><!-- END switch_user_logged_in --></td></tr>
<script type="text/javascript">$(function(){$('.avaSIT').html(_userdata.avatar);{$('.welcSIT').html( _userdata.username);}});</script>
<tr><td class="navSIT" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</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 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 -->
<script>
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name,"",-1);
}
function keep_header(num) {
createCookie('header', num, 100);
$(".choixheader").replaceWith("<div class='choixheader'><a href='#' onClick='random_header()'>Revenir à un header aléatoire</a></div>");
}
function random_header() {
eraseCookie('header');
location.reload();
}
var cookie = readCookie('header');
var tab = new Array();
/* METTEZ ICI LES ADRESSES DE VOS BANNIERES
VOUS POUVEZ EN METTRE AUTANT QUE VOUS VOULEZ
IL SUFFIT DE RAJOUTER DES LIGNES */
tab[tab.length] = "https://www.turbopix.fr/images/2021/03/11/Ban1.jpg";
tab[tab.length] = "https://www.turbopix.fr/images/2021/03/21/Ban2.jpg";
tab[tab.length] = "https://www.turbopix.fr/images/2021/03/21/Ban3.jpg";
tab[tab.length] = "https://www.turbopix.fr/images/2021/03/21/Ban4.jpg";
$(document).ready(function(){
var num_header = Math.floor(Math.random()*tab.length);
var message = "<div class='choixheader'><a href='#' onClick='keep_header(" + num_header + ")'>Choisir de garder ce header</a></div>";
if(cookie != null) {
num_header = cookie;
message = "<div class='choixheader'><a href='#' onClick='random_header()'>Revenir à un header aléatoire</a></div>";
}
$('#i_logo').attr('src',tab[num_header]);
$('body').prepend(message);
});
</script>
J'espère avoir mis toutes les informations pour pouvoir avoir un petit coup de pouce Merci beaucoup à vous et bonne journée !
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Jeu 29 Avr 2021 - 8:01
Hello
Je suis sur mobile donc je ne peux pas regarder la mais j'ai 2 pistes pour savoir d'où ça vient. Je regarde d'ici dimanche soir selon le temps que j'aurai
Je suis sur mobile donc je ne peux pas regarder la mais j'ai 2 pistes pour savoir d'où ça vient. Je regarde d'ici dimanche soir selon le temps que j'aurai
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Jeu 29 Avr 2021 - 22:02
Hello @theking0fjoke !
Je suis sur pc, du coup il me manque des infos =)
Il me faudrait un compte de test, sans aucun droit (je ne veux pas d'accès au PA) afin que je puisse faire des tests Et je veux bien aussi que tu me mettes ici le script que tu as mit.
A bientôt !
Je suis sur pc, du coup il me manque des infos =)
Il me faudrait un compte de test, sans aucun droit (je ne veux pas d'accès au PA) afin que je puisse faire des tests Et je veux bien aussi que tu me mettes ici le script que tu as mit.
A bientôt !
- theking0fjoke
- Messages : 10
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Mar 4 Mai 2021 - 15:58
Hey !
Désolé pour le temps, je n'avais pas vu ta réponse Pour ce qui est d'un compte test, si tu n'as pas besoin d'accès spéciaux, normalement tu devrais pouvoir en créer un sans souci et on le supprimera par la suite
Pour ce qui est du script ... J'avoue que je ne m'y connais pas trop, je ne sais pas lequel tu souhaites avoir, mais nous avons pris celui que tu avais mis au-dessus, combiné à un code trouvé sur cccrush pour la barre de navigation, je te le mets en-dessous :
ça disait de Remplacer les lignes 268 à 272 du template par :
Et la partie CSSS :
Si tu as besoin d'autre chose ou que je me suis trompé, n'hésite pas et encore merci !
Désolé pour le temps, je n'avais pas vu ta réponse Pour ce qui est d'un compte test, si tu n'as pas besoin d'accès spéciaux, normalement tu devrais pouvoir en créer un sans souci et on le supprimera par la suite
Pour ce qui est du script ... J'avoue que je ne m'y connais pas trop, je ne sais pas lequel tu souhaites avoir, mais nous avons pris celui que tu avais mis au-dessus, combiné à un code trouvé sur cccrush pour la barre de navigation, je te le mets en-dessous :
ça disait de Remplacer les lignes 268 à 272 du template par :
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
<tr><td><!-- BEGIN switch_user_logged_in --><div class="avaSIT"></div><div class="welcSIT"></div><!-- END switch_user_logged_in --></td></tr>
<script type="text/javascript">$(function(){$('.avaSIT').html(_userdata.avatar);{$('.welcSIT').html( _userdata.username);}});</script>
<tr><td class="navSIT" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>
Et la partie CSSS :
- Code:
/* NAVIGATION */
#navSIT {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:50px;
background:black; /* MODIFIABLE */
}
.navSIT {
position:absolute; top:15px; right:15px;
}
.mainmenu img {
display:none;
}
/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:15px;
width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid;
border-color:black; /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:130px; top:20px;
font-size:12px; font-family:Arial; /* MODIFIABLE */
color:white; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
float:left; margin-right:5px;
content:'Bienvenue'; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}
Si tu as besoin d'autre chose ou que je me suis trompé, n'hésite pas et encore merci !
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Mer 5 Mai 2021 - 22:40
Oui, mais je manque de temps pour créer un compte et je n'ai pas forcément envie de partager mon adresse mail. si je te demande un compte c'est pour que ça soit plus simple et plus rapide pour moiDésolé pour le temps, je n'avais pas vu ta réponse Surprised Pour ce qui est d'un compte test, si tu n'as pas besoin d'accès spéciaux, normalement tu devrais pouvoir en créer un sans souci et on le supprimera par la suite Very Happy
Tu n'as rien changé du tout au tuto ? Tu as mis la bonne version ?Pour ce qui est du script ... J'avoue que je ne m'y connais pas trop, je ne sais pas lequel tu souhaites avoir, mais nous avons pris celui que tu avais mis au-dessus, combiné à un code trouvé sur cccrush pour la barre de navigation, je te le mets en-dessous :
- theking0fjoke
- Messages : 10
Re: [Archive] Afficher les notifications dans la barre de navigation & retirer la toolbar
Jeu 6 Mai 2021 - 0:23
Ah désolé, je n'avais pas compris que c'était pour ça, c'est la première fois que je demande de l'aide comme ça J'ai crée le compte du coup, le nom d'utilisateur : test et le mot de passe : Test123 !
Pour ce qui est du code, non je n'ai rien modifié et normalement tout devrait être bon au niveau de la version oui je crois !
Merci à toi pour ton aide !
Pour ce qui est du code, non je n'ai rien modifié et normalement tout devrait être bon au niveau de la version oui je crois !
Merci à toi pour ton aide !
- Contenu sponsorisé
Page 1 sur 2 • 1, 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|