[PBTV4.1] 2 Flux cote à cote en externe

[PBTV4.1] 2 Flux cote à cote en externe [Réglé]

Swan Membre non connecté

Booster Mortier

Le 09/08/2016 à 21h24

C'est encore moi ..

J'ai un soucis sur un portage de thème , le BFMilleniumV2 .. dans le box central je dois y mettre ces fameux 2 flux rss en externe du menu intégré soit de cette façon :

Code TPL :

        <div id="box" style="overflow: hidden;">
            <div id="imgactu">
                <div id="actus"></div>
                <div id="news">
                <?php echo Feed::get_parsed('news', Feed::DEFAULT_FEED_NAME, 0, false, 10); ?>
 
                </div>
            </div>
            <div id="imgactu1">
                <div id="actus1"></div>
                <div class="block-container">
                <?php echo  Feed::get_parsed('forum', Feed::DEFAULT_FEED_NAME, 0, false, 10); ?>        plop        
                </div>
            </div>
        </div>

mon code css ( le truc classique )

Code CSS :

/* Box centrale avec le flux rss News et Forum.
 *----------------------------------------------------------*/
div#box{
    background: url('images/box.jpg') repeat-y scroll 0 0 transparent;
    height: 278px;
    margin: auto;
    width: 1229px;
}
div#imgactu{
float:left;
    height: 200px;
    padding-top: 37px;
    width: 50%;
}
div#news{
    margin-left: 65px;
    max-height: 250px;
    width: 425px;
}
div#actus{
    background: url('images/rss-actu.png') no-repeat scroll 0 0 transparent;
    height: 62px;
    margin-left: 53px;
    padding-top: 20px;
}
div#imgactu1 {
    float: right;
    height: 200px;
    padding-top: 37px;
    width: 50%;
}
div#forum{
    margin-left: 22px;
    max-height: 250px;
    width: 425px;
}
div#actus1{
    background: url('images/rss-forum.png') no-repeat scroll 0 0 transparent;
    height: 41px;
    /*margin-left: 84px;*/
    padding-top: 20px;
}
div#news1{
    height: 205px;
    margin: 30px 15px auto;
    text-align: left;
    width: 425px;
    }

En image :

Le second flux s'affiche complètement en haut à gauche !

En V3 nikel en 4.0 aussi .. La 4.1 non et la V5 j'ai pas encore testé !

Pourquoi mon flux rss se barre en sucette ?

Toute aide est bienvenue, Swan

Édité par Swan Le 09/08/2016 à 21h56

swan_signature

Swan Membre non connecté

Booster Mortier

Le 20/08/2016 à 11h54

#153539

Bonjour,

Hier j'ai fais la même chose sur la V5 et je n'ai pas le soucis avec le même code .. Pour plus de lisibilité , j'ai changé des id par des class rien de plus.

Le code:

Code TPL :

 
    <div id="box" style="overflow: hidden;">
        <div id="actualites">
            <div class="actus"></div>
            <div class="news">
            <?php echo Feed::get_parsed('news', Feed::DEFAULT_FEED_NAME, 0, false, 10); ?>
 
            </div>
        </div>
        <div id="sujets">
            <div class="actus1"></div>
            <div class="forum">
            <?php echo Feed::get_parsed('forum', Feed::DEFAULT_FEED_NAME, 0, false, 10); ?>            
            </div>
        </div>
    </div>

Le Css:

Code CSS :

 
/* Box centrale avec le flux rss News et Forum.
 *----------------------------------------------------------*/
div#box{
    background: url('images/box.jpg') repeat-y scroll 0 0 transparent;
    height: 278px;
    margin: auto;
    width: 1229px;
}
div#actualites{
float:left;
    height: 200px;
    padding-top: 37px;
    width: 50%;
}
.actus{
    background: url('images/rss-actu.png') no-repeat scroll 0 0 transparent;
    height: 62px;
    margin-left: 53px;
    padding-top: 20px;
}
.news{
    margin-left: 65px;
    max-height: 250px;
    width: 425px;
}
div#sujets {
    float: right;
    height: 200px;
    padding-top: 37px;
    width: 50%;
}
.actus1{
    background: url('images/rss-forum.png') no-repeat scroll 0 0 transparent;
    height: 41px;
    /*margin-left: 84px;*/
    padding-top: 20px;
}
.forum{
    height: 205px;
    margin: 30px 15px auto;
    text-align: left;
    width: 425px;
}

Donc quelque chose bin's avec la 4.1 et les placements des flux rss et je vois pas ou ! C'est dommage , car c'est un thème que j'étais en train de porter pour 2 versions et je ne peux le faire que pour la V5.

Vous pourriez regarder si vous le pouvez ?

Merci beaucoup

Swan.

Édité par Swan Le 20/08/2016 à 11h55

swan_signature

Swan Membre non connecté

Booster Mortier

Le 02/09/2016 à 15h26

#153709

<span style="font-family: verdana;"><span style="font-size: 12px;">Bonjour,

Le soucis est décidément récurrent ! Et j'ai du passé autrement dans les tpl .. car même sur le site des <a href="http://www.battlefieldiens.com">www.battlefieldiens.com</a> que j'ai passé en V5 sur le même genre de thème, j'ai eu aussi le soucis.

<h2 class="formatter-title">Donc pour que cela fonctionne correctement ...</h2>

<span style="text-decoration: underline;">Le code:</span>

Code TPL :

    <div id="box" style="overflow: hidden;">
        <div id="actualites">
            <div class="actus"></div>
            <div class="news">
            <?php echo Feed::get_parsed('news', Feed::DEFAULT_FEED_NAME, 0, false, 10);  echo '
 
            </div>
        </div>
 
        <div id="sujets">
            <div class="actus1"></div>
            <div class="forum">
                ' ; echo Feed::get_parsed('forum', Feed::DEFAULT_FEED_NAME, 0, false, 10); ?>        
            </div>
        </div>
    </div>

<span style="text-decoration: underline;">Le css:</span>

Code CSS :

/* Box centrale avec le flux rss News et Forum.
 *----------------------------------------------------------*/
div#box{
    background: url('images/box.png') repeat-y scroll 0 0 transparent;
    height: 278px;
    margin: auto;
    width: 1229px;
}
div#actualites{
float:left;
    height: 200px;
    padding-top: 37px;
    width: 50%;
}
.actus{
    background: url('images/rss-actu.png') no-repeat scroll 0 0 transparent;
    height: 62px;
    margin-left: 53px;
    padding-top: 20px;
}
.news{
    margin-left: 40px;
    max-height: 250px;
    width: 425px;
}
 
 
div#sujets {
    float: right;
    height: 200px;
    padding-top: 37px;
    width: 50%;
}
 
.actus1{
    background: url('images/rss-forum.png') no-repeat scroll 0 0 transparent;
    height: 41px;
    /*margin-left: 84px;*/
    padding-top: 20px;
}
.forum{
    height: 205px;
    margin: 16px 0px auto;
    text-align: left;
    width: 560px;
}

Et par ce petit tour de passe passe PHP cela fonctionne même en PHP7 - Merct Sat <img src="/images/smileys/wink.png" alt=";)" class="smiley" />

Voilà, pour moi c'est un soucis réglé<img src="/images/smileys/happy.png" alt="^^" class="smiley" />

Swan.
</span></span>

swan_signature