Rubrique petites annonces (rajouter l'option Vends ou Recherche)

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

Résolu Rubrique petites annonces (rajouter l'option Vends ou Recherche)

Message par adrien_69 le Ven 12 Juin 2015 - 15:49

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.passionlachasse.com

Description du problème

Bonjour à tous,

Je dispose d'une rubrique petites annonces sur mon forum et j'aimerais rajouter si possible une option aux utilisateurs de mon forum !

Quand il poste une annonce, j'aimerais qu'il ai la possibilité de choisir Vends ou Recherche ce qui ajouterais automatiquement un tag "VENDS" ou "RECHERCHE" devant le titre de leurs annonces.

On le fait manuellement, mais je me demande si je n'ai pas la possibilité de le faire via un code ?

Merci.

Cordialement, Adrien.


Dernière édition par adrien_69 le Dim 14 Juin 2015 - 19:13, édité 1 fois

adrien_69
****

Masculin
Messages : 233
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Rubrique petites annonces (rajouter l'option Vends ou Recherche)

Message par horusbk le Sam 13 Juin 2015 - 1:47

Bonjour^^

Vous pouvez déjà commencer par des icônes de messages qui peuvent être sélectionné lors de la création d'un nouveau sujet. Par exemple, sur ce forum ils ont cette apparence : résolu en cours Topic Unique Tuto AstuceWarning Vous ne pouvez pas réutiliser ces images.


Pour installer vos futurs icônes de message c'est par ici :
Panneau d'administration  Right Affichage Right Images & Couleurs Right Gestion des images Right Mode avancé Right icônes de messages.

Cliquez sur le bouton : CRÉER

::fleur:: Mettez un nom à votre icône : (exemple : Recherche)
::fleur:: Mettez l'adresse de votre icône : (exemple http://user.oc-static.com/icones/339001_340000/339390.png)
::fleur:: Choisissez le niveau d'autorisation : Tous/Membres/Modérateurs/Admins (c'est-à-dire à partir de quel rend le membre peut utiliser l'icône)
::fleur:: Utilisez par défaut : (dans le cas où vous voulez qu'il soit directement associé à une annonce, note ...).

Faîtes cette méthode autant de fois que nécessaire pour vos images (max: 25) et n'oubliez pas d'  :enreg: !

Voici ce que cela pourrait donner dans votre forum :
 Le panier correspond à l'option "vends" et la loupe à l'option "recherche". 

Il est possible d'attribuer une identité à l'icône de message et de l'afficher en début de titre. Sachant que, si l'icône devait à être changé, son identité le serait également.

C'est-à-dire que nous voulons arriver à quelque chose du genre :


Retournez dans le Panneau d'administration  Right Affichage Right Images & Couleurs Right Gestion des images Right Mode avancé Right icônes de messages.

Faîtes un clic droit sur la première image et cliquer sur "enregistrer le lien de l'image" comme ci-dessous :
Spoiler:
Coller cette adresse d'image dans un bloc-note, word ... mais surtout garder-là précieusement.

Nous allons maintenant créer un Java Script :
Panneau d'administration Right Modules Right HTML & JAVASCRIPT Right Gestion des codes Javascript Right Codes Javascript.

Créer un nouveau code java script.
Mettre le titre de votre choix.
Cocher sur les sous-forum.

Mettez-y ce code :
Code:

$(function(){
    $(function(){
 $('img[src="LIEN DE L IMAGE 1"]').closest('tr').addClass('NOM DE L ICONE 1');

 $('img[src="LIEN DE L IMAGE 2"]').closest('tr').addClass('NOM DE L ICONE 2');
    })});

Like a Star @ heaven VOTRE LIEN DE L IMAGE : à remplacer par le lien de l'icône que nous avons copier précédemment. IMAGE 1 pour la fonction recherche et IMAGE 2 pour vends par exemple.
Like a Star @ heaven NOM DE L ICONE : l'identité que vous allez donner à l'icône de message, par exemple : "recherche".

N'oubliez pas d' :enreg: votre code.

Ensuite, c'est avec du CSS que nous allons donner un style à cette modification :
Panneau d'administration Right Affichage Right Images et Couleurs Right Couleurs Right Feuille de style CSS.

Mettez-y ce code et effectuer les modifications comme précisé ci-dessous :
Code:
tr.NOM DE L ICONE 1 .topic-title:before
{
content:'NOM DE L ICONE 1';
margin-right:10px;
color:#CODE_COULEUR;
}
tr.NOM DE L ICONE 2 .topic-title:before
{
content:'NOM DE L ICONE 2';
margin-right:10px;
color:#CODE_COULEUR;
}

Like a Star @ heaven NOM DE L ICONE 1 / NOM DE L ICONE 2 : mettez exactement le même texte que celui mis dans le Java Script où jamais mis "NOM DE L ICONE 1" ou "NOM DE L ICONE 2". Remplacer dans les deux endroits après le ".tr" et après le "content:' " dans les deux cas.
Like a Star @ heaven CODE_COULEUR : mettez le code couleur de votre choix.

J'espère que cette solution vous conviendra, un peu longue à mettre en place mais elle vous évitera d'éditer le titre de votre sujet.

Si vous voulez commander des icônes de sujet pour votre forum, c'est possible gratuitement via la section graphique par le générateur de commande.

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rubrique petites annonces (rajouter l'option Vends ou Recherche)

Message par adrien_69 le Sam 13 Juin 2015 - 10:21

Bonjour,

Meci pour votre reponse. C'est vraiment sympathique.

Est ce possible d'appliquer cela uniquement au forum petites annonces ou cela va l'appliquer à tous les forums ?

Merci !

adrien_69
****

Masculin
Messages : 233
Inscrit(e) le : 09/02/2005

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

Résolu Re: Rubrique petites annonces (rajouter l'option Vends ou Recherche)

Message par horusbk le Sam 13 Juin 2015 - 19:04

Bonjour^^

Cela va appliquer les icônes à tous le forum, je ne connais pas d'astuce permettant de les limiter à un seul forum. Après cela peut faire un petit travail pour vos modos d'éditer les messages des autres forum ayant ces icônes Wink

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rubrique petites annonces (rajouter l'option Vends ou Recherche)

Message par adrien_69 le Dim 14 Juin 2015 - 19:12

Merci pour tout. J'ai opté pour ce système ! Very Happy

adrien_69
****

Masculin
Messages : 233
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 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