Widget dans un iframe ou autre pour le centrer

Page 1 sur 2 1, 2  Suivant

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

Résolu Widget dans un iframe ou autre pour le centrer

Message par Snape le Jeu 26 Nov 2015 - 21:17

Bonjour,

Je suis fondateur
mes templates sont modifiées
phpbb2

Comme c'est impossible de placer le widget "Sujets récents" en haut au centre de mon forum, je me demandais si c'était possible de le faire en contournant cette petite impossibilité par:

Mettre le widget sur une page HTML créée dans le forum
et/ou
La mettre en Iframe et la placer au-dessus du forum (sous le logo, mais avant les forums)

j'ai déjà réussi à placer le widget "Sujets récents" dans une annonce qui arrivait exactement là où je la veux, mais ça ne défilait pas, c'était très encombrant.

Par contre si une de mes options est possible, je n'ai aucune idée du comment faire.

Je vous remercie d'avance Smile

Snape


Dernière édition par Snape le Lun 30 Nov 2015 - 7:53, édité 3 fois

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Jeu 26 Nov 2015 - 22:31

bonsoir cela et possible avec un js , si vous avez que ce widget a afficher ,
si il y en a plusieurs alors la c'est diffèrent , voir pas possible .

le lien de votre forum svp ?
ps:avez vous une colonne widget mis en place sur votre forum ?

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Jeu 26 Nov 2015 - 22:40

Salut

Le lien c'est celui de mon profil, et oui, je n'ai que ce widget à mettre.

Je n'ai pas de colone de widget sur mon forum car ça déforme, mais ils sont activés et j'ai un portail (Dont j'ignore si je dois l'afficher ou non)

Merci

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Jeu 26 Nov 2015 - 23:49

re , en recherchant le code pour avoir le widget , je vois que je vous est déja répondu pour la même question ..

http://forum.forumactif.com/t382154-widget-dans-annonce-defilante#3217818

c'est quoi le problème alors maintenant ?

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Ven 27 Nov 2015 - 0:00

Rebonjour,

Et bien en refaisant la même chose, rien ne fonctionne.

En fait j'ai bel et bien mes sujets récents qui défilent dans mon portail. Jusque-là pas de problèmes.

En changeant tout le design de mon forum j'ai dû essayer pour m'en rendre compte, évidemment. Alors j'ai appliqué ce code dans le message de la page d'Accueil:

Code:
<div id="recent-topics">
</div>
  <script type="text/javascript">
 
jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});
 
</script>

Dans mon CSS, au niveau de forumline, j'ai ajouté un "height" car ça ne m'affichait qu'un mince tableau par contre très large.

Le problème, il n'y a pas de sujets récents qui défilent, comme si j'avais créé un tableau avec rien dedans, pourtant ça marche bien chez tous ceux qui l'ont appliqué.

la partie CSS concernée:

Code:
.forumline
{
  position: relative;
  z-index: 1;
  width: 100%;
  height: 200px;
  margin: 10px auto;
  padding: 25px 10px;
  background-image: url(http://img15.hostingpics.net/pics/405275cate07.png),
    url(http://img15.hostingpics.net/pics/667191cate11.png),
    url(http://img15.hostingpics.net/pics/439650cate09.png),
    url(); /* si vous souhaitez mettre une texture ou une image à la place de la couleur de fond placez
  votre image entre les parenthèses de cette ligne */
  background-position: top center, bottom center, top center, top left;
  background-repeat: no-repeat, no-repeat, repeat-y, repeat;
  background-color: #aa9c8e; /* couleur modifiable des fonds des blocs */
  box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
}

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Ven 27 Nov 2015 - 0:29

oublier ce code , il ne fonctionne pas pour tous apparemment.
le mieux ,et de
activé les widgets du forum >> oui
placé que le widget sujet récent sur la colonne de gauche >>(imperatif a gauche )
regler la largeur a >>180 px ,regler le >>scroll, >>ect
ensuite
dans message generalité par exemple ajouter >>
Code:
<div id="M14_sujets_recents"></div>

ajouter dans le css pour pouvoir agir dessus en css >>
Code:
 
#M14_sujets_recents
{
border:2px solid red;
background:#333;
padding:10px;
text-align:center;
width:200px;
height;200px;
}

ensuite ajouter se script >>cocher sur toutes les pages >>il cachera le widget sur l'index et les autres pages , et le renvera vers la div dans géneralité >>
Code:
 
$(function(){
$('#content-container #left ').removeAttr('id').closest('td').attr('id','M14_left').hide();
});
 
$(function(){
$('#M14_left .row1 .marquee ').appendTo('#M14_sujets_recents');
});
 

instaler déja cela et donner moi un visuel ensuite , pour voir le resulta.

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Ven 27 Nov 2015 - 0:41

Salut encore,

Et bien ça fonctionne encore mieux !



Le seul petit hic (Et je n'ose pas trop bidouiller hehe) c'est que ça ne défile pas tout à fait au centre après avoir mis le code pour centrer, qui consistait à changer le contenu du "mod_recent_topic" par ceci:

Code:
<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                    <td class="catLeft" height="25">
                            <span class="genmed module-title">{L_RECENT_TOPICS}</span>
                    </td>
            </tr>
            <tr>
                    <td class="row1" style="height:{SCROLL_HEIGHT}px;">
                        <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px; padding-left: 43%;">
                            <!-- BEGIN recent_topic_row -->
                                »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
                                <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;
 
                                <!-- BEGIN switch_poster -->
                                <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                                <!-- END switch_poster -->
 
                                <!-- BEGIN switch_poster_guest -->
                                {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                                <!-- END switch_poster_guest -->
                            <!-- END recent_topic_row -->
                        </div>
                    </td>
            </tr>
    </table>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->
<!-- BEGIN classical_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="catHead" height="25"><span class="genmed"><b><center>{L_RECENT_TOPICS}</center></b></span></td>
  </tr>
  <tr>
      <td class="row1" style="padding-left: 43%;"><span class="gensmall">
      <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /><img src="{ICON_TIME}" alt="" />{BY}&nbsp;
 
      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->
 
      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->
 
      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
 
      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
      </span></td>
  </tr>
</table>
<!-- END classical_row -->

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Ven 27 Nov 2015 - 1:01

reperer cette ligne
Code:
<td class="row1" style="padding-left: 43%;"><span class="gensmall">

remplacer par
Code:
<td class="row1"><span class="gensmall">

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Ven 27 Nov 2015 - 1:05

Rebonsoir,

Je suis désolé, mais ça ne change rien.

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Ven 27 Nov 2015 - 1:09

a oui , il y en a un 2eme Very Happy

Code:
style="overflow:hidden;height:{SCROLL_HEIGHT}px; padding-left: 43%;">

Code:
style="overflow:hidden;height:{SCROLL_HEIGHT}px;">

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Ven 27 Nov 2015 - 1:14

Rebonsoir,

Ça fonctionne à merveille !

Je tiens à vous remercier pour votre patience et aussi la vitesse à laquelle vous avez pris en charge mon petit soucis. C'est vraiment très, très apprécié ! Super boulot, encore mille fois merci !

Snape

EDIT: Mais avant de le mettre en résolu, un dernier petit truc s'il vous plaît,

Comment puis-je rapetisser, en largeur, sans que mon QEEL ne rapetisse lui aussi ? Si c'est pas possible ce n'est pas plus grave que cela. Smile

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par Snape le Ven 27 Nov 2015 - 21:58

Up

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Ven 27 Nov 2015 - 22:47

bonsoir , changer de place la div >celle ci qui est dans generalité ,
Code:
<br /><br /><div id="M14_sujets_recents"><br /><br /></div>

placé la dans overall_header juste aprés ceci
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

le widget sera en dehors du cadre ,cela permet de récupérer le cadre generalité pour autre chose , ensuite je regarde pour adapter votre css au widget , pour le fondre dans le forum .

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Ven 27 Nov 2015 - 23:20

Bonjour,

Mon overall_header ne ressemble pas à ça

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');
         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 = 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="0" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="http://img15.hostingpics.net/pics/426977cadreban02.png" class="cadre_logo" /><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 id="navigation"><div id="nav_content">{GENERATED_NAV_BAR}</div></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 {CLASS_TABLE_TYPE} 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 {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 -->

Je ne saurais trop où placer ma ligne.

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Ven 27 Nov 2015 - 23:30

juste aprés cette partie
Code:
<div id="navigation"><div id="nav_content">{GENERATED_NAV_BAR}</div></div>


R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Ven 27 Nov 2015 - 23:39

Voilà, j'obtiens cet effet:


Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

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

re , ok dac placé dans votre css ceci

Code:
 #M14_sujets_recents{
    border: 5px solid #311C01;
    width: 400px;
    height: 400px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: #252113;
}

et dite moi le rendu si cela vous va ?

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Ven 27 Nov 2015 - 23:50

Re,

Apparemment rien n'a changé avec le nouveau code dans le CSS, voici une autre capture d'écran:


Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Ven 27 Nov 2015 - 23:53

et comme ceci

Code:
div#M14_sujets_recents{
    border: 5px solid #311C01;
    width: 400px;
    height: 400px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: #252113;
}

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Ven 27 Nov 2015 - 23:56

Re,

Et bien rien ne change non plus :/

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Ven 27 Nov 2015 - 23:59

vous avez bien placé ce code css dans votre feuille de style puis enregistrer , par ce que la je ne le voit pas sur l'editeur

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Sam 28 Nov 2015 - 0:02

Absolument, je vous ai fait une capture d'écran:


Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Sam 28 Nov 2015 - 0:19

ton template et bien enregistrer aussi , tu n'a pas la croix rouge qui est afficher ?

remets celui la sans le div devant l'id
Code:
#M14_sujets_recents{
    border: 5px solid #311C01;
    width: 400px;
    height: 400px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: #252113;
}

c'est étrange que ce css ne prennent pas , je les deja donné a 3 membres , et il fonctionne normalement .

tu a vidé ton cache ?

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Sam 28 Nov 2015 - 0:24

Rere,

Tout mes templates sont bien enregistrés, je n'ai pas bidouillé autre chose que ce que vous m'avez dit. Je viens de remettre sans le div dans le CSS et toujours rien.

Sad

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Sam 28 Nov 2015 - 0:40

bon je ne sait pas , pourquoi il ne prend pas le css

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Sam 28 Nov 2015 - 0:55

Ah bon alors d'accord. Merci pour votre aide. Smile

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Sam 28 Nov 2015 - 11:23

bonjour , Snape ..

ont tente une autre idée !

remplacé la div >>
""je pense que j'ai fait une erreur dedans"" , j'ai placé les (br) dans la div !.. Shocked
Code:
<br /><br /><div id="M14_sujets_recents"><br /><br /></div>

par celle ci >>
Code:
<br /><div id="M14_sujets_recents"></div><br />

le css >>
Code:
#M14_sujets_recents{
background: #928877;
    border: 1px solid #52352b;
text-align:center;
padding:10px;
border-radius:10px;
width:200px;
height:200px;
margin:auto;
}

si cela fonctionne toujours pas... Rolling Eyes

dans la div ajouter>> un (align:center).
Code:
<br /><div id="M14_sujets_recents" align="center"></div><br />

je croise les doigts ,

R-max
# Tropactif #

Masculin
Messages : 1513
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: Widget dans un iframe ou autre pour le centrer

Message par Snape le Sam 28 Nov 2015 - 18:16

Bon pour l'instant rien ne fonctionne, mais après que vous m'aviez dit ne pas savoir j'avais tout remis comme avant. Je vais devoir tout refaire étape par étape et vous dire comment ça réagit après mon repas Smile

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par Snape le Sam 28 Nov 2015 - 19:05

Bonjour,

alors il y a de l'amélioration !:



Le cadre reste trop large, des que je passe ma souris sur les côtés du forum le défilement arrête, et d'ailleurs il n'y a plus de contours (Mais ça c'est pas vraiment important je verrai plus tard) donc il est bien centré, mais toujours trop large ^^

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dans un iframe ou autre pour le centrer

Message par R-max le Sam 28 Nov 2015 - 19:48

oui mais vous n'avez pas mis ce code

Code:
#M14_sujets_recents{
background: #928877;
    border: 1px solid #52352b;
text-align:center;
padding:10px;
border-radius:10px;
width:200px;
height:200px;
margin:auto;
}

dans votre feuille de style css .

R-max
# Tropactif #

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

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

Page 1 sur 2 1, 2  Suivant

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