| Profiter d'un header de fond et d'un fond (messages) | |
|
|
Wormtail
{ Membre }
Messages : 21
| Ah !!!!!!!!!!! merci ! ça faisait longtemps que je le cherchais | | |
|
| |
Invité Invité
| Après 3 tentatives j'ai enfin réussi *-* Alléluia ! XD
On début quand fallait collé le code par-dessus la ligne je pensais qu'il fallait la remplacé x)
Super tutoriel ! Merci =) | | |
|
| |
Zadig
{ Membre }
Messages : 55
| La même XD ET ça fait trois heures que je cherche, frustrée. *Meurt* Enfin bref, merci bien pour ce tuto =) | | |
|
| |
Streetwalker
{ Membre }
Messages : 16
| Merci beaucoup pour ce tuto génial, il marche impeccable du premier coup | | |
|
| |
Réa
{ Membre }
Messages : 10
| Bonjour bonjour. J'aurais une question =) Je la pose ici car je pense qu'elle est plus en rapport avec ce sujet. Le code fonctionne à merveille, aucun soucis là dessus, mon seul problème est que j'ai l'impression que forumactif met une limite dans la taille (largeur) de la bannière. En effet j'aimerais que la bannière s'étale sur toute la largeur, or, alors qu'elle devrait faire dans 13xx et quelques pixels, elle se retrouve à 8xx ? Ou est-ce que je peux modifier la largeur maximale de la largeur ? Merci d'avance, et désolée si je ne poste pas au bon endroit. | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| C'est bizarre parce qu'avec ce code, je suis capable de mettre une bannière de 1000 pixels de largeur par exemple~
Je peux voir ton forum? C'est peut-être un soucis de résolution d'écran... x) | | |
|
| |
Réa
{ Membre }
Messages : 10
| Finalement, le problème ne vient pas du code mais de mon hébergeur qui, le coquin, redimensionner mes images sans que je le lui demande. Désolée pour le dérangement, ce code est parfait! | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| MDR D'accord, ravie que ce soit résolu =D | | |
|
| |
Invité Invité
| j'ai un petit probleme ... J'ai suivis le tutot jusqu'au bout. Mais mon forum prends la taille de la banniere. Voila mon CSS General : - Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <!-- BEGIN meta_emulate_ie7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!-- END meta_emulate_ie7 --> <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" /> {META_FAVICO} {META} <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="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_fb_login --> <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script> <!-- END switch_fb_login --> <!-- BEGIN switch_ticker --> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/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 �l�ments */ 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 contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } );
/* Redimensionnement des �l�ments 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'); 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}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false; <!-- END switch_login_popup --> //]]> </script>
{GREETING_POPUP} <!-- BEGIN hitskin_preview --> <style type="text/css"> #hitskin_preview { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px; color: #fff; } * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */ position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); z-index: 2; background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px; } * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */ background: #fff url(foo) fixed; } #hitskin_preview h1 { float: left; margin: 3px 0 0 0; padding: 0 0 0 10px; font: italic normal 25px Arial,sans serif; color: #fff; } #hitskin_preview h1 img { vertical-align: middle; } #hitskin_preview em { color: #7CBA2C; font-weight: bold; } #hitskin_preview a { color: #fff; } #hitskin_preview a:hover { text-decoration: underline; }
#hitskin_preview .content { text-align: right; } #hitskin_preview .content p { margin: 4px 1em 0px 1em; font-size: 13px; line-height: 1.8em; color: #fff; font-weight: bold; } #hitskin_preview .content p span { font-weight: normal; font-size: 0.8em; } body { margin-top: 40px !important; } {hitskin_preview.HITSKIN_RTL_CSS} </style> <!-- END hitskin_preview -->
<!-- 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 --> <script type="text/javascript"> //<!-- function change_onglet(name) { document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet'; document.getElementById('onglet_'+name).className = 'onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none'; document.getElementById('contenu_onglet_'+name).style.display = 'block'; anc_onglet = name; } //--> </script> </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="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{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"> <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 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> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}<br /> </span> </td> <!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center --> <td align="center" width="100%" valign="middle"> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br /> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}</span> </td> <!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right --> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}<br /> </span> </td> <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 class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<! - Switch_ticker END ->
<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 -->
j'aimerai savoir ou j'ai bien pu faire une erreur >< (et merci pour le tuto \\o) Css color: - Spoiler:
- Code:
-
body { margin : 0px; }
.barre_de_navigation { position : fixed ; top : 0 ; left : 0 ; width : 70% ; text-align : center ; -moz-border-radius : 15px ; background-color: #328277; }
y a suivre mais c'est autre chose ^^
| | |
|
| |
Invité Invité
| sbon j'ai trouvé ! (on peut pas supprimer ses messages ?) | | |
|
| |
Morphin
{ Membre }
Messages : 7
| Bonjour bonjour...
Ce tuto étant précisément ce que je cherchais, je m'en vais, tout content, l'appliquer sur mon forum quand... Damned ! Impossible de...trouver le template "overall_header_new" ! Oo Je suis bel et bien dans la partie "Template > option : Général", mais tout ce que je trouve, c'est un template du nom de "overall_header" tout court... Dans le doute, me dis-je, autant aller voir ce template, d'ici que ce soit bien lui mais doté d'un autre nom... Loupé. Impossible de mettre la main sur la ligne - Code:
-
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> -_- Me voilà donc bien embêté, aussi suis-je dans l'obligation de venir revendiquer de l'aide.
En espérant que quelqu'un saura trouver une solution,
Morphin, qui est un peu perdu. | | |
|
| |
Kimi Sâto
{ Membre actif }
Messages : 335
| Eh bien en fait, je pense que c'est un problème de forumactif, j'ai eu le même problème avec un autre template, il suffit d'attendre un peu et ça se remet comme il faut.
Bisous~ | | |
|
| |
Morphin
{ Membre }
Messages : 7
| En espérant que ce soit bien ça ^_^' Merci pour l'info, je retenterais mes modifs plus tard =) | | |
|
| |
Baël Henzel
{ Membre }
Messages : 56
| Question: je n'ai pas ce foutu template overall header new. Ca fait trois tuto ou je vois ce template à modifier et je ne le trouve pas. Quelqu'un peut-il me l'indiquer que je puisse utiliser ce tuto ! | | |
|
| |
Radimir
{ Membre actif }
Messages : 459
| Bonjour ,
Baël Henzel l'Overall header new=Overall_header C'est le même si tu veux , juste que Fa a changé le nom depuis. | | |
|
| |
Yeon Gi
{ Membre }
Messages : 293
| Bonjour, c'est un super code ! depuis le temps que je rêvais de savoir comment on faisais n_n Par contre j'ai un souci, je n'arrive pas à mettre un fond. Parce que je voulais mettre une couleur unie mais je n'arrive pas à trouver une qui s'accorde parfaitement à celle de mon header, doooonc j'ai pris la couleur que je voulais et j'en ai fait un fond mais voila il ne se met pas T_T pouvez vous m'aider merci ^^ | | |
|
| |
Baël Henzel
{ Membre }
Messages : 56
| Bon j'ai suivi ce tuto qui fonctionne chez moi à 95% ^-^. Je sais mettre un fond et une banniere de fond, mais deux petits problèmes apparaissent:
- la bannière est décalée sur la gauche - le forum prend la taille du forum >_< | | |
|
| |
Invité Invité
| De la bannière tu veux dire? Parce que moi aussi ca me fais ça, si c'est ce que tu veux dire, et j'aimerais bien savoir comment régler le problème... Petit Screen: - Spoiler:
J'espère que vous pourrez m'aider | | |
|
| |
Aphrody ♥
{ Membre actif }
Messages : 1344
| Merci pour ce tuto qui est très intéressant et qui permet de ne plus se casser la tête pour le header ou le fond! Merci orange | | |
|
| |
Tite_Lotus
{ Membre }
Messages : 29
| Bonjour Honnêtement je sais pas d'où vient le problème mais je n'arrive pas à avoir le background en mode repeat. voilà mon code CSS - Code:
-
body { background-attachment: no-fixed; background-repeat: repeat; background-position: top center; margin : 0px; } | | |
|
| |
Tite_Lotus
{ Membre }
Messages : 29
| Merci de ne pas prendre en compte le message précédent | | |
|
| |
Minuit
{ Membre }
Messages : 10
| Salut Est-ce normal que je n'ai pas ce template : overall_header_new mais celui-ci overall_header ? Merci | | |
|
| |
Minuit
{ Membre }
Messages : 10
| c'est parce que mon header s'affiche pas, mais ça peut venir de mon image ? lien : https://www.archive-host.com/files/661399/0617a4163976deeea4ed458b14bc5210877bcf4d/090713094747917138fin.jpg | | |
|
| |
Minuit
{ Membre }
Messages : 10
| J'ai réussit !! c'était mon hébergeur >.< donc mes deux posts ne servent à rien I am a boulette | | |
|
| |
Invité Invité
| Tu as fais comme même 3 postes!! Dont deux postes inutiles. Utilise le bouton "modifier" si tu veus mettre plusieurs cas! | | |
|
| |
Contenu sponsorisé
| |
| |
| Profiter d'un header de fond et d'un fond (messages) | |
|