Taille de Bannière T_T

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

Résolu Taille de Bannière T_T

Message par Gintoki le Mer 21 Avr 2010 - 20:58

Voilà, voilà:
Un jour je me promenais sur des forums et pouf:

http://requiem-no-jiyuu.forumactif.com/index.htm

Je suis tombé sur celui-ci qui était bien sympathique.
J'ai remarqué que sa bannière était très grande et longue.
Mais j'ai essayé d'en mettre une de cette taille et j'obtenais pas le même résultat.

J'aimerais savoir comment faire.
S'il faut faire un code CSS ou un template j'aimerais bien savoir lequel et comment.

Voilà voilà. Merci d'avoir lu ce message d'un désespéré. x)


Dernière édition par Gintoki le Jeu 22 Avr 2010 - 0:57, édité 2 fois

Gintoki
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 21/04/2010

http://saphirath.forumactif.com/
Gintoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de Bannière T_T

Message par Anzu le Mer 21 Avr 2010 - 21:05

Bonsoir,

Il était une fois, un membre qui s'appelait Gintoki et qui n'était pas passé par les règles générales du forum et Pouf, il fait une bêtise !

La couleur et le gras sont réservés à la modération

Dans la CSS:

Code:
body {
background-image: url=('lien de l'image');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}

Dans les templates, overall_header_new:

> Vous devez mettre des
Code:
<br />
, après:

Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

un peu comme ca:
Code:
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de Bannière T_T

Message par Gintoki le Mer 21 Avr 2010 - 21:25

Sincèrement désolé, c'est une mauvaise habitude que j'ai prise...

Je n'ai pas bien saisi.

En fait, j'ai rajouté des </br> après ce que vous m'avez indiquez et j'ai aussi essayé avec le CSS

Mais le forum s'agrandit et j'aimerais éviter ça.

Il se peut aussi que j'ai mal compris --' je ne suis que débutant là-dedans.

Merci pour votre aide.

Gintoki
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 21/04/2010

http://saphirath.forumactif.com/
Gintoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de Bannière T_T

Message par Anzu le Mer 21 Avr 2010 - 21:32

Ce n'est pas grave Razz

C'est possible d'avoir le code de votre feuille CSS et celui de votre template ?

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de Bannière T_T

Message par Gintoki le Mer 21 Avr 2010 - 21:49

Désolé pour le retard:

Voilà le CSS:

Code:
body {
background-image: url=('http://i63.servimg.com/u/f63/15/13/04/74/bann10.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;}

.bodyline{ -moz-border-radius: 15px;}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

a {
font-variant: small-caps;
}

a { text-decoration: none; }

.bodyline {
-moz-border-radius:10px;
}

.forumline{
background-color: #dcdff9;
-moz-border-radius: 10px ;
border: 3px #dcdff9 solid;
}

.postbody {
background-repeat: repeat;
background-image: url('http://i69.servimg.com/u/f69/13/89/14/12/patter11.jpg');
background-position: center;
}

td.row1 {
background-repeat: repeat;
background-image: url('http://i69.servimg.com/u/f69/13/89/14/12/patter11.jpg');
background-position: center;
}
td.row2 {
background-repeat: repeat;
background-image: url('http://i69.servimg.com/u/f69/13/89/14/12/patter11.jpg');
background-position: center;
}
td.row3 {
background-repeat: repeat;
background-image: url('http://i69.servimg.com/u/f69/13/89/14/12/patter11.jpg');
background-position: center;
}

td.row3Right {
background:url('http://i69.servimg.com/u/f69/13/89/14/12/patter11.jpg');
border-style: none
}

Et voilà le template:

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="http://www.w3.org/1999/xhtml">
<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_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 -->
   <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://illiweb.com/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://illiweb.com/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 -->
</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>
                  <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 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 -->
            <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 {CLASS_TABLE_TYPE} 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 -->

Merci encore pour l'aide.

Gintoki
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 21/04/2010

http://saphirath.forumactif.com/
Gintoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de Bannière T_T

Message par Anzu le Mer 21 Avr 2010 - 22:05

Cependant, simple curiosité, je peux savoir pourquoi vous vous êtes approprié la bannière du forum d'exemple ? Rolling Eyes
C'est simplement pour tester ?


Mdrrrr ca m'arrive de me planter aussi Rolling Eyes
Dans le code de la css, le code que je vous ai donné, le "=" est en trop Razz

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de Bannière T_T

Message par Gintoki le Mer 21 Avr 2010 - 22:15

Oui. Ne vous inquietez pas. Je suis juste très lent à faire mes bannières. Et elle n'est pas terminée...
Je ne pique pas le travail des autres. ^^

J'ai d'autres problèmes avec photoshop Razz Mais je m'en sortirais! Enfin j'espère...
^^

En fait, la bannière est en fond d'écran?

Gintoki
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 21/04/2010

http://saphirath.forumactif.com/
Gintoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de Bannière T_T

Message par Anzu le Mer 21 Avr 2010 - 22:16

Oui elle est en fond d'écran.
Pourquoi, ce n'est pas ce que vous vouliez ? Razz

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de Bannière T_T

Message par Gintoki le Mer 21 Avr 2010 - 22:20

Eh bah... Sad Je me suis mal expliqué. >__<

En fait, je sais pas si vous l'avais vu:

sur ce forum les graphistes ont changé la taille de la bannière sans toucher au fond d'écran. Et la taille de la bannière n'influence pas celle du forum.
Et C'est la tout le problème, je vois vraiment pas comment ils ont fait.

Gintoki
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 21/04/2010

http://saphirath.forumactif.com/
Gintoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de Bannière T_T

Message par Anzu le Mer 21 Avr 2010 - 22:29

Ha, du coup effectivement c'est différent Razz

La solution ne se trouve pas sur ce forum et il n'y a aucun tuto à ce sujet, je vous renvoie donc vers Css actif.

Je vous envoie un lien par MP Wink

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu 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