Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB

Membres connectés récemment
Voir tous les membres

[PhpBB2] Barre navigation supplémentaire

 :: Astuces Forumactif :: Les sujets délestés

Voir le sujet précédent Voir le sujet suivant Aller en bas

Sujet corbeillé [PhpBB2] Barre navigation supplémentaire

1
soleda
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Ven 7 Juin 2019 - 16:31

  • Version du forum :
    PhpBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome

Bonjour
Cher Philippe je te remercie infiniment pour ton aide si tu peux.
 J 'aimerais svp savoir s’il est possible d'ajouter une deuxième barre de navigation en dessous de la première avec image. Si oui comment faire ?
Je te donne mon Template mais suis pas sure que se soie sa "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}">
    <!-- 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 />&nbsp; </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}">
                    <tr>
                        <td 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 -->

[PhpBB2] Barre navigation supplémentaire Pour_m18

lien du forum ICI

Je te donne mon CSS sans savoir si tu en as besoin .

Code:
/* ------------ QEEL INFOBULLE TFA -------------- */
.left_tfa,.right_tfa
{
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.right_tfa
{
position: absolute;

height: 165px;
margin-left:60px;
font-size:11px !important;
color:white!important;
}
.right_tfa div td{background-color:transparent;}
.right_tfa div td span {font-size:11px !important;color:white!important;}

.left_tfa
{
font-size:11px !important;
color:white!important;
position: absolute;

height: 165px;
margin-left: 60px;
overflow-y: scroll;
padding-left: 10px;
}
.left_tfa a[href^="/t"],.left_tfa a[href^="/u"],.right_tfa div td span a[href^="/u"],.right_tfa div td span a[href^="/u"] span
{
font-size:11px !important;
text-decoration:none !important;
}
.left_tfa img{display:none !important;}
.info_gauche td.row1 , .info_gauche span,.info_droite div.gensmall{
  background-color:transparent !important;color:white !important;font-size:11px !important;}
    /* TABLE PRINCIPALE */
    #tout_qeel_TFA{
    width: 100%;
    background-color:#222;
    border:2px solid #20aec8;
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    }

    /* INFOBULLE DES GROUPES DU HAUT ET BAS SI PRESENTS */

    .group_bulle{
  cursor:pointer;
    display: inline;
  line-height: 16px;
    position:relative;
    margin: 1px 0;
    padding: 0;

    }

    /* STYLE BOUTON GROUPE */
    .bouts_groups{

    font : 11px Arial;
    text-align : center;
    padding: 3px;
    margin: 0px 1px;
    -moz-border-radius: 0px 0px 8px 8px ;
    -webkit-border-radius: 10px 10px 0px 0px ;
    border-radius:0px 0px 8px 8px ;
    -moz-box-shadow: 0px 0px 1px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
    box-shadow: 0px 0px 4px #000;
    background: url(https://i.servimg.com/u/f87/11/26/21/37/img10.gif);
    border: 1px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
    border:1px solid #000000; /* Pour tous les navigateurs à la traine */
    }

    

    /* PARTIE MASQUEE DE L’INFOBULLE */

    .in_bulle {
    display: none;
    margin: 0;
    padding: 0;
    }

    /* INFOBULLES AU SURVOL */

    .in_bulle:hover {
    background: none;
    z-index: 999;
    }

    /* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

    .group_bulle:hover .in_bulle{
    position: absolute;
    z-index: 999;
    width:200px;
    display: block;
    margin: 0;
    top:25px;
    left: 45px;
    padding: 3px;
  background-color:#222;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    border:1px dotted #20aec8;
    }

    /* PARAGRAPHE DE L'INFOBULLE */

    .in_bulle p{
    width:95%;
    margin: 0 auto;
    padding: 4;
    font: 10px Arial;
    text-align: left;
    color: #FFF;
    margin-top: 5px;
    }

    /* LIEN DANS L'INFOBULLE */

    a.lien_groupe{
    font: 12px Arial;
    text-align: right;
    color: #CC0000;
    margin-top: 5px;
    }

    /* ROTATION DES BOUTONS AU SURVOL */

    .rotation:hover{
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    }

    /* PARTIE DE GAUCHE */
    .gauche{
    border:1px solid #000000;
    padding: 4px;
    -moz-border-radius: 00px 0px 0px 00px ;
    -webkit-border-radius: 00px 0px 0px 00px ;
    border-radius:20px 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    box-shadow: 0px 0px 0px #000;
    
    border: 0px solid rgba(255,185,15, 0.2) !important; /* Firefox et autres compatibles */
    border: 0px solid #000000; /* Pour tous les navigateurs à la traine */
    }

    /* INFOBULLE DE GAUCHE */

    .info_gauche{
    position: relative;
    margin: 0;
    padding: 0;
  cursor:pointer;
    }

    /* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

    .info_gauche:hover .in_bulle{
    position: absolute;
    z-index: 999;
    width:300px;
    display: block;
    margin: 0;
    top: 10px;
    left:50px;
    padding: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    border:1px dotted #20aec8;
    }

    /* INFOBULLE DE DROITE */

    .info_droite{
    position: relative;
    margin: 0;
    padding: 0;
   cursor:pointer;
    }

    /* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

    .info_droite:hover .in_bulle{
    position: absolute;
    z-index: 999;
    width:300px;
    display: block;
    margin: 0;
    top: 10px;
    right:50px;
    padding: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    border:1px dotted #20aec8;
    }
    .rotation-d:hover{
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    }

    /* PARTIE DE DROITE */

    .droite{
    border:1px solid #c8c092;
    padding: 4px;
    -moz-border-radius: 0px 20px 20px 0px ;
    -webkit-border-radius: 0px 20px 20px 0px ;
    border-radius:0px 20px 20px 0px ;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    box-shadow: 0px 0px 0px #000;
  
    border: 0px solid rgba(255,185,15, 0.4) !important; /* bordure transparente pour Firefox et autres compatibles */
    border:0px solid #DF9500 ; /* Pour tous les navigateurs à la traine */
    }

    /* IMAGE DE GAUCHE AVEC UNE OPACITE*/

    .left_tfa img
    {
    position:absolute;
    width:160px;
    height:160px;
    margin-left:20%;
    opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    filter : alpha(opacity=50); /* IE < 8 */
    }


    /* IMAGE DROITE AVEC UNE OPACITE*/

    .right_tfa img
    {
    position:absolute;
    width:160px;
    height:160px;
    margin-left:20%;
      opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    filter : alpha(opacity=50); /* IE < 8 */
    }
    /* ON DONNE TOUTE L OPACITE AU SURVOL*/
    .left_tfa img:hover ,  .right_tfa img:hover
    {
    opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */
    }


.signature_div img {
  max-height:150px;
  max-width:400px;
}
.postprofile {
width: 150px;
}
  
tr.post span.postdetails.poster-profile a[href^="/u"] img{
height:150px !important;
width:150px !important;
}  
#notif_unread.M14_NotiF_blink
{
color:Yellow !important;
padding: 20px 30px 10px 10px;

}

/*Le bouton pour l ouverture de la fenetre*/
.M14_open_Body
{
width: 16px;
height: 16px;
right: 10px;
float: right;
cursor:pointer;
}
/*Le bouton pour la fermeture de la fenetre*/
.M14_close_Body
{
position: absolute;
width: 16px;
height: 16px;
top: 10px;
right: 10px;
cursor:pointer;
}
/*On place les transitions sur les messages*/
.postbody
{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*La fenetre agrandie*/
#M14_Effet_body.postbody
{
/*On donne une position relative*/
position: relative;
/*On demande une marge negative a gauche pour la correction de la fenetre*/
left:-80px;
/*La couleur de fond*/
background: white;
/*La couleur de police*/
color:black;
/*La taille de police*/
font-size:14px;
/*On donne un espace conséquent si besoin peut etre supprime*/
padding: 20px 30px 10px 10px;
/*on agrandit sur la largeur et la hauteur sur la plupart des navigateurs*/
-ms-transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
  /*la couleur de bordure*/
border:2px solid #006699;
  /*Les bordures arrondies sur la plupart des navigateurs*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* REPONSE AUTOMATIQUE */
    /*Auteur du sujet*/
    a.M14_Auteur
    {
    margin-left:5px;
    text-decoration:none !important;  
    }
    /*Avatar*/
    img.M14_Avatar
    {
    max-width:100px;
    max-height:100px;
    }
    /*Le corps du message*/
    #M14_postbody
    {
    font-style:italic;
    font-size:13px;
    color:green;
    }

Je te remercie et t’inquiète pas rien d'urgent passe un bon wk. Merci

Sujet corbeillé Re: [PhpBB2] Barre navigation supplémentaire

2
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 7 Juin 2019 - 18:37

Hello Soleda,
presque tout est réalisable chère amie.
Ensuite oui mais tu voudrais déposer quelque chose de bien précis ?
Si oui et si tu le désires, merci de me donner les liens, les images,les textes éventuels.

Sujet corbeillé Re: [PhpBB2] Barre navigation supplémentaire

3
soleda
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Ven 7 Juin 2019 - 18:50

coucou oui il me faut mettre des image avec les lien je te donne sa demain  au plus tard dimanche c'est vraiment gentil.Si Tu veux que je fasse des image cliquable sa je peux ? Suis absente ce soir cause macht   lOL 

Bonne soiré Philippe. 

Sujet corbeillé Re: [PhpBB2] Barre navigation supplémentaire

4
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 7 Juin 2019 - 18:55

Pas de soucis et merci pour les images mais j'ai ma gentille @Morane qui me donne toujours satisfaction clin oeil .

Essaies dans la mesure du possible d'avoir des images identiques sur leurs hauteur  clin oeil .


Bon foot et moi aussi d'ailleurs je les vois bien gagner cette première coupe du monde  super


Bonne soirée à toi aussi.

Sujet corbeillé Re: [PhpBB2] Barre navigation supplémentaire

5
soleda
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Sam 8 Juin 2019 - 6:54

Bonjour Philippe 4 a 0 vive les bleu MdR 

Voici les liens ,  texte, et bouton bien sur tu fais comme sa t'arrange ne t’embête pas .


= image = [PhpBB2] Barre navigation supplémentaire Sans_t28

= Aide Logiciel PhotoFiltre Studio = lien = https://www.tutorielgraphismepfs.com/c5-le-logiciel-photofiltre-studio

= image = [PhpBB2] Barre navigation supplémentaire Sans_t28


=image =[PhpBB2] Barre navigation supplémentaire Sans_t28


=image = [PhpBB2] Barre navigation supplémentaire Sans_t28


=image=[PhpBB2] Barre navigation supplémentaire Sans_t28


=image=[PhpBB2] Barre navigation supplémentaire Sans_t28


=image=[PhpBB2] Barre navigation supplémentaire Sans_t28

si y a trop tu peux supprimer les trois dernier et avec sa je te dis un grand merci te souhaite une belle journée et grand merci a Morane.

(ps pense que je ne saurais pas ou mettre tout sa si tu peux me mettre en rouge ou il me faut placer les code sa m'arrangerais oui oui je confirme suis une quiche  lOL)

Sujet corbeillé Re: [PhpBB2] Barre navigation supplémentaire

6
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 8 Juin 2019 - 18:57

Hello soleda,

alors remplaces tout le contenu de ton template 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>
        <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}">
        <!-- 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 />&nbsp; </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}">
                        <tr>
                            <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                          </tr>
                          <tr>
                      <td align="{MENU_POSITION}"{MENU_NOWRAP}>
<!--Le repère des Artistes -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c21-le-repere-des-artistes"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Le repère des Artistes"title="Le repère des Artistes"style="vertical-align: middle;"/></a>
  <!--Aide Logiciel PhotoFiltre Studio -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c5-le-logiciel-photofiltre-studio"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Aide Logiciel PhotoFiltre Studio "title="Aide Logiciel PhotoFiltre Studio "style="vertical-align: middle;"/></a>
<!--Questions / Réponses -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c17-questions-reponses"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Questions / Réponses"title="Questions / Réponses"style="vertical-align: middle;"/></a>
<!--Les tutoriels regrouper ici  -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c1-formation-pfs-de-856-tutoriels"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Les tutoriels regrouper ici"title="Les tutoriels regrouper ici"style="vertical-align: middle;"/></a>
<!--Arts Techniques  -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/f4-arts-techniques"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Arts Techniques"title="Arts Techniques"style="vertical-align: middle;"/></a>
<!--Créations éphémères  -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c2-creations-ephemeres"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Créations éphémères"title="Créations éphémères"style="vertical-align: middle;"/></a>
<!--Zen Attitude  -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c9-zen-attitude"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Zen Attitude"title="Zen Attitude"style="vertical-align: middle;"/></a>
                            </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 -->


Penses a enregistrer puis à valider en cliquant respectivement sur Enregistr puis Ajout


Tout est commenté et tu auras une petite infobulle au survol de chaque image mentionnant le texte que tu m'as donné.
Le code html ajouté juste après:

Code:
<tr>
                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                        </tr>

Code:
<tr><td align="{MENU_POSITION}"{MENU_NOWRAP}>
<!--Le repère des Artistes -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c21-le-repere-des-artistes"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Le repère des Artistes"title="Le repère des Artistes"style="vertical-align: middle;"/></a>
  <!--Aide Logiciel PhotoFiltre Studio -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c5-le-logiciel-photofiltre-studio"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Aide Logiciel PhotoFiltre Studio "title="Aide Logiciel PhotoFiltre Studio "style="vertical-align: middle;"/></a>
<!--Questions / Réponses -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c17-questions-reponses"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Questions / Réponses"title="Questions / Réponses"style="vertical-align: middle;"/></a>
<!--Les tutoriels regrouper ici  -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c1-formation-pfs-de-856-tutoriels"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Les tutoriels regrouper ici"title="Les tutoriels regrouper ici"style="vertical-align: middle;"/></a>
<!--Arts Techniques  -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/f4-arts-techniques"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Arts Techniques"title="Arts Techniques"style="vertical-align: middle;"/></a>
<!--Créations éphémères  -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c2-creations-ephemeres"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Créations éphémères"title="Créations éphémères"style="vertical-align: middle;"/></a>
<!--Zen Attitude  -->
<a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c9-zen-attitude"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Zen Attitude"title="Zen Attitude"style="vertical-align: middle;"/></a>
                            </td>
</tr>

Et voilou chère amie clin oeil

Sujet corbeillé Re: [PhpBB2] Barre navigation supplémentaire

7
soleda
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Dim 9 Juin 2019 - 16:51

bonjour Philippe un très grand merci 
lui aussi je le place dans html
Code:
<tr>
                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                        </tr>
je ne clôture pas encore par prudence merci bon dimanche. 

Sujet corbeillé Re: [PhpBB2] Barre navigation supplémentaire

8
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 9 Juin 2019 - 19:32

Re Chantal,
remplaces juste le contenu , le reste n'est qu'explications clin oeil

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}">
            <!-- 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 />&nbsp; </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}">
                            <tr>
                                <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                              </tr>
                              <tr>
                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>
    <!--Le repère des Artistes -->
    <a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c21-le-repere-des-artistes"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Le repère des Artistes"title="Le repère des Artistes"style="vertical-align: middle;"/></a>
      <!--Aide Logiciel PhotoFiltre Studio -->
    <a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c5-le-logiciel-photofiltre-studio"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Aide Logiciel PhotoFiltre Studio "title="Aide Logiciel PhotoFiltre Studio "style="vertical-align: middle;"/></a>
    <!--Questions / Réponses -->
    <a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c17-questions-reponses"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Questions / Réponses"title="Questions / Réponses"style="vertical-align: middle;"/></a>
    <!--Les tutoriels regrouper ici  -->
    <a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c1-formation-pfs-de-856-tutoriels"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Les tutoriels regrouper ici"title="Les tutoriels regrouper ici"style="vertical-align: middle;"/></a>
    <!--Arts Techniques  -->
    <a class="mainmenu" href="https://www.tutorielgraphismepfs.com/f4-arts-techniques"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Arts Techniques"title="Arts Techniques"style="vertical-align: middle;"/></a>
    <!--Créations éphémères  -->
    <a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c2-creations-ephemeres"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Créations éphémères"title="Créations éphémères"style="vertical-align: middle;"/></a>
    <!--Zen Attitude  -->
    <a class="mainmenu" href="https://www.tutorielgraphismepfs.com/c9-zen-attitude"><img src="https://i.servimg.com/u/f39/11/29/03/02/sans_t28.png" alt="Zen Attitude"title="Zen Attitude"style="vertical-align: middle;"/></a>
                                </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 -->

Sujet corbeillé Re: [PhpBB2] Barre navigation supplémentaire

9
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 30 Aoû 2019 - 5:31


Hello


Entraide corbeillée

5 jours sans réponse de ta part

Merci de lire à nouveau le règlement .

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires
» [PHPBB2] Barre de navigation
» [PHPBB2]Ajouter l'infobulle au survol des boutons de la barre de navigation
» [PHPBB2] Barre de navigation qui descend à l'arrivée d'un message privé
» [PHPBB2] Problème avec barre de navigation dans toolbar
» [PHPBB2] Animer l'arrivée d'un message privé dans la barre de navigation

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Astuces Forumactif :: Astuces Forumactif :: Les sujets délestés

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit