Codes membres
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
Codes membres
Bonjour,
Auriez vous le code pour:
Dans la partie membre, au lieu que les membre défilent a la verticale, ils défilenet a l'horizontale (3 par ligne)
J'ai remarqué ça sur les forums
Il y'a marqué par exemple:
- Inscrit le 01/01/1999
- Dernière connexion: Sam 26 Avr 2014 - 18:30
J'ai posté ou Nombre de messages: 15851 messages
Merci
Auriez vous le code pour:
Dans la partie membre, au lieu que les membre défilent a la verticale, ils défilenet a l'horizontale (3 par ligne)
J'ai remarqué ça sur les forums
Il y'a marqué par exemple:
- Inscrit le 01/01/1999
- Dernière connexion: Sam 26 Avr 2014 - 18:30
J'ai posté ou Nombre de messages: 15851 messages
Merci
Dernière édition par MB_Eevee le Sam 21 Juin 2014 - 15:34, édité 1 fois
Invité- Invité
Re: Codes membres
Bonjour ^^
Je pense que vous faites allusion aux listes de membres sur les forums Invision
Pourriez vous nous fournir une capture écran ?
Je pense que vous faites allusion aux listes de membres sur les forums Invision
Pourriez vous nous fournir une capture écran ?
Invité- Invité
Re: Codes membres
Le lien ne sert pas à grand chose, il faut être connecté
Re: Codes membres
Les captures d'écrans ne fonctionnent pas chez moi
Je ne peux pas télécharger
Mais bon je vais essayer -_-
Je ne peux pas télécharger
Mais bon je vais essayer -_-
Invité- Invité
Re: Codes membres
J'ai fait le maximum et cela a porté ces fruits:
Invité- Invité
Invité- Invité
Invité- Invité
Re: Codes membres
Un petit up
Invité- Invité
Re: Codes membres
4eme Up
Invité- Invité
Re: Codes membres
Un petit up les amis =D
Invité- Invité
Re: Codes membres
Bonjour,
Si je remplace dans la template Général > memberlist_body, ceci :
Par :
et que j'ajoute le CSS suivant ( dans PA > Affichage > Couleurs > Feuille de style ) :
J'ai un rendu similaire :
Cordialement.
Si je remplace dans la template Général > memberlist_body, ceci :
- Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thCornerL" nowrap="nowrap" height="25">#</th>
<th class="thTop" nowrap="nowrap">{L_AVATAR}</th>
<th class="thTop" nowrap="nowrap">{L_USERNAME}</th>
<!-- BEGIN switch_th_group -->
<th class="thTop" nowrap="nowrap">{L_GROUPS}</th>
<!-- END switch_th_group -->
<th class="thTop" nowrap="nowrap">{L_INTERESTS}</th>
<th class="thTop" nowrap="nowrap">{L_JOINED}</th>
<th class="thTop" nowrap="nowrap">{L_VISITED}</th>
<th class="thTop" nowrap="nowrap">{L_POSTS}</th>
<th class="thTop" nowrap="nowrap">{L_PM}</th>
<th class="thCornerR" nowrap="nowrap">{L_WEBSITE}</th>
</tr>
<!-- BEGIN memberrow -->
<tr>
<td class="{memberrow.ROW_CLASS}" align="center"><span class="gen"> {memberrow.ROW_NUMBER} </span></td>
<td class="{memberrow.ROW_CLASS}" align="center"><div class="avatar mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div></td>
<td class="{memberrow.ROW_CLASS}" align="center"><span class="gen"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></span></td>
<!-- BEGIN switch_td_group -->
<td class="{memberrow.ROW_CLASS}" align="center"><span class="gen">{memberrow.GROUPS}</span></td>
<!-- END switch_td_group -->
<td class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberrow.INTERESTS}</span></td>
<td class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gensmall">{memberrow.JOINED}</span></td>
<td class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gensmall">{memberrow.LASTVISIT}</span></td>
<td class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberrow.POSTS}</span></td>
<td class="{memberrow.ROW_CLASS}" align="center"> {memberrow.PM_IMG} </td>
<td class="{memberrow.ROW_CLASS}" align="center"> {memberrow.WWW_IMG} </td>
</tr>
<!-- END memberrow -->
<!-- BEGIN switch_no_user -->
<tr>
<td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
</tr>
<!-- END switch_no_user -->
</table>
Par :
- Code:
<div id="member_list">
<!-- BEGIN memberrow -->
<div>
{memberrow.AVATAR_IMG}
>>><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><br /><br />
Inscription le :: {memberrow.JOINED}<br />
Connexion le :: {memberrow.LASTVISIT}<br />
J'ai posté {memberrow.POSTS} messages
</div>
<!-- END memberrow -->
<!-- BEGIN switch_no_user -->
{switch_no_user.L_NO_USER}
<!-- END switch_no_user -->
</div>
et que j'ajoute le CSS suivant ( dans PA > Affichage > Couleurs > Feuille de style ) :
- Code:
#member_list div { display: inline-block; width: 30%; border :2px solid red; margin: 1%; }
#member_list img { float: right; max-height: 50px; max width: 50px; border:3px solid blue; }
J'ai un rendu similaire :
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Codes membres
Bonjour Ea,
Merci d'avoir répondu
Je vous dirais une réponse mercredi
A bientôt !
Merci d'avoir répondu
Je vous dirais une réponse mercredi
A bientôt !
Invité- Invité
Re: Codes membres
Pas mal mais ...
J'aime pas les contours bleues et rouges, comment les enlevés et aussi un membre a une casse plus grosse
désolé :/
J'aime pas les contours bleues et rouges, comment les enlevés et aussi un membre a une casse plus grosse
désolé :/
Invité- Invité
Re: Codes membres
>contours bleues et rouges
La première ligne CSS agit sur les "blocs" de chaque utilisateur :
La deuxième ligne CSS agit sur les avatars :
On peut ajouter le CSS qu'on souhaite, mais le style des bordures par exemple c'est défini par la propriété "border", une recherche google fournit plusieurs pages expliquant son fonctionnement : https://www.google.com/search?query=border+css ( comment changer la taille, la couleur ou le type de bord ).
>un membre a une casse plus grosse
Pour ce qui est de la taille des blocs, il y a déjà une propriété "width" donc la largeur devrait être la même, par contre il n'y a pas de spécification sur la hauteur donc ça pourrait être différent suivant le contenu.
On pourrait ajouter une spécification en ajoutant par exemple :
à la première ligne de CSS ( j'ai mis une taille au pif, il faudra probablement en choisir une meilleure ).
Cordialement.
La première ligne CSS agit sur les "blocs" de chaque utilisateur :
- Code:
#member_list div { display: inline-block; width: 30%; border :2px solid red; margin: 1%; }
La deuxième ligne CSS agit sur les avatars :
- Code:
#member_list img { float: right; max-height: 50px; max width: 50px; border:3px solid blue; }
On peut ajouter le CSS qu'on souhaite, mais le style des bordures par exemple c'est défini par la propriété "border", une recherche google fournit plusieurs pages expliquant son fonctionnement : https://www.google.com/search?query=border+css ( comment changer la taille, la couleur ou le type de bord ).
>un membre a une casse plus grosse
Pour ce qui est de la taille des blocs, il y a déjà une propriété "width" donc la largeur devrait être la même, par contre il n'y a pas de spécification sur la hauteur donc ça pourrait être différent suivant le contenu.
On pourrait ajouter une spécification en ajoutant par exemple :
- Code:
height: 50px;
à la première ligne de CSS ( j'ai mis une taille au pif, il faudra probablement en choisir une meilleure ).
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Codes membres
J'ai pas vraimeny compris :/
Moi je veux un contour simple et de la même taille
Mais bon j'ai pas torp compris avec les deux codes que vous m'avez montré
Moi je veux un contour simple et de la même taille
Mais bon j'ai pas torp compris avec les deux codes que vous m'avez montré
Invité- Invité
Invité- Invité
Invité- Invité
Re: Codes membres
En ayant suivi le post là : https://forum.forumactif.com/t368475-codes-membres#3120908 vous devez avoir ajouté 2 lignes de CSS.
Mon message précédent donne quelques pointeurs sur comment modifier ces lignes pour changer le style, par exemple en remplaçant red par green la bordure va changer en verte.
Cela dépend de ce que vous voulez, si le lien de recherche google que je vous ai passé ne suffit pas trouvez une couleur ( cherchez "couleur html" sur google ) et vous remplacer "red" ou "blue" par la couleur que vous voulez.
Cordialement.
Mon message précédent donne quelques pointeurs sur comment modifier ces lignes pour changer le style, par exemple en remplaçant red par green la bordure va changer en verte.
Cela dépend de ce que vous voulez, si le lien de recherche google que je vous ai passé ne suffit pas trouvez une couleur ( cherchez "couleur html" sur google ) et vous remplacer "red" ou "blue" par la couleur que vous voulez.
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Codes membres
Bonjour Ea, j'ai compris
Mais ca ne change pas, y'a des avatars trops grand, pouvez vous expliquer svp pour la grandeur (je veux la même taile)
Merci
Mais ca ne change pas, y'a des avatars trops grand, pouvez vous expliquer svp pour la grandeur (je veux la même taile)
Merci
Invité- Invité
Re: Codes membres
désolé du double-post:
Ou on met les couleurs ? Je sais je suis chiant mais ou on met:
- Contour rouge du cadre normal
- Contour bleu du cadre avatar
- Un fond de chaque case
Merci
Ou on met les couleurs ? Je sais je suis chiant mais ou on met:
- Contour rouge du cadre normal
- Contour bleu du cadre avatar
- Un fond de chaque case
Merci
Invité- Invité
Re: Codes membres
Le contour rouge est mis dans la ligne :
avec la partie :
qui signifie : un bord d'une largeur de 2 pixels de type continu ( pas en tiret, pointillé, ... ) et de couleur rouge.
Le contour bleu est mis dans la ligne :
avec la partie :
qui signifie : bord d'une largeur de 3 pixels avec de type continue et de couleur bleu.
On peut mettre un fond en l'ajoutant dans le "{ ... }" de la ligne :
Par exemple du rouge avec une image :
Pour savoir en détail comment modifier une propriété css ( background, border, width, height, ... ), on peut rechercher sur google "css + [nom de la propriété css]".
ps : j'ai mis plusieurs fois "max width" à la place de "max-width", donc les largeurs d'avatars n'étaient pas limitées.
- Code:
#member_list div { display: inline-block; width: 30%; border :2px solid red; margin: 1%; }
avec la partie :
- Code:
border :2px solid red;
qui signifie : un bord d'une largeur de 2 pixels de type continu ( pas en tiret, pointillé, ... ) et de couleur rouge.
Le contour bleu est mis dans la ligne :
- Code:
#member_list img { float: right; max-height: 50px; max-width: 50px; border:3px solid blue; }
avec la partie :
- Code:
border:3px solid blue;
qui signifie : bord d'une largeur de 3 pixels avec de type continue et de couleur bleu.
On peut mettre un fond en l'ajoutant dans le "{ ... }" de la ligne :
- Code:
#member_list div { display: inline-block; width: 30%; border :2px solid red; margin: 1%; }
Par exemple du rouge avec une image :
- Code:
#member_list div { display: inline-block; width: 30%; border :2px solid red; margin: 1%; background: red url(http://i.imgur.com/7AXBcVZ.gif); }
Pour savoir en détail comment modifier une propriété css ( background, border, width, height, ... ), on peut rechercher sur google "css + [nom de la propriété css]".
ps : j'ai mis plusieurs fois "max width" à la place de "max-width", donc les largeurs d'avatars n'étaient pas limitées.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Codes membres
j'ai tout compris sauf ce que j'ai cité pouvez vous dire simplement ? (sinon merci pour le reste ! )Ea a écrit: a écrit:
On peut mettre un fond en l'ajoutant dans le "{ ... }" de la ligne :
- Code:
#member_list div { display: inline-block; width: 30%; border :2px solid red; margin: 1%; }
Par exemple du rouge avec une image :
- Code:
#member_list div { display: inline-block; width: 30%; border :2px solid red; margin: 1%; background: red url(http://i.imgur.com/7AXBcVZ.gif); }
Pour savoir en détail comment modifier une propriété css ( background, border, width, height, ... ), on peut rechercher sur google "css + [nom de la propriété css]".
ps : j'ai mis plusieurs fois "max width" à la place de "max-width", donc les largeurs d'avatars n'étaient pas limitées.
Invité- Invité
Re: Codes membres
J'ai ajouté au code :
C'est une propriété CSS qui permet de spécifier un fond, ici ce sera un fond rouge avec une image https://i.imgur.com/7AXBcVZ.gif au dessus.
Ensuite je dis que pour avoir des informations sur comment modifier, on peut aller sur google et chercher "CSS background" ou "CSS border" ou autre.
Et pour finir, je dis que je me suis trompé dans des codes au dessus et que j'avais mis "max width" ( avec un espace ) alors que j'aurais du mettre "max-width" ( avec un trait d'union ). Cette propriété permet de mettre une largeur maximum ( ici de 50 pixels ) pour qu'il n'y ait pas d'avatar plus large que ça.
Cordialement.
- Code:
background: red url(http://i.imgur.com/7AXBcVZ.gif);
C'est une propriété CSS qui permet de spécifier un fond, ici ce sera un fond rouge avec une image https://i.imgur.com/7AXBcVZ.gif au dessus.
Ensuite je dis que pour avoir des informations sur comment modifier, on peut aller sur google et chercher "CSS background" ou "CSS border" ou autre.
Et pour finir, je dis que je me suis trompé dans des codes au dessus et que j'avais mis "max width" ( avec un espace ) alors que j'aurais du mettre "max-width" ( avec un trait d'union ). Cette propriété permet de mettre une largeur maximum ( ici de 50 pixels ) pour qu'il n'y ait pas d'avatar plus large que ça.
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Sujets similaires
» Codes pour déplacer le bouton "mp" dans les profils membres
» Changer couleur des nouveaux membres dans la liste des membres...
» Comment permettre à tous les membres de voir les membres en ligne
» Mettre son site en page d'accueil sur le navigateur de mes membres et de mes futures membres
» Comment cacher un forum à certains membres et à l'ouvrir à d'autres membres ?
» Changer couleur des nouveaux membres dans la liste des membres...
» Comment permettre à tous les membres de voir les membres en ligne
» Mettre son site en page d'accueil sur le navigateur de mes membres et de mes futures membres
» Comment cacher un forum à certains membres et à l'ouvrir à d'autres membres ?
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