Déplacer widget et bloc accueil

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

Résolu Déplacer widget et bloc accueil

Message par Hagel le Dim 9 Nov 2014 - 14:50

Bonjour,

Forum concerné :
http://www.equi-nox.net/
Phbb3
Pas de template modifié

Je cherche à déplacer le bloc de widgets sous la partie "accueil" du forum.
L'accueil prenant ainsi la largeur de la colonne widget et catégorie & forum

Si déplacer les widgets n'est pas un souci avec le CSS :
Code:
#content-container div#left {
    float: left;
    margin-right: 3px;
    margin-top: 280px;
    overflow: hidden;
    width: 200px;
}
Je me heurte à des limites avec l'accueil. J'ai bien vu qu'il existait un tuto, mais il est actuellement en refonte et je n'y ai pas l'accès.

Je connais bien l'ID .pannel.introduction, mais c'est l'élément supérieur qui m'est nécessaire. Le souci, c'est qu'il touche à tout le forum (le bloc accueil et l'ensemble des catégories et forums)


Soit un élément CSS m'échappe, soit je pense qu'il sera nécessaire de recourir au javascript pour attribuer un ID à tout le bloc "accueil" (qui comprend date, heure, jour, connexion, nouveaux messages and co), et là c'est au delà de mes connaissances.

Je suis preneuse de toute pistes, de tout élément me permettant d'agir.

Merci d'avance


Dernière édition par Hagel le Mar 11 Nov 2014 - 13:59, édité 1 fois

Hagel
+ Hyperactif +

Féminin
Messages : 12047
Inscrit(e) le : 07/03/2008

http://www.equi-nox.net/
Hagel a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer widget et bloc accueil

Message par Neptunia le Dim 9 Nov 2014 - 16:39

Bonjour Hagel ^^


Je vais répondre de façon générique, n'étant pas sûr de comprendre ce qu'est exactement le bloc Accueil

Si on n'a ni id, ni class qui convienne, il suffit de le rajouter par templates puisque maintenant ils sont disponibles sous toutes les versions.

Dans le template index_body on a ceci

Code:
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
qui correspond sur ce forum à la ligne
Code:
La date/heure actuelle est xxx puis Dernière visite le yyy

Un peu plus loin :
Code:
<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->
-> Le message de la page d'accueil avec ton accordéon vertical

Le reste se trouve dans l'index_box (les toutes premières lignes sur le template de base)
Code:
<ul class="linklist">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
</ul>
Qui correspond aux liens :
- Voir les nouveaux messages depuis votre dernière visite
- Voir ses messages
- Voir les messages sans réponses
- Marquer tous les forums comme lus

Si je suis à côté de la plaque, je pense qu'un screen entourant la zone à déplacer et où le déplacer sera utile.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer widget et bloc accueil

Message par Milouze14 le Dim 9 Nov 2014 - 19:30

Salut Hagel et Neptune-,


Soit un élément CSS m'échappe, soit je pense qu'il sera nécessaire de recourir au javascript pour attribuer un ID à tout le bloc "accueil" (qui comprend date, heure, jour, connexion, nouveaux messages and co), et là c'est au delà de mes connaissances.


Ceci est faisable chère amie Wink .

Dans le template index_body:
Affichage/Templates/Général/index_body

Edit (merci Neptune Wink )
juste avant ce commentaire:
Code:

<!-- BEGIN switch_user_logged_in -->

Inséres ceci:
Code:

<div id="M14_First_panel">

Puis ligne 44 juste avant
Code:

{CHATBOX_TOP}

insères la fermeture
Code:

</div>


Penses a enregistrer les modifications en cliquant respectivement sur et


Dans le template index_box:
Affichage/Templates/Général/index_box

Tout au début du template ,
recherches ceci:
Code:

<ul class="linklist">

Supprimes et remplaces par ceci:
Code:
<script type="text/javascript">
  $(function(){
$('#M14_First_panel , #M14_linklist.linklist').wrapAll('<div id="M14_Panel"></div>');
});
</script>

<ul id="M14_linklist"class="linklist">

Penses a enregistrer les modifications en cliquant respectivement sur et


Tout le bloc aura donc l'identifiant
Code:
#M14_Panel

Ceci te convient il ?
a++







Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer widget et bloc accueil

Message par Hagel le Lun 10 Nov 2014 - 13:19

Bonjour à vous,

tout d'abord : merci pour vos réponses sunny

j'ai mis en application, pas de souci, ça correspond bien au bloc que je voulais travailler
Souci, j'ai beau en modifier la position avec le CSS, il passe sous la colonne widget
Spoiler:
au cas où:
Code:
#M14_Panel
{ background-image: url('http://img15.hostingpics.net/pics/776285fondtest7.png');
  width: 1000px;
  height: 200x;
  position:relative;
 top:20px;
 left:-150px;
background-position: bottom left !important;}

je m'explique, mon fofo de test:
http://forumtestetcode.forumactif.com/forum

j'ai déplacé la colonne widget au niveau de la colonne catégorie et forum, pour ensuite élargir la partie "accueil" (avec tous les liens et tout) et faire en sorte ainsi que la partie widget et catégorie-forum soient au même niveau (pas que comme sur le FDF les widgets soient directement à coté de l'accueil)

Je fais un schéma avec des petites flèches ou je suis claire? Mr. Green

Merci à vous!

Hagel
+ Hyperactif +

Féminin
Messages : 12047
Inscrit(e) le : 07/03/2008

http://www.equi-nox.net/
Hagel a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer widget et bloc accueil

Message par Neptunia le Lun 10 Nov 2014 - 13:35

@Hagel a écrit:j'ai déplacé la colonne widget au niveau de la colonne catégorie et forum, pour ensuite élargir la partie "accueil" (avec tous les liens et tout) et faire en sorte ainsi que la partie widget et catégorie-forum soient au même niveau (pas que comme sur le FDF les widgets soient directement à coté de l'accueil)

Je fais un schéma avec des petites flèches ou je suis claire? Mr. Green

Le schéma avec les flèches sera je pense superflu puisque nous avions compris le contenu exact du bloc accueil

En revanche j'ai toujours pas compris ce que ça devrait donner au final.
J'avais cru comprendre que le but était d'avoir un cadre de catégorie qui prendrait toute la largeur du forum comme ici quand on cache les widgets.
Avec un bloc accueil aussi large que les catégories et des widgets soit au dessus soit au dessous de l'accueil ou encore en bas de page.

Mais là sur le forum test, je vois toujours les widgets à gauche (et bien sûr le bloc accueil qui se planque sous la colonne de widgets)

Du coup un croquis vite fait avec ce que devrait être la mise en page finale ne me semble pas superflu, on sera certains de parler de la même chose.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer widget et bloc accueil

Message par Milouze14 le Lun 10 Nov 2014 - 19:01

Salut Hagel et Neptune-,

je crois comprendre ta demande , tu veux la page d'accueil sur toute la largeur de ton forum
et les widgets et le fofo en dessous en étant respectivement à la même hauteur.
Cette C.S.S approximative avec deux trois réglages en px pour les margin et pourcentage pour la largeur du bloc que je t'ai donné Wink .

Code:

.forabg {margin-top: 240px;}
#content-container div#left
{
float: left;
margin-right: 3px;
margin-top: 345px;
overflow: hidden;
width: 200px;
}
#M14_Panel
{
position:absolute;
width: 100 %;
background-position: left bottom;
background-color: #F00 !important;
left:0px;
right:0px;
background-image: url('http://img15.hostingpics.net/pics/776285fondtest7.png');
height: 200px;
padding: 10px; 
}


Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer widget et bloc accueil

Message par Hagel le Mar 11 Nov 2014 - 13:53

Ouiiiii c'est exactement ça!

Bon, le petit souci, c'est que maintenant mes catégories et forums font 3km de longueur Mr. Green

(j'ai appliqué sur le fofo de test)

Edit : réglé

rohhh c'est trop bien, merci!

Hagel
+ Hyperactif +

Féminin
Messages : 12047
Inscrit(e) le : 07/03/2008

http://www.equi-nox.net/
Hagel 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