Template modifié, affichage uniquement sur le page d'accueil

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

Résolu Template modifié, affichage uniquement sur le page d'accueil

Message par Chlirr le Mer 11 Nov 2015 - 23:10

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : depuis la modification du template et du css
Lien du forum : http://testpourbloodthirsty.bb-fr.com/?tt=1

Description du problème

Bonjour, je veux refaire intégralement le design de mon forum et pour ce faire j'en ai crée un pour tester les différents templates et css.

Je suis toujours sur la page d'accueil qui me prend beaucoup de temps mais passons au problème.

J'ai voulu mettre en avant des informations/des évènements qui seront répartis dans des cases/tableaux et ceux-ci affichés sur la page d'accueil ainsi qu'un bloc d'annonce officielle. Cependant j'ai un soucis, j'ai modifié le template overall_header (pour le haut de page) ainsi que le css.

Sauf que je voudrais que la partie encadrée en rouge sur le screen (soit la partie annonce et la partie informations) que j'ai fournie n'apparaisse QUE sur la page d'accueil et non pas sur les autres pages lorsque l'on rentre dans les divers sujets, etc. Hors, le css s'affiche partout, ce qui peut gêner au niveau ergonomie.

Est-ce possible de modifier celà ? Dois-je transféré le partie du code du template concerné dans le index_body pour la page d'accueil?
J'ai déjà essayé et je ne suis pas une pro.

Quelqu'un peut-il m'aider svp ? C'est un cas particulier et je risque de revenir assez souvent vers vous car le code me prend trop la tête.


Dernière édition par Chlirr le Sam 14 Nov 2015 - 18:34, édité 1 fois

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

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

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par R-max le Mer 11 Nov 2015 - 23:40

bonsoir , si vous n'utilisé pas la partie message d'accueil , vous pouvez mettre votre codage dedans ,

PA>AFFICHAGE>GENERALITE>MESSAGE SUR LA PAGE D'ACCUEIL.

sauvegardé votre codage avant la mise en place dans message sur la page d'accueil , quelques fois il est formaté ,et quand ont veut l’éditer ça pause problème

ou crée une page html et la placé dans le message d'accueil avec un iframe ....

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par Chlirr le Jeu 12 Nov 2015 - 12:39

ça pose quel genre de problème exactement ?

J'ai déjà mis des annonces sur la page d'accueil mais vu que la div "class" de mes annonces a du css, celà me l'affiche partout.
Je vais essayer la premiere option dans un premier temps et je rééditerai ce post.

Pourquoi créer une page html alors que tout est bien séparer par des templates ? après je ne saurait pas faire l'intégration du forum en dessous de cette page... je suis trop nul en code pour celà.

Donc j'en reviens à mon point de départ... .

Edit:
alors c'est niquel pour la partie que j'ai demandé, c'est à dire faire apparaitre le css de mes tableaux que sur la page d'accueil avec ce que tu m'avais conseiller (en mettant le code dans la page d'accueil)
Maintenant j'ai un autre soucis, je n'ai plus les annonces défilantes du coup... . J'ai bien le cadre css pour les contenir mais elles ne s'affichent plus.

Pouvez vous m'aider svp?

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

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

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par R-max le Ven 13 Nov 2015 - 7:04

Bonjour les anonces sont gérer par java script ? .

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par Chlirr le Ven 13 Nov 2015 - 13:18

Bonjour,

oui je pense qu'elles le sont
une partie en tout cas puisque ce sont des annonces défilantes de bas en haut.

Et j'ai une partie html contenu dans une balise <table>
c'est le code qu'il y a dans le template overall_header mais j'avoue ne pas trop savoir où il commence et où il s'arrête.
Je poste le code pour mieux vous montrer.

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>
   <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({
               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="http://illiweb.com/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="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" 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>
                         
                        <div class:"navigation">
            <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 class="module borderwrap">
                        
   <div class="box-content">
         
      <!-- BEGIN switch_ticker_new --> 
      <div id="fa_ticker_block" style="margin-top:2px;margin-bottom:4px;">
            
         <table style="width: 100%;" class="forumline" border="0" cellpadding="0" cellspacing="0">
               
            <tbody>
                
               <tr>
                     
                  <td class="row1" align="left">
                        
                     <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>
                  
            </tbody>
             
         </table>
            
      </div>
         
      <!-- END switch_ticker_new --> 
      <!-- BEGIN switch_ticker --> 
      <div id="fa_ticker_block" style="margin-top:2px;margin-bottom:4px;">
            
         <table style="width: 100%;" class="forumline" border="0" cellpadding="0" cellspacing="0">
               
            <tbody>
                
               <tr>
                     
                  <td class="row1" align="left">
                        
                     <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>
                  
            </tbody>
             
         </table>
            
      </div>
         
      <!-- END switch_ticker --> 
   </div>
                        
</div>
               
            <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 -->

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

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

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par R-max le Ven 13 Nov 2015 - 23:46

bonsoir quand vous avez placé votre code PA dans generalité (page d'accueil), y'avait t'il vos annonces dedans ,ou c’était vide ?

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par Chlirr le Sam 14 Nov 2015 - 1:16

Bonsoir,
c'était vide

les annonces sont plus haut
justement je voulais bien séparer les annonces, du reste.

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

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

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par R-max le Sam 14 Nov 2015 - 1:33

et bien coment se fait t'il qu'il ne s'affiche plus : ! scratch

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par Chlirr le Sam 14 Nov 2015 - 1:44

A l'instant ? Si tu check à cet instant j'ai du les désactivés surement.

Je les remets désolée Mad
(Vu que je bosse dessus aussi j'ai du les désactivés hier et oublier de les remettre.)

Donc là si je les remet, je n'ai toujours pas réussi à mettre le cadre gris qui entoure les annonces uniquement sur la page d'accueil.
D 'ailleurs, j'ai l'impression que les annonces bug un peu quand elles défilent.

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

http://btmg.forumactif.com/
Chlirr a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par R-max le Sam 14 Nov 2015 - 10:53

bonjour pour les annonces vous avez placé sur toutes les pages surement ..



il faut mettre que sur l'accueil ,

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par Chlirr le Sam 14 Nov 2015 - 12:46

Bonjour,

je te montre les screens et le code css que jutilise pour essayer de comprendre: attention ça sera long

Pour la page d'accueil > Généralités
Code:
                                 
<div style="clear: both;">
</div>
           
<div class="pa">
</div>
 
<div class="pa2">
                                                                        
   <div class="ongletnews">
          Présentez vous !                                         
      <div class="news">
              
         <div align="center">
              Venez vous présentez, anciens comme nouveaux membres !   
         </div>
              
         <div class="liennews">
                 
            <div align="center">
                 <a href="http://btmg.forumactif.com/f14-presentez-vous">Présentez vous</a>   
            </div>
                 
         </div>
              
      </div>
      
      <div class="ongletnews">
             Présentez vous !                                         
         <div class="news">
                 
            <div align="center">
                 Venez vous présentez, anciens comme nouveaux membres !   
            </div>
                 
            <div class="liennews">
                    
               <div align="center">
                    <a href="http://btmg.forumactif.com/f14-presentez-vous">Présentez vous</a>   
               </div>
                    
            </div>
                 
         </div>
              
      </div>
           
   </div>
            
</div>
       

Ensuite le code css pour le pa et les infos dedans :

Code:
/*TABLEAU NEWS*/

.pa {
    width: 98%;
    height: 100px;
    background: transparent url("http://nsa37.casimages.com/img/2015/11/13/151113080034966382.png") no-repeat scroll center center;
    margin-top: 5px;
}

.pa2 {
    width: 98%;
    height: 400px;
    margin: auto;
  margin-bottom: 30px;
}
  .ongletnews
{
 font-size: 15px;
  color: #ffffff;
  text-align: center;
  background: #c32f2f;
  display: block;
  margin : auto;
  margin-left: 10px;
  width : 550px;
  height : 150px;
  padding: auto;
  overflow: hidden;
}

.news
{
  font-size: 15px;
  color: #000000;
  text-align: justify;
  display: block;
 background: #f3f3f3;
  height:150px;
  margin: auto;
  padding: 1px;
}


.titrenews
{
clear: both;
background: #3AB17F none repeat scroll 0% 0%;
text-align: center;
padding: 3px;
color: #858685;
font-family: "Megrim",cursive;
font-size: 18px;
letter-spacing: 1px;
}

.contenunews
{
margin: 5px 5px 10px;
text-align: justify;
font-size: 14px;
line-height: 14px;

}

.liennews
{
  float: center;
  padding: 1px;
  margin: auto;
  margin-top: 50px;
  font-size: 15px;
  text-align: center;
    display: block;
  width: 150px;
  height: 30px;
  background: #d8d7d6;
}

.liennews a
{
 color: #000000;
}
   
a:link, a:link hover
    {
    text-decoration: none !important;
    }

.liennews a:hover
{
 color: #ef0000 !important;
  background: #ffffff !important;
}


Code Html/template overall_header pour les annonces défilantes:
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>
   <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({
               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="http://illiweb.com/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="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" 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>
                         
                        <div class:"navigation">
            <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 class="module borderwrap">
                        
   <div class="box-content">
         
      <!-- BEGIN switch_ticker_new --> 
      <div id="fa_ticker_block" style="margin-top:2px;margin-bottom:4px;">
            
         <table style="width: 100%;" class="forumline" border="0" cellpadding="0" cellspacing="0">
               
            <tbody>
                
               <tr>
                     
                  <td class="row1" align="left">
                        
                     <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>
                  
            </tbody>
             
         </table>
            
      </div>
         
      <!-- END switch_ticker_new --> 
      <!-- BEGIN switch_ticker --> 
      <div id="fa_ticker_block" style="margin-top:2px;margin-bottom:4px;">
            
         <table style="width: 100%;" class="forumline" border="0" cellpadding="0" cellspacing="0">
               
            <tbody>
                
               <tr>
                     
                  <td class="row1" align="left">
                        
                     <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>
                  
            </tbody>
             
         </table>
            
      </div>
         
      <!-- END switch_ticker --> 
   </div>
                        
</div>
               
            <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 -->

le css pour les annonces défilantes :
Code:
/*Annonce Defilante*/


.annonce_haut
{
font-size: 12px;
margin: auto;
height: 80px;
}

.module .box-content
{
line-height: normal;
padding: 5px;
}

.box-content
{
border-top: 7px solid #E5E5E5;
border-bottom: 4px solid #E5E5E5;
border-left: 4px solid #E5E5E5;
border-right: 4px solid #E5E5E5;
height: 100px;
overflow: hidden;
margin: auto;
  font-size: 12px;
}


.Lienannonce
{
  margin: 5px;
  background : #b2b2b2;
  font-size: 12px;
  text-align: center;
  display: block, center;
  width: 120px;
  height: 25px;
  font-weight: light;
}

.Lienannonce a
{
 color: #ffffff
}

.Lienannonce a:hover
{
 color: #ef0000 !important;
}

et le screenschot pour les annonces




dans les annonces :
Code:
<div align="center">
    Réunion de la Line Up: Waiting Games     
   <div class="Lienannonce">
        <a href="http://www.google.fr">Présentez vous</a>                                   
   </div>
                    
</div>
C'est bien coché pour la page d'accueil, mais les annonces défilent bien uniquement sur la page d'accueil, le soucis est que le css qui est censé l'accompagner se retrouve sur les autres pages aussi.

J'ai essayé de mettre le code des annonces et la class pour le css dans les annonces mais ça fait planté les annonces...

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

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

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par R-max le Sam 14 Nov 2015 - 17:17

c'est a cause de cette partie dans votre template (vous l'avez ajouté ????)

Code:
 <div class="module borderwrap">
                       
  <div class="box-content">
         
      <!-- BEGIN switch_ticker_new --> 
      <div id="fa_ticker_block" style="margin-top:2px;margin-bottom:4px;">
           
        <table style="width: 100%;" class="forumline" border="0" cellpadding="0" cellspacing="0">
               
            <tbody>
               
              <tr>
                     
                  <td class="row1" align="left">
                       
                    <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>
                 
            </tbody>
             
        </table>
           
      </div>
         
      <!-- END switch_ticker_new --> 

en testant sans cette partie les annonces disparaisse sur les autres page .
ensuite il suffit d'agir sur le cadre annonce par le css pour lui redonné l'aspect voulu .

car les annonces prennent la couleur du forum .

je ne voie que ça ,


R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par Chlirr le Sam 14 Nov 2015 - 18:28

j'ai effectivement ajouter
Code:
 <div class="module borderwrap">
                     
  <div class="box-content">

mais le reste à partir de

Code:
 <!-- BEGIN switch_ticker_new --> 

je ne l'ai pas ajouté

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

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

Résolu Re: Template modifié, affichage uniquement sur le page d'accueil

Message par Chlirr le Sam 14 Nov 2015 - 18:34

Oh yes !

Avant le div id:"fa_ticker_block" ne fonctionnait pas avec le css mais c'était peut être moi
avec toutes les modifs
Donc du coup c'est good pour moi

Merci de m'avoir accorder de ton temps Very Happy

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

http://btmg.forumactif.com/
Chlirr 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