Mettre le visuel "new message" a droite sur l'index

2 participants

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

Résolu Mettre le visuel "new message" a droite sur l'index

Message par Gourmandises Jeu 24 Avr 2014 - 18:50

Re, c'est encore moi, une dernière question et je vous embête plus ..

alors voila, grace a votre aide j'ai ceci sur mon index : 

Mettre le visuel "new message" a droite sur l'index Screen14

J'ai retiré toous les boutons qui s'affiche à gauche ( pas de message, nouveau message, vérouillé) 
donc c'est vide..
Ce que je voudrais bien faire c'est avoir un seul bouton pour "new message" mais a droite..
un peu comme ceci :

Mettre le visuel "new message" a droite sur l'index Screen15

J'ai fais ça avec photoshop, je souhaiterais qu'on m'aide a trouver un code pour pouvoir
obtenir comme sur mon modèle, et pour la mise en forme css je pourrais reprendre celle 
du cadre des catégories .. 

merci encore une fois pour votre aide 

http://secrets.fra.co
PHPBB2
fondatrice
template modifiés

merci


Dernière édition par Gourmandises le Ven 25 Avr 2014 - 16:38, édité 2 fois
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Self Jeu 24 Avr 2014 - 19:49

Re,

Essayez donc d'ajouter le script suivant sur l'index :
(Panneau d'administration > Modules > HTML & JAVASCRIPT > Gestion des codes javascript > Créer un nouveau javascript sur l'index)
Code:
$(function() {
    $('img[src="http://2img.net/i/fa/empty.gif"]').closest('tr .derniers_sujets').before('<div class="newpost">N<br />E<br />W</div>');
});

Avec le CSS suivant :
(Panneau d'administration > Affichage > Images et couleurs > Couleurs >Feuille de style CSS)
Code:
.newpost{
    width:15px;
    float:left;
    border: 1px solid #71666D;
    font-size:11px;
}
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Gourmandises Ven 25 Avr 2014 - 7:46

bonjour, 
merci pour ton aide 

j'ai installé les deux codes..

Comme le forum est pour l'instant vide, j'ai créé un autre compte
donc je me connecte avec ce nouveau compte et je pote deux messages
puis je reprends le compte fondateur mais je ne vois pas de bouton ... 

je ne saurais dire si ça fonctionne  scratch
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Self Ven 25 Avr 2014 - 13:28

Bonjour,

J'ai créer un compte sur votre forum afin de mieux tester, pouvez vous poster un nouveau message ?

Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Gourmandises Ven 25 Avr 2014 - 13:46

re, 
oui je viens de retourner sur le forum
je vais poster un message dans le coin papotage
merci a vous
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Self Ven 25 Avr 2014 - 14:14

Bonjour,

Je ne vois pas le javascript sur votre page, dans la gestion des codes javascript (Panneau d'administration > Modules > HTML & JAVASCRIPT > Gestion des codes javascript), comment avez vous mis en place le code ?
Avez vous cochez oui à l'option "Activer la gestion des codes Javascript :" ? si non, faite le et enregistrez.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Gourmandises Ven 25 Avr 2014 - 14:19

ah mince j'avais pas coché la case je suis désolé  Embarassed 
je vois bien le bouton maintenant , sauf qu'il ne disparait plus, même quand je lis les messages ..
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Self Ven 25 Avr 2014 - 14:51

Bonjour,

Vos images pour "pas de nouveaux messages" et "nouveaux messages" sont les mêmes, il faut changez l'image de vos nouveaux messages, par exemple par celle-ci : https://maps.gstatic.com/mapfiles/markers2/dd-via-transparent.png

Puis remplacez le script par celui-ci :
Code:
$(function() {
    $('img[src="https://maps.gstatic.com/mapfiles/markers2/dd-via-transparent.png"]').closest('tr .derniers_sujets').before('<div class="newpost">N<br />E<br />W</div>');
});
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Gourmandises Ven 25 Avr 2014 - 14:55

merci, je vais tester..
mais je n'ai aucune image ..je les avais deja toutes otées ..
je dois en avoir une ?
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Gourmandises Ven 25 Avr 2014 - 14:59

dsl pour le double post
voila j'ai mis l'image et j'ai changé le script
j'ai aussi changé de compte mais je ne vois pas "new" s'afficher
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Self Ven 25 Avr 2014 - 15:32

Bonjour,

ceci devrait fonctionner :
Code:
$(function() {
    $('img[src="https://maps.gstatic.com/mapfiles/markers2/dd-via-transparent.png"]').parent().next().next().children().before('<div class="newpost">N<br />E<br />W</div>');
});
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Gourmandises Ven 25 Avr 2014 - 15:45

voila je l'ai changé ..
j'ai testé mais rien ..

sinon c'est pas grave, je ne vais pas vous embeter plus longtemps avec ça..
je vais mettre un tout petit bouton a gauche tant pis 

merci a vous pour votre patience
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Self Ven 25 Avr 2014 - 15:51

Moi je le vois Smile , cependant vous avez oublié de remplacer l'image du champs : "Forum - Nouveau :" dans la gestion des images (Panneau d'administration > Affichage > Images et couleurs > Gestion des images > Mode avancé > icônes du forum (onglet))
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Gourmandises Ven 25 Avr 2014 - 16:09

Sad même avec la technique la plus classique qui soit ça ne marche même plus ..
j'ai désactivé le javascript
j'ai mis les images dans toutes les cases " nouveaux messages" 
j'ai oté le css pour le bouton "new" que je voulais mettre
bref, j'utilise simplement la methode : Affichage > Images et couleurs > Gestion des images > Mode avancé > icônes du forum   
et ça ne marche pas  Sad  Sad  ... je sais plus quoi faire ...
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Self Ven 25 Avr 2014 - 16:13

Re,

Cela fonctionne bien chez moi, je vois le NEW en rouge tout à gauche.
EDIT: je croyais que vous aviez supprimé la colonne qui contient ces images mais étant donnée que c'est pas le cas (je suis un peu long à la détente ^^), il vous suffit de changer celle-ci de place dans votre template index_box :

Repérez ce passage :
Code:
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
Copiez le, suprrimez le et placez le après ce passage :
Code:
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>

Cordialement Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Gourmandises Ven 25 Avr 2014 - 16:22

bon, alors ça viens de moi ..
pourtant j'ai vidé le cache hier ( opera déconnait ..) 

bon ben alors merci a ous, je vais essayer de voir pk moi je ne le vois pas  scratch 

merci infiniment pour votre patience 
c'est tres gentil 

EDIT : je vais tester ça tout de suite  Very Happy
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le visuel "new message" a droite sur l'index

Message par Gourmandises Ven 25 Avr 2014 - 16:37

re, 

donc voila, je vous remercie vraiment beaucoup pour votre implication
il ne me reste qu'a changer le bouton maintenant 
je suis ravie 

merci encore et bonne soirée  Very Happy 

je met résolu
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum