Codes membres

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

Résolu Codes membres

Message par Invité le Dim 1 Juin 2014 - 17:27

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


Dernière édition par MB_Eevee le Sam 21 Juin 2014 - 15:34, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Neptunia le Dim 1 Juin 2014 - 17:58

Bonjour ^^

Je pense que vous faites allusion aux listes de membres sur les forums Invision

Pourriez vous nous fournir une capture écran ?

Neptunia
+ Hyperactif +

Féminin
Messages : 10398
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: Codes membres

Message par Invité le Dim 1 Juin 2014 - 18:08

Mes captures d'écrans bugent:

mais j'ai un lien

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Neptunia le Dim 1 Juin 2014 - 18:52

Le lien ne sert pas à grand chose, il faut être connecté Sad

Neptunia
+ Hyperactif +

Féminin
Messages : 10398
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: Codes membres

Message par Invité le Dim 1 Juin 2014 - 19:25

Les captures d'écrans ne fonctionnent pas chez moi
Je ne peux pas télécharger
Mais bon je vais essayer -_-

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Dim 1 Juin 2014 - 19:32

J'ai fait le maximum et cela a porté ces fruits:


Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Jeu 5 Juin 2014 - 15:37

Up

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Lun 9 Juin 2014 - 11:29

Up

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Mar 10 Juin 2014 - 15:38

Un petit up

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Ven 13 Juin 2014 - 13:37

4eme Up

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Sam 14 Juin 2014 - 15:35

Un petit up les amis =D

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Ea le Sam 14 Juin 2014 - 23:17

Bonjour,


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">&nbsp;{memberrow.ROW_NUMBER}&nbsp;</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">&nbsp;{memberrow.PM_IMG}&nbsp;</td>
      <td class="{memberrow.ROW_CLASS}" align="center">&nbsp;{memberrow.WWW_IMG}&nbsp;</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
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Lun 16 Juin 2014 - 14:31

Bonjour Ea,

Merci d'avoir répondu Smile
Je vous dirais une réponse mercredi

A bientôt !

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Mer 18 Juin 2014 - 14:16

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é :/

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Ea le Mer 18 Juin 2014 - 14:41

>contours bleues et rouges

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
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Mer 18 Juin 2014 - 15:52

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é

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Jeu 19 Juin 2014 - 15:42

Up

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Sam 21 Juin 2014 - 14:23

ip

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Ea le Sam 21 Juin 2014 - 14:33

En ayant suivi le post là : http://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.

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Sam 21 Juin 2014 - 14:41

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 Smile

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Sam 21 Juin 2014 - 14:45

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Codes membres

Message par Ea le Sam 21 Juin 2014 - 14:57

Le contour rouge est mis dans la ligne :

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
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes membres

Message par Invité le Sam 21 Juin 2014 - 15:01

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.
 j'ai tout compris sauf ce que j'ai cité pouvez vous dire simplement ? (sinon merci pour le reste ! Smile )

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Codes membres

Message par Ea le Sam 21 Juin 2014 - 15:16

J'ai ajouté au code :

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 http://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
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea 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