Halloween Header & Navigation

Ajout de la police "Roboto"

Placer ceci avant "T_HEAD_STYLESHEET" ligne 18.

<link href="https://fonts.googleapis.com/css?family=Mr+Dafoe|Roboto+Condensed" rel="stylesheet">

Overall_header

Dans le template Overall_header, placer ce qui suit après la ligne 243 (l'ancre "top").

<!-- BANNIERE ET NAVIGATION --> <div class="header"> <a id="banniere" href="{U_INDEX}"> <img src="https://zupimages.net/up/18/35/oj7b.png" alt="" /> </a> <div class="navigation"> {GENERATED_NAV_BAR} </div> </div> <!-- FIN BANNIERE ET NAVIGATION -->

Enlever l'existant

Parce que du coup si vous n'enlevez pas le code de base, ça va faire doublon et caca ._.
On enlève donc les lignes 249 à 273, soit :

<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}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>

CSS

body { margin: 0; background: #e2d4d2; font-family: 'Roboto Condensed', sans-serif; } a, a:hover { text-decoration: none !important; transition: .5s all; } .clear { clear: both; } /************************************** HEADER ET NAVIGATION **************************************/ .header { position: relative; } /* BANNIERE */ a#banniere { width: 100%; max-height: 790px; display: block; position: relative; } a#banniere img { margin: auto; display: block; max-width: 100%; } /* NAVIGATION */ .navigation { position: absolute; bottom: 20%; right: 0; line-height: 2; width: 34%; } .navigation img { display: none; } .navigation a { color: #a54b51; text-transform: uppercase; font-size: 18px; display: inline-block; width: 40%; } .navigation a:hover { color: #ebb67a; text-shadow: 1px 1px #261b15; }

Javascript

Pour enlever le vilain pseudo à la suite du "Déconnexion". Modules → Gestion des codes Javascript → On les active → Créer un code "Enlever le pseudo de déconnexion" à afficher sur toutes les pages.

$(function() { $('a.mainmenu[href^="/login?logout=1&tid="]').text('Déconnexion'); });