[EDGE] Modifier la taille du widget derniers sujet

Hello Jack,

alors pour déplacer le widget des sujets récents, il faut se servir du curseur de la souris et sélectionner ce dernier en s'assurant d'avoir le curseur comme le montre la capture et de le déplacer à l'endroit désiré:






Puis d'enregistrer les modifications apportées.
Pour laisser les sujets récents en position fixe:





Ensuite tu peux te servir de ce style pour modifier la hauteur en position non scrollable :





Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


#recent_topics_classical
{
min-height: 200px !important;
max-height: 400px !important;
}


Penser a cliquer sur le bouton

Tu peux augmenter la hauteur en modifiant la valeur 400 ici:

Code:

max-height: 400px !important;

merci Phil

pour la partie widget , pas de soucis , je connaissais bien , par contre j'ai modifié mon profil en css pour moi c'est 0%
donc c'est exactement ce que je voulais , les derniers sujets fixes et plus grand

un grand à toi pour ce code css , c'est fait et ca fonctionne nickel

sinon pour ton forum quel est la technique pour mettre le widget des derniers sujet au centre ?

Hello Jack,

sinon pour ton forum quel est la technique pour mettre le widget des derniers sujet au centre ?

Si tu relies mon message:
https://www.milouze14.com/t32919-edge-modifier-la-taille-du-widget-derniers-sujet#627837

alors pour déplacer le widget des sujets récents, il faut se servir du curseur de la souris et sélectionner ce dernier en s'assurant d'avoir le curseur comme le montre la capture et de le déplacer à l'endroit désiré...........................

Tout est expliqué

hello Phil

merci pour ta réponse, mais  je ne suis pas certain que nous nous comprenions bien je dois certainement mal m'exprimer

le sujet est résolu en ce qui concerne la taille du widget avec l'ajout du code css , ça c'est ok  et idem pour déplacer des widgets

sur mon  forum , je n'ai la possibilité de mettre les widgets que soit à gauche , soit à droite et pas au milieu (c'est à dire colonne 1 ou colonne 3 )  ou alors je suis vraiment   et je ne comprend rien  


donc j'imagine que les derniers messages qui se trouvent au centre au dessus de ton  forum , ce n'est pas un widget , mais une autre technique pour avoir ce cadre à cet endroit ?  c'était ma deuxième question en fait  (voir ma capture écran)



merci encore pour ton aide et je te souhaite une très bonne journée

Hum, c'est sur le portail alors, penses à donner un maximum d'information Jack .

Il faut définir un pourcentage  pour chaque colonne:

Modules/Portail & Widgets/Configuration du portail/Options générales du portail



Largeur colonne 1 (gauche) :
   

Largeur colonne 2 (milieu) :
   
Largeur colonne 3 (droite) :

Milouze14 a écrit:Hum, c'est sur le portail alors, penses à donner un maximum d'information Jack  

hello,

je ne comprend définitivement rien ,

je sais mettre des widgets sur mon forum que ce soit sur le forum ou sur le portail , tu peux visiter mon forum il y a déjà des widget au centre , la question que je pose depuis le début avec des captures écran (je ne vois pas comment je peux être plus clair ) c'est  quel est la technique qui te permet de mettre les derniers sujets au centre et au dessus de ton forum


je dois être  un peu couillon mais il me semble que ca c'est ton forum



et que ca c'est ton portail



je met en résolu et je lâche  , c'est pas grave, merci pour ton aide et ce forum qui me sera encore fort utile

bonne soirée

Ah, je comprend,
tu veux mettre les derniers sujets sur la page d'accueil alors.
La capture me faisait penser au portail voilà pourquoi .


De ton côté, tu sais ce que tu souhaites mais pas moi, ta capture est parlante Jack.

Alors, on va ajouter le script et le code html dans le template index_body:
Affichage/Templates/Général/index_body

Juste après ceci:

Code:

{JAVASCRIPT}

Déposes ceci:

Code:


<script>
 jQuery(document).ready(function(){
        jQuery("#M14_load_topic").load("/portal #recent_topics_classical");
        });
</script>
<div id="M14_load_topic"></div>


Penses a enregistrer puis à valider en cliquant respectivement sur puis

Puis on donne un style à tout cela:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


#M14_load_topic
{

width: 60%;
margin-left: 20%;
border:2px solid black;
padding: 5px;
}


Penses a cliquer sur le bouton

Ou encore ce code html en remplacement de l'autre:

Code:

<script>
$(function(){
$('.M14_load_topic').load('/portal #recent_topics_classical');
});
</script>

<div id="M14_load_topic"><div class="M14_load_topic_titre color-primary">Les derniers sujets du forum</div>
  <div class="M14_load_topic"><img src="https://i.servimg.com/u/f20/20/11/87/27/loadin10.gif"/></div></div>


Et la c.s.s:

Code:

.M14_load_topic_titre
{
height:30px;
line-height:30px;
text-align:center;
}
#M14_load_topic
{
width: 60%;
margin-left: 20%;
}
.M14_load_topic
{
border:2px solid black;
padding: 5px;
}

Hello

merci Phil c'est top

ça fonctionne nickel sur mon forum

cette fois ci je met en résolu

bonne journée à toutes et à tous