Déplacer widget et bloc accueil
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Déplacer widget et bloc accueil
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 :
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
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 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
Re: Déplacer widget et bloc accueil
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
Un peu plus loin :
Le reste se trouve dans l'index_box (les toutes premières lignes sur le template de base)
- 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.
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" />
- 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 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> • </li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </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>
- 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.
Re: Déplacer widget et bloc accueil
Salut Hagel et Neptune-,
Ceci est faisable chère amie .
Dans le template index_body:
Affichage/Templates/Général/index_body
Edit (merci Neptune )
juste avant ce commentaire:
Inséres ceci:
Puis ligne 44 juste avant
insères la fermeture
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:
Supprimes et remplaces par ceci:
Penses a enregistrer les modifications en cliquant respectivement sur et
Tout le bloc aura donc l'identifiant
Ceci te convient il ?
a++
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 .
Dans le template index_body:
Affichage/Templates/Général/index_body
Edit (merci Neptune )
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++
Invité- Invité
Re: Déplacer widget et bloc accueil
Bonjour à vous,
tout d'abord : merci pour vos réponses
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
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?
Merci à vous!
tout d'abord : merci pour vos réponses
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?
Merci à vous!
Re: Déplacer widget et bloc accueil
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?
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.
Re: Déplacer widget et bloc accueil
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é .
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é .
- 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;
}
Invité- Invité
Re: Déplacer widget et bloc accueil
Ouiiiii c'est exactement ça!
Bon, le petit souci, c'est que maintenant mes catégories et forums font 3km de longueur
(j'ai appliqué sur le fofo de test)
Edit : réglé
rohhh c'est trop bien, merci!
Bon, le petit souci, c'est que maintenant mes catégories et forums font 3km de longueur
(j'ai appliqué sur le fofo de test)
Edit : réglé
rohhh c'est trop bien, merci!
Sujets similaires
» Déplacer le widget "LATEST TOPICS"
» Déplacer widget Connexion
» Déplacer la pub dans un widget
» AwesomeBB couleur du bloc accueil
» Supprimer le fond du bloc accueil
» Déplacer widget Connexion
» Déplacer la pub dans un widget
» AwesomeBB couleur du bloc accueil
» Supprimer le fond du bloc accueil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum