Affichage de la barre de navigation et de la bannière

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

Résolu Affichage de la barre de navigation et de la bannière

Message par Petit Piou le Mer 12 Fév 2014 - 12:55

Bonjour à tous !!

Voila, bon je me suis relancée dans la création d'un forum, mais comme à chaque fois, j'ai un petit soucis ! (v_v)

Je vous donne l'adresse du forum : http://glasgowstory.forum-officiel.fr/

J'en suis la fondatrice, j'ai donc accès aux templates et au css.
Il est en PHBB2.

MON PROBLEME :

voila j'ai mis en temps que bannière et fond une image, le probleme et qu'elle est très longue, j'aurai aimé que la scroll barre ne descende pas autant !

Mes templates modifiés :
Spoiler:

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>
  <link href='http://fonts.googleapis.com/css?family=Rosario|Great+Vibes|Belleza|Lobster+Two' rel='stylesheet' type='text/css'>
 <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>
 <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" 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="{JS_DIR}jquery/ticker/ticker.css" />
 <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
 <!-- 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 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({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 = 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="http://illiweb.com/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 class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
 <td class="bodyline">
 <table width="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
 <!-- BEGIN switch_logo_left -->
 <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
 <!-- END switch_logo_left -->
 <td align="center" width="100%" valign="middle">
 <!-- BEGIN switch_logo_center -->
 <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
 <br />
 <!-- END switch_logo_center -->
 <div class="maintitle">{MAIN_SITENAME}</div>
 <br />
 <span class="gen">{SITE_DESCRIPTION}<br />  </span>
 </td>
 <!-- BEGIN switch_logo_right -->
 <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
 <!-- END switch_logo_right -->
 </tr>
 </table>
<div id="ban">
 <img src="http://img15.hostingpics.net/pics/720512blacopie.png" border="0" alt="" />
</div>
 <div id="barnav"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
 <tr>
                                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
 </tr>
                                  </table></div>
 <div style="clear: both;"></div>

 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
 <tr>
 <td align="left" class="row1">
 <div id="fa_ticker_container">
 <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
 <!-- BEGIN ticker_row -->
 <li>{switch_ticker.ticker_row.ELEMENT}</li>
 <!-- END ticker_row -->
 </ul>
 </div>
 </td>
 </tr>
 </table>
 </div>
 <!-- END switch_ticker_new -->

 <!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
 <tr>
 <td align="left" class="row1">
 <div id="fa_ticker_container">
 <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
 <div class="fa_ticker_content">
 <!-- BEGIN ticker_row -->
 <div>{switch_ticker.ticker_row.ELEMENT}</div>
 <!-- END ticker_row -->
 </div>
 </div>
 </div>
 </td>
 </tr>
 </table>
 </div>
 <!-- END switch_ticker -->

 <div id="page-body">
 <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
 <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
 <tbody>
 <tr>
 <td valign="top" width="{C1SIZE}">
 <div id="{ID_LEFT}">
 <!-- BEGIN giefmod_index1 -->
 {giefmod_index1.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index1 -->
 </div>
 </td>
 <td valign="top" width="100%">
<!-- BEGIN html_validation -->
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 </td>
 </tr>
 </table>
</body>
</html>
<!-- END html_validation -->

Mon CSS :
Spoiler:

Code:
 
   #ban{
position: relative;
 top:-110px;
  height:10px;
  width:10px;
  left:-150px;
 z-index:-90;
}

fl.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
  



/*DEBUT MISE EN PAGE DES SUJETS ET FORUM*/


.avatar_mess
{
  display: block;
  width: 150px;
  height: 300px;
  overflow: hidden;
  background: #272726;
  border: 1px solid #000;
  left:115px;
  position:relative;
      transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatar_mess:hover
{
      transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess
{
  valign:middle;
  text-align:left;
  position: absolute;
  display: block;
  width: 140px;
  height: 290px;
  padding: 5px;
  overflow: auto;
  background: #fff;
  color: #b3b7ef;
  font-size: 11px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
      transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess:hover
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
      transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.pseudo_mess
{
  display: block;
  position: relative;
  z-index: 2;
  margin-top:4px;
  width: 150px;
  text-align: center;
  font-size: 14px;
  margin-left:115px;
}

#message_post{
  width:705px;
  min-height:340px;
  padding:4px;
  border-bottom:#760000 solid 10 px;
}
 

#titre_sujet{
  width:650px;
  height:5px;
  padding:4px;
  text-align:right;
  font-size:22px;
  font-family: Lobster Two;
  
}
 

#auteur{
  position: relative;
    right:120px;
  top:-50px;
  width:50px;
  height:5px;
  padding:4px;
  text-align:center;
  font-size:12px;
 
}
 

#barre_post{
  position: relative;
  left:-110px;
  height:3px;
  padding:4px;
  font-size:12px;
 
}

#titre_sujet2{
  width:750px;
  height:30px;
  background:#fff;
    border-top: 5px solid #c41d1d;
  padding:4px;
  font-size:12px;
}
 
#messages{
  text-align:center;
  width:700px;
  min-height:300px;
  background-repeat:no-repeat;
  padding-left:180px;
  padding-top:15px;
  padding-bottom:15px;
  text-align:justify;
  font-size:13px;
 
}

#signaturepost
{
 max-height: 200px;
}
/*FIN MISE EN PAGE DES SUJETS ET FORUM*/

div.contenant {
    width:668px;  /*largeur du contenant, la meme que celle de l image*/
    height:98px; /*hauteur du contenant, la meme que celle de l image*/
    overflow: hidden;
}
 div.contenu {
    width: 668px;  /*largeur du contenu, la meme que celle de l image*/
    height: 98px; /*hauteur du contenu, la meme que celle de l image*/
    overflow: auto;  /*pour apparition d une scroll bar si le texte est trop long*/
 }
.contenant img {
    width:668px; /*largeur de l image*/
    height:98px;  /*hauteur de l image*/
    position: relative;  
    bottom: 98px; /*ici mettre la hauteur de l image*/
    transition: 0.5s;  /*pour l effet de transition*/
}
.contenant:hover img {  /*au survol de la souris sur le bloc*/
    bottom: 196px; /*ici mettre deux fois la hauteur de l image*/
    transition: 0.5s;  /*pour l effet de transition*/
}  

/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
 width:6px; /*largeur de la scrollbar verticale*/
  height: 4px; /*hauteur de la scrollbar horizontale*/
  background-color: #;}

::-webkit-scrollbar-track {
 background-color: #; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #a3bddd; /*couleur de l'ascenseur*/;}



#barnav{
 z-index:99;
  top:370px;
  left:-30px;
position: relative;
}

#imgcat{
position: relative;
 left:-394px;
  top:-13px;
  height:4px;
  width:50px;
}

#imgqeel{
position: relative;
  height:10px;
  width:50px;
  left:-65px;
  top:-7px;
}

#imgsujet{
position: relative;
  height:10px;
  width:50px;
  left:-63px;
  top:-7px;
  z-index:10;
}
   /* CSS pour le conteneur des catégories */
   #conteneur_categories
   {
      
   }

   /* CSS pour les catégories */  
  .categorie
   {
  
  }
  
  /* CSS pour le conteneur des onglets */
   #conteneur_onglets
   {
      display: none;
   }
  
  /* CSS pour les onglets */
   .onglet
   {
position: relative;
 z-index:98;
  width:200px;
  cursor: pointer;
  font-size: 20px;
  color: #576b81;
  text-align:center;
  letter-spacing:-1px;
  font-family: Lobster Two;
-moz-text-shadow:1px 1px 0px #c4c4c4;
text-shadow:1px 1px 0px #c4c4c4;
-webkit-text-shadow:1px 1px 0px #c4c4c4;
   }
  


/*CSS du thème par défaut*/
#i_icon_mini_search { display: none; }
#i_icon_mini_faq { display: none; }
#i_icon_mini_calendar { display: none; }

a.cattitle {
display:block;
font-size: 25px;
 font-family: Lobster Two;
  color: #E30E30;
text-align:center;
}

a {}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
 
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: NONE !important;}
a:active {text-decoration: none;}
 

a.forumlink {
  font-size: 18px;color: #14695b;
  text-align:left;
        display:block;
        letter-spacing:-1px;
  font-family: Lobster Two;}

a.forumlink:hover{
  font-size: 18px;color: #d1eaff;
  text-align:left;
        display:block;
  margin-left:10px;
  font-family: Lobster Two;
-moz-transition:all 0.5s; /* Mozilla Firefox */
        -webkit-transition:all 0.5s; /* Safari et Google Chrome */
        -o-transition:all 0.5s; /* Opera */
        transition:all 0.5s;}
 
input,textarea, select {
  font: normal 11px;
  border: 1px #b3964b solid;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px}
 


.code {
  text-align:justify;
  font-size:12px;
  -moz-box-shadow: 1px 1px 7px #787878;
  height: 200px;
  border: 3px #00BFFF solid;}
 
.spoiler {
  padding:10px;
  text-align:justify;
  font-size:12px;
  -moz-box-shadow: 1px 1px 7px #787878;
  border: 3px #FF40000 solid;}
 
.quote {
  padding:10px;
  text-align:justify;
  font-size:12px;
  -moz-box-shadow: 1px 1px 7px #787878;
  border: 3px #32CD32 solid;}
.postbody {
padding-left: 15px;
}
.postbody {
padding-right: 15px;
}

/*fin CSS du thème par défaut*/

/*autre*/
.row3Right
{
border: none !important;
}
 
.thHead
{
border: none !important;
}
 
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
 
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
 
.catLeft, .catRight
{
border: none! important;
}
 
.catHead
{
border: none !important;
}
 
.catBottom
{
border: none !important;
}

/*barre nav*/
mainmenu{
  width:700px;}


a.mainmenu{
    text-decoration: none;
    color : #edf5ff;
font-size: 15px;
font-family: Lobster Two;
   }
a.mainmenu:hover{
    text-decoration: none;
    color : #576b81;
font-size: 15px;
font-family: Lobster Two;
    }


Voila, merci a ceux qui pourront m'aider Very Happy


Dernière édition par Petit Piou le Lun 17 Fév 2014 - 16:22, édité 2 fois

Petit Piou
Nouveau membre

Messages : 23
Inscrit(e) le : 13/02/2013

http://satoru-university.forumactif.fr
Petit Piou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Petit Piou le Ven 14 Fév 2014 - 10:20

Up ? v_v

Sujet MAJ.

Petit Piou
Nouveau membre

Messages : 23
Inscrit(e) le : 13/02/2013

http://satoru-university.forumactif.fr
Petit Piou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Sayali le Ven 14 Fév 2014 - 11:10

Je suis loin d'être experte en code (moi-même je suis ici pour un souci de code), mais peut-être que ton problème serait réglé en définissant la hauteur de ton image? Et vu que tu as une couleur unie sur le bas, tu pourrais aussi mettre un background color pour si la hauteur définie finit par être trop petite.
Très joli codage au passage Smile

Edit : sinon redimensionner ton image au niveau de la hauteur, tout en définissant un background color.

Sayali
**

Messages : 74
Inscrit(e) le : 03/03/2012

http://naturaliart.forums-actifs.com/
Sayali a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Petit Piou le Dim 16 Fév 2014 - 16:34

pardon, mais j'ai pas tout compris de ce que tu as dit :/

Petit Piou
Nouveau membre

Messages : 23
Inscrit(e) le : 13/02/2013

http://satoru-university.forumactif.fr
Petit Piou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Invité le Dim 16 Fév 2014 - 16:57

Bonjour Wink

Essaie avec cette image http://zupimages.net/up/14/07/rzfk.png au lieu de l'autre Wink

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Petit Piou le Dim 16 Fév 2014 - 19:16

Bonsoir, j'ai essayer, mais bon, le petit hic est que par exemple sur cette page :
http://glasgowstory.forum-officiel.fr/t2-le-reglement-interieur
le fond est trop court quoi :/
ou sur celle ci, ou le fond est trop grand :
http://glasgowstory.forum-officiel.fr/memberlist
d'ou ma première image très longue, afin de palier a cela...

Petit Piou
Nouveau membre

Messages : 23
Inscrit(e) le : 13/02/2013

http://satoru-university.forumactif.fr
Petit Piou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Invité le Dim 16 Fév 2014 - 19:28

Bonsoir,

Où as-tu mis l'image ? Normalement, l'image il faut la mettre dans le panneau admin > Affichage > Images et Couleurs > Gestion des images > Avancé > Image du fond de page

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Petit Piou le Dim 16 Fév 2014 - 19:33

je l'ai mise dans le template, parce qu'en image de fond dans le gestionnaire d'image, elle n'est pas fixe lorsque la dimension de la page change :/

Petit Piou
Nouveau membre

Messages : 23
Inscrit(e) le : 13/02/2013

http://satoru-university.forumactif.fr
Petit Piou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Invité le Dim 16 Fév 2014 - 19:39

Bonsoir,

Mets le, et je regarde Wink

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Petit Piou le Dim 16 Fév 2014 - 19:51

Mis :/ vous voyez ce que je veu dire lorsque je parle de décalage lorsque la dimension (largeur) de la fenetre change.

Petit Piou
Nouveau membre

Messages : 23
Inscrit(e) le : 13/02/2013

http://satoru-university.forumactif.fr
Petit Piou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Invité le Dim 16 Fév 2014 - 19:57

Oui :/
Avez-vous décocher la case dans votre panneau admin > Affichage > Images et Couleurs >
Gestion des images > Avancé > Image du fond de page > Fond de page fixe

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Petit Piou le Dim 16 Fév 2014 - 20:02

je viens de le faire, mais ca ne change rien au probleme de décalage lorsque la largeur de la page change, et en plus le fond se répète (plusieurs fois la bannière :/)

Petit Piou
Nouveau membre

Messages : 23
Inscrit(e) le : 13/02/2013

http://satoru-university.forumactif.fr
Petit Piou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Invité le Dim 16 Fév 2014 - 20:13


Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Petit Piou le Dim 16 Fév 2014 - 20:16

je vais essayer de suite et je mettrai a jour..

MAJ : bon en regardant le tuto de plus près, c'est a peu de chose près ce que je cherche, mais pas tout a fait :/, dans le sens ou ce n'est pas la taille de l'écran du PC qui dérange, mais celle de la fenetre :/ (largeur)

Petit Piou
Nouveau membre

Messages : 23
Inscrit(e) le : 13/02/2013

http://satoru-university.forumactif.fr
Petit Piou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Invité le Dim 16 Fév 2014 - 20:30

Bonjour,

Essaie avec ce CSS :
Code:
body {
background-position-x: 160px;
background-repeat: no-repeat;
background-position-y: 15px;
}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Petit Piou le Dim 16 Fév 2014 - 20:35

Fait, mais le pb du fond pas assez long est toujours la, et celui du décalage en fonction de la taille de la fenetre :/

Petit Piou
Nouveau membre

Messages : 23
Inscrit(e) le : 13/02/2013

http://satoru-university.forumactif.fr
Petit Piou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Sayali le Lun 17 Fév 2014 - 14:29

Tu pourrais remettre ton image comme avant mais la réduire en hauteur. Et comme c'est un fond uni, tu n'auras plus qu'à mettre le code du fond. Par exemple, si ton image a un fond blanc et est vraiment entièrement blanche sur le bas, tu mets ton image bien redimensionnée pour qu'elle ne fasse pas 1000 pixels de haut, et tu ajoutes un background color qui, selon mon exemple ici, sera : background-color : #ffffff
Tu saisis mieux? Smile

Sayali
**

Messages : 74
Inscrit(e) le : 03/03/2012

http://naturaliart.forums-actifs.com/
Sayali a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de la barre de navigation et de la bannière

Message par Petit Piou le Lun 17 Fév 2014 - 16:13

oui je saisi, mais étant donné qu'il y a des bordures, ça passe pas :/ (mais a méditer... )

MàJ : ton idée en a fait germer une autre ! merci a toi ! mon soucis est résolu Very Happy !! Mille merci !

Merci a ceux qui ont tenté de m'aider aussi Smile

Petit Piou
Nouveau membre

Messages : 23
Inscrit(e) le : 13/02/2013

http://satoru-university.forumactif.fr
Petit Piou a été remercié(e) par l'auteur de ce sujet.

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


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum