6 résultats trouvés pour i_icon_mini_new_message

Problème couleur nouveau MP

Bonjour !
Si le script ne fonctionne pas, c'est qu'il ne trouve pas l'id #i_icon_mini_new_message
Cet id est mis en place dans la barre classique, c'est le petit icône qui apparait à gauche du lien "Messagerie".

Code:

<a class="mainmenu" href="/privmsg?folder=inbox" rel="nofollow"><img id="i_icon_mini_new_message" class="sprite-icon_mini_message" src="https://2img.net/i/empty.gif" border="0" height="13" hspace="2" alt="1 message non lu" title="1 message non lu" />1 message non lu</a>

Potentiellement, le problème du script peut dépendre de plusieurs choses :

• est-ce que la barre de navigation classique est masquée ou totalement effacée sur les deux forums ? Potentiellement, elle est uniquement masquée sur l'autre site alors qu'elle est effacée sur le site présent
  
  
• si elle est uniquement masquée : dans le panneau d'administration > Affichage > En-tête & Navigation, quand vous sélectionnez "messagerie", est-ce qu'une Image est renseignée ? Si non, ça veut dire pas d'image, donc pas d'id sur l'image (pas d'id #i_icon_mini_new_message du tout). Pour résoudre le problème, il suffira d'en rajouter une. Ou alors, vous pouvez sélectionner "N'afficher que des images dans la barre de navigation :", ça affichera l'id même s'il n'y a pas d'image associée
  

En fonction, si le problème n'est toujours pas résolu, je veux bien l'adresse des deux forums pour voir un peu mieux la différence !

[ModernBB] : supprimer des items de l'en-tête et navigation

Bonjour Fevy, pour retirer le bouton groupes, ajoutez à votre CSS :

Code:

#i_icon_mini_groups{display:none;}

Et voici les identifiants de chaque bouton :


#i_icon_mini_index Id. de l'image du lien Index
#i_icon_mini_calendar Id. de l'image du lien Calendrier
#i_icon_mini_portal Id. de l'image du lien Portail
#i_icon_mini_faq Id. de l'image du lien FAQ
#i_icon_mini_search Id. de l'image du lien Rechercher
#i_icon_mini_members Id. de l'image du lien Membres
#i_icon_mini_groups Id. de l'image du lien Groupes
#i_icon_mini_profile Id. de l'image du lien Profil
#i_icon_mini_message Id. de l'image du lien MP
#i_icon_mini_new_message Id. de l'image du lien Nouveaux MP
#i_icon_mini_logout Id. de l'image du lien Déconnexion
#i_icon_mini_login Id. de l'image du lien Connexion
#i_icon_mini_register Id. de l'image du lien S'enregistrer


Si par exemple vous supprimez 2 boutons, vous pouvez écrire votre code comme ceci, par exemple groupes et s'enregistrer :

Code:

#i_icon_mini_groups,#i_icon_mini_register{display:none;}

Je vous conseillerai aussi de vous rendre dans votre PA>Affichage>Page d'accueil>En-tête & Navigation>Barre de navigation et déplacer les boutons qui ne vous servent pas d'un côté ou de l'autre de la barre de navigation pour éviter d'avoir des espaces inutiles.

Bien à vous.

Widgets simplement sur la page d'accueil du forum

je crois que vous n'avez pas bien compris, JE N"AI AUCUN CODE dans la feuille CSS.
tout est passe dans le PA.....

je veux bien que vous m'expliquer comment supprimer une code que le template genera automatiquement quand on coche une option du PA, et je reconfirme : Je n'ai aucun code dans la feuille CSS qui touche a la largeur des colonnes ! (zut edit pas pris, bon je re edite !)

ma feuille CSS

Spoiler:

---

.

Barre de navigation flottante avec fonctionnalités étendues

bonsoir

[mention]membre [/mention] a écrit:Je souhaite donc que vous confirmiez pour savoir si j'ai bien compris. Ce que vous me proposez est de mettre à la suite dans le template
Code:SÉLECTIONNER LE CONTENU
<a href="URL DU LIEN" alt="NOM DU LIEN"><img src="URL IMAGE BOUTON" /></a>

oui c'est bien cela

[mention]membre[/mention] a écrit:J'ai donc juste à utiliser le positionnement "left", "center", "right" dans la table pour placer mes boutons sur la barre ?

oui aussi pour cela

[mention]membre[/mention] a écrit:Ne puis-je pas garder le nom "navig" (ou éventuellement "navbar") plutôt que "barre nav" pour ce qui se réfère à ma barre de navigation ?

la je ne voie pas le problème une class , une div , peut importe le non , du moment que c'est fonctionnel.

[mention]membre[/mention] a écrit:J'ai aussi ces balises à utiliser normalement pour les boutons qui seront uniquement affichés aux membres :
Code:SÉLECTIONNER LE CONTENU
<!-- BEGIN switch_user_logged_in -->
...
<!-- END switch_user_logged_in -->
Et ceux-ci lorsqu'on est déconnecté, en statut de simple invité.
Code:SÉLECTIONNER LE CONTENU
<!-- BEGIN switch_user_logged_out -->
...
<!-- END switch_user_logged_out -->

comme dis auparavant c'est une ébauche ,rien n'est fini et définitif, il va falloir y aller petit a petit ...(y' a du taf )
ps: si vos permission sont bien en place c'est balise ne servent a rien

[mention]membre[/mention] a écrit:Et l'ajout de ceci dans les scripts pour le bouton de MP qui se transforme en nouveau MP :
Code:SÉLECTIONNER LE CONTENU
jQuery().ready(function(){
var newmp = $("{#}i_icon_mini_new_message{/#}");
if(!newmp.length) return;
$("{#}mp{/#}").attr('src','URL DE L'IMAGE');
});

si vous n'avez pas la barre Fa toolbar , surement que oui ( a confirmer !)

[mention]membre[/mention] a écrit:Enfin, créer sa propre barre ne requiert-il pas de cacher la visibilité de la barre par défaut ?
Code:SÉLECTIONNER LE CONTENU
<div style="visibility:hidden">{GENERATED_NAV_BAR}</div>

pour cela le temps sera venu de la changer a la fin , quand l'autre sera fonctionnel .
par exemple avec un petit css

Code:

a.mainmenu{display:none;}

tous simplement .

et pour finir

[mention]membre[/mention] a écrit: je demande de l'aide pour comprendre et savoir faire quelque chose, pas pour du tout cuit à copier/coller. Le but c'est d'acquérir un réel savoir et de travailler mes connaissances en codage. :/

a bon habituellement c'est le contraire , et même des fois ,plus de nouvelle de l'auteur ,une fois la réponse obtenue. ... by , by et pas de merci , heureusement que tous le monde n'est pas comme ça.

ps:au vue de votre réponse , je pense arrêter la votre aide , a ce moment la il vous faut plus un aidactif de forumactif .. qui sont bien plus professionnel que moi ,simple amateur de base ...

bonne continuation a vous ,et a bientôt .

probleme avec CSS pour une barre de navigation avec boutons reactifs

merci de votre reponse
Voici le copier coller de mon CSS

}
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/accu10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/acceui10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/calen10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_calendar:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/calend12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/faq110.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/faq10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/sans_t26.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_search:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/recher13.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/membr10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/membre11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/prof10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/profil12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/messag11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/messag12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/mp11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/16217514.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/decone11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/deconn11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/enregi10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/enreg10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/connex10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
background-image:url('https://i.servimg.com/u/f39/18/25/38/32/connex11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}



Pour l etape 3 !! oui j ai bien rentrer dans le panneau des images cette formule (empty)

Inscrutation d'une image de fond à la barre de Nav + changement au survol

[mention]Nyko-neko[/mention] a écrit:merci, si je demandais de l'aide c'est que j'ai justement déja cherché

Bonjour Je me suis dit aussi ???? !

Code CSS :

PA/Affichage/Images et couleurs/couleurs/Feuille de style CSS
remplacer ce qui est en rouge dans le code css par les url des images.

Et voici les images pour une barre de navigation en ruban qui change au passage de la souris :

Images:

En espérant vous avoir aidé ?
Cordialement
P-J