Easy-Design.Net forum




Aides sur les thèmes PHPBoost Comment Mettre la barre accès rapide en haut? S'il vous plait ...

samghami Membre non connecté

EDN Curieux(se)

Rang

Avatar

Inscrit le : 02/01/2010 à 19h13

Messages: 40

Le 08/01/2010 à 01h09
Bonjours, j'ai réussi a créer un barre d'accès rapide grâce a une tutoriel sur ce site.

Mais je voudrais faire un petit changement mais malheureusement je n'y arrive pas!
Je voudrais tous simplement mettre la barre qui est actuellement en bas, en haut.
Comment faire?
Merci d'avance pour vos réponse
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 22/04/2014 à 10h19
Hello.

Je remonte le sujet, car c'est beau fouiner, je ne vois pas comment monter cette barre :/

Merci
janus57 Membre non connecté

EDN Erudit(e)

Rang

Avatar

Inscrit le : 14/01/2013 à 21h59

Messages: 1018

Le 22/04/2014 à 13h13
Bonjour,

quelle barre (screen) ?

Cordialement, janus57
   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 22/04/2014 à 13h18
Bonjour Janus57

J'ai laissé tombé .., ce ne sera sans doute pas compatible V4 (quoi que ..) Swan avait fait un tuto sur "barre accès rapide" Edité par m-ickael Le 22/04/2014 à 13h19
janus57 Membre non connecté

EDN Erudit(e)

Rang

Avatar

Inscrit le : 14/01/2013 à 21h59

Messages: 1018

Le 22/04/2014 à 13h45
Bonjour,

sachant que pour plus de 80%du code c'est du HTML/CSS cette barre est compatible toute versions (du moment que l'on fait attention que les variables PHPBoost ont encore le même nom).

La V3 et V4 sont similaire à 80/90% niveau template (variables template, pas CSS/HTML).
Par contre après je n'est pas regardé entre V4 et V4.1 (là le nom des variables doit changer je pense).

Cordialement, janus57
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 22/04/2014 à 14h36
Bonjour,

Dans le code css de cette fameuse barre :

Code CSS :
/* #### magicbox  ####*/
 
div#magicbox{
width:100%; 
height:auto; 
background:#CECEDE;
border-top:1px solid #fff; 
text-align:left;
position:fixed;
bottom:0; /* change bottom , par top*/
text-decoration:none;
}


Et normalement elle sera en haut.

Swan :study


swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 22/04/2014 à 14h56
Bonjour et merci Swan ..

Je n'aurai vraiment pas pensé à ça .. Tout bête :(

Merci :top
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 22/04/2014 à 16h52
Du coup, je me suis remis au travail ..

J'ai réussi à tout intégrer (le connect-mini-h.tpl) dans cette barre d'accès rapide ..

Le but est de mettre aucune colonne à droite et à gauche sur mon site .. Un menu disponible en haut de page pour tout le monde, sur toute les pages (j'ai mis le connect_mini en sous entête et effacé le contenu hors barre rapide pour ne pas qu'il y ai de doublon) .

ça donne pas mal pour le moment (en local !!).
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 23/04/2014 à 10h44
Bonjour.

Est-il possible SVP de garder en session le choix de l'utilisateur? (Barre cachée ou ouverte)?

Actuellement si on cache la barre et qu'on change de page, elle revient .. :/

Merci :top

Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 23/04/2014 à 11h19
Bonjour,

Normalement tu devrais l'avoir fermé sur toutes les pages, c'est la même barre que sur mon autre site : http://webgalerie.easy-design.net/ ..

Je vais regarder si j'ai une session cookies dessus.. Et je rééditerais mon message ^^


swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 23/04/2014 à 11h29
Bonjour Swan .. Moi elle reste ouverte sur toutes les pages .. J'ai regardé le CSS pour voir (car au début elle se fermait lol), mais je vois rien de spécial ..

Le voici tout de même :

Code CSS :
/* #### magicbox  ####*/
 
div#magicbox{
width:100%; 
height:auto; 
background:#f4f4f4;
text-align:left;
position:fixed;
top:0;
text-decoration:none;
 
}
 
div#magicbox a{
color: #000;
text-decoration:none;
font-weight: bold;
}
 
div#magicmenu{
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
top:10px;
right:30px;
color:white;
display:block !important;
height:10px;
position:fixed;
text-align:center;
text-decoration:none;
width:20px;
}
 
div#magicbox, div#magicbox p{
left:0;
margin:0;
color:black;
}
 
div#magicmenu ul{
list-style-type: none;
margin: 0;
z-index: 4;
}
 
div#magicmenu ul li a{
float: right;
background: #000;
border-bottom: 1px solid #000;
margin-right: 2px;
padding: 4px 12px 0 12px;
height: 21px;
color: #000;
position: relative;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
 
div#magiccontent{
clear: both;
background:#f4f4f4;
border-bottom: 2px solid #000;
color: #000;
position: relative;
z-index: 1000;
}
div#magiccontent div{
padding: 10px
}
 
div#magicmini{
text-align:center;
z-index: 1000;
}
 
div#magicmaxi{
border-top: 1px dotted white;
}


A noter que certains codes vont disparaitre comme :

Code CSS :
div#magicmenu{
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
top:10px;
right:30px;
color:white;
display:block !important;
height:10px;
position:fixed;
text-align:center;
text-decoration:none;
width:20px;
}


car j'ai incrusté l'ouverture et fermeture dans le module scrollbar.

Il reste à voir si on peut garder une session sur x jours .. :/
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 23/04/2014 à 12h17
Alors justement .. dans la partie que tu veux supprimer, il y a : display:block !important; .. ce n'est pas pour rien ^^

Par contre tu peux essayer un cookies sur le div comme pour le la barre du footer, c'est une astuce que KONA, m'avait donnée pour ma shoutbox ..

Exemple :

A mettre dans un dossier "js" à la racine de ton thème, puis nommer le ficheir "cookies.js":

Code JAVASCRIPT :
//Envoi le cookie au client.
function sendCookie(name, value)
{
var date = new Date();
date.setMonth(date.getMonth() + 1); //1 mois de validité.
document.cookie = name + '=' + value + '; expires = ' + date.toGMTString() + '; path = "/"';
 
}
 
//Récupère la valeur du cookie.
function getCookieHeader(name) 
{
start = document.cookie.indexOf(name + "=")
if( start >= 0 ) 
{
start += name.length + 1;
end = document.cookie.indexOf(';', start);
 
if( end < 0 ) 
end = document.cookie.length;
return document.cookie.substring(start, end);
}
return 1;
}
 
 
//Conserve la configuration de la barre en footer.
function set_magicbox_header(divID)
{
test=getCookieHeader(divID);
if( test == 0 )
{
Effect.SlideUp(divID,{ duration: 0});
}
else
{
Effect.SlideDown(divID,{ duration: 0});
}
}
 
//Masquage du div.
function show_magicbox(divID, hide)
{
var div = document.getElementById(divID);
if( div.style.display == 'none' )
{
Effect.SlideDown(divID);
sendCookie(divID, 1); //On envoi le cookie pour se souvenir du choix de l'utilisateur. 
}
else
{
Effect.SlideUp(divID);
sendCookie(divID, 0); //On envoi le cookie pour se souvenir du choix de l'utilisateur. 
 
}
}
 
 
var delay = 1000; //Délai après lequel le bloc est automatiquement masqué, après le départ de la souris.
var timeout;
var displayed = false;
var previous_bblock;
 
 
//Affiche le bloc.
function bb_display_block(divID, field)
{
var i;
 
if( timeout )
clearTimeout(timeout);
 
var block = document.getElementById('bb_block' + divID + field);
if( block.style.display == 'none' )
{
if( document.getElementById(previous_bblock) )
document.getElementById(previous_bblock).style.display = 'none';
block.style.display = 'block';
displayed = true;
previous_bblock = 'bb_block' + divID + field;
}
else
{
block.style.display = 'none';
displayed = false;
}
}
 
//Cache le bloc.
function bb_hide_block(bbfield, field, stop)
{
if( stop && timeout )
{
clearTimeout(timeout);
}
else if( displayed )
{
clearTimeout(timeout);
timeout = setTimeout('bb_display_block('' + bbfield + '',  '' + field + '')', delay);
}
}
 
 
var delay = 1000; //Délai après lequel le bloc est automatiquement masqué, après le départ de la souris.
var timeout;
var displayed = false;
var previous_bblock;
 
//Masquage du div.
function show_bbcode_div(divID, hide)
{
var div = document.getElementById(divID);
if( div.style.display == 'none' )
div.style.display = 'block';
else if( hide )
div.style.display = 'none';
}
 
var delay = 1000; //Délai après lequel le bloc est automatiquement masqué, après le départ de la souris.
var timeout;
var displayed = false;
var previous_bblock;
 


Ensuite tu fais l'appel du js dans la balise <head>...</head>
<script type="text/javascript" src="{PATH_TO_ROOT}/templates/TON-THEME/js/cookies.js"></script>

Essaie, mais je suis pas sur de mon coup là ..


swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 23/04/2014 à 12h35
J'ai mis ceci dans mon header.tpl :

<script type="text/javascript" src="{PATH_TO_ROOT}/templates/{THEME}/js/cookies.js"></script>

Puis j'ai mis le fichier cookies.js dans ../templates/MONTHEME/js/

mais ça ne marche pas .. Dans mon répertoire JS, j'avais déjà un cookie.js (sans le "s" à cookies. Je l'ai supprimé).

Concernant le nettoyage du css de la barre rapide, c'est quoi qui est important? Je l'avais déjà supprimé en test et il ne c'est rien passé. Par défaut c'est bien qu'elle soit ouverte à la connexion du membre, mais manque la session :D Edité par m-ickael Le 23/04/2014 à 12h37
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 23/04/2014 à 12h42
Pose ton fichier ici , normalement c'est quasiment le même non ?


swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 23/04/2014 à 12h57
J'ai regardé, et effectivement, c'était le même .. J'avais déjà ta solution :) ça devait servir pour autre chose. J'ai donc tout remis en état (pour le cookie uniquement). Edité par m-ickael Le 23/04/2014 à 12h57
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie