La date/heure actuelle est Ven 26 Avr 2024 - 20:09
10 résultats trouvés pour main-content
Comment dissocier les couleurs de texte ?
Bonjour !Et c'est reparti, encore une fois réorganisés par groupe :
- La date/heure actuelle : Template privmsgs_body, {LAST_VISIT_DATE}
- Dernière visite : Template privmsgs_body, {CURRENT_TIME}
- Historique des messages privés : Template privmsg_topic_review, {L_TOPIC_REVIEW}
- Les liens pour revenir sur les catégories précédentes : vous avez déjà ce qu'il faut dans le Template, changer juste le CSS de .topic-actions p (pour les :: ) et .topic-actions a.nav
- Sauter vers : vous avez déjà ce qu'il faut dans le Template, changer juste le CSS de .vf_jumpbox label
- Le nombre de participants : vous avez déjà ce qu'il faut dans le Template, changer juste le CSS de .poster-count
- Le page X sur Y : vous avez déjà ce qu'il faut dans le Template, changer juste le CSS de .pagination
- Le numéro des pages dans les petits rectangles : vous avez déjà ce qu'il faut dans le Template, changer juste le CSS de #main-content .pagination span a
- Le descriptif des icônes : vous avez déjà ce qu'il faut dans le Template, changer juste le CSS de #privmsgs-menu li et #privmsgs-menu li a
- Lorsque l'on rentre dans un message : vous avez déjà ce qu'il faut dans le Template, changer juste le CSS de h1.page-title
- Pour le menu plus, on a dit fond foncé (j'ai mis noir, vous pouvez juste changer la valeur de la couleur) :
- Code:
#plus_menu {
background: #000;
}
- Et enfin, pour le petit espace dans la liste des MP, on va aller dans le Template privmsgs_body, et modifier la ligne suivante :
- Code:
<a href="{listrow.U_READ}" class="topictitle">{listrow.MSG_UNANSWERED}{listrow.SUBJECT}</a><br />
Pour mettre à la place :- Code:
<a href="{listrow.U_READ}" class="topictitle" style="margin: 0 5px">{listrow.MSG_UNANSWERED}{listrow.SUBJECT}</a><br />
Je n'ai rien oublié normalement !
- le Mar 14 Nov 2023 - 19:28
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Comment dissocier les couleurs de texte ?
- Réponses: 9
- Vues: 402
Problème d'application de la couleur d'un groupe à un bloc
Bonjour !Plusieurs petits problèmes dans votre script :
- Code:
$('#main-content').each(function(){
Ici, vous faites un each (une boucle) sur un élément #main-content présent une seule fois sur la page. Je suppose que vous voudriez plutôt faire une boucle sur chacun des posts, donc on change plutôt ça en .post.
- Code:
var a = $('div[class*="post--"]').find('a[href^="/u"] span').css('color');
Ici, vous récupérez la couleur d'un membre d'un post, mais comme vous ne précisez pas quel post... alors vous obtenez la couleur du membre du premier post trouvé dans toute la page. Toujours le même donc. Quand on est dans une boucle et qu'on veut trouver l'élément associé à l'élément sur lequel on boucle, on part toujours de $(this).
Enfin, niveau optimisation, pas besoin de faire deux fois le même if, on peut mettre les deux instructions dans le même. Ça nous donne donc au final ce script corrigé :
- Code:
$(function(){
$('.post').each(function(){
var a = $(this).find('a[href^="/u"] span').css('color');
if(a){
$(this).find('.topic-date').css('background-color', a);
$(this).find('.postheadLINKS i').css('color', a);
}
});
});
- le Jeu 7 Avr 2022 - 11:10
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Problème d'application de la couleur d'un groupe à un bloc
- Réponses: 3
- Vues: 435
Faire apparaitre du contenu html avec du CSS, ou JS
Donc on est sur du : dd.dterm h2 / .icon dd.dterm .table-titlefaux trouver un moyen de sélectionner celui que l'on veux maintenant, je vous l'envoie quand je le trouve ^^
Si on pouvais sélectionner un élément parent ce serais plus facile :/ voir avoir un ID
Pour être plus précis on est sur : .forabg ul.topiclist li.header dl.icon dd.dterm div.table-title h2
Alors maintenant comment faire pour sélectionner notre élément ??
Si je dit pas de bêtise, on peux toujours faire un "replace" en JS, mais c'est pas propre.
Donc si je comprend bien on a :
- un DIV #main-content
- qui contient des DIV .forabg pour chaque section
- qui contiennent 2 UL .topiclist et .topiclist forums
Perso je gère mal les cascades et encore plus quand on peux pas assigner un ID.
Note HS avec un : dd.dterm [href^='/f19'] On peux agir sur le titre dans la version web et mobile avec le CSS.
Si le Js le permet ne pourrais t'on pas affecter une class CSS ou un ID a un élément parent et problème résolu ??
- le Mer 5 Jan 2022 - 18:27
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Faire apparaitre du contenu html avec du CSS, ou JS
- Réponses: 37
- Vues: 1299
code css sur la forme des avatars
Bonsoir a tousj'ai voulu, comme sur forumactif actuellement, donner une forme arrondi aux avatars de profil en récupérant ce code ccs :
#main-content > .post .postprofile dt img, .lastpost-avatar {
background:#FFF;
height:100px;
width:100px;
border-radius:100px;
box-shadow:0 2px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
padding:3px;
}
.lastpost-avatar, .lastpost-avatar img {
height:34px;
width:34px;
}
Hélas, lorsque je valide, une doublette d'avatar s’installe dans la colonne "derniers messages"
Pourriez-vous y remédier s’il vous plait ?
D'avance merci
Salutation
Jean Paul
- le Mer 9 Mar 2016 - 17:33
- Rechercher dans: Archives des problèmes avec un code
- Sujet: code css sur la forme des avatars
- Réponses: 5
- Vues: 911
Séparation messages et alternance couleur
J'ai mal cibléCe n'est pas #main-content mais #main qu'il faut écrire
- le Mer 9 Mar 2016 - 14:58
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Séparation messages et alternance couleur
- Réponses: 20
- Vues: 1059
merci uniquement sur une Catégorie
bonjour;l'écriture de l’appellation Merci pour l'aide peut elle apparaître a tous après clic sur le bouton merci ?
- mon java:
$(function(){
// ON MASQUE LE BOUTON MERCI
$('img[src="https://2img.net/s/t/13/85/86/i_icon_thanks_off.png"]').closest('a').hide();
//ATTRIBUTION D UNE CLASS A L ID main-content
$('a.nav[href="/f93-probleme-sur-le-forum"]').closest('#main-content').addClass('M14_Merci_hide');
$('a.nav[href="/f9-mecanique-generale"]').closest('#main-content').addClass('M14_Merci_hide');
});
$(function(){
// SI ON A LA CLASS M14_Merci_hide ALORS ON AFFICHE LE BOUTON MERCI
$('#main-content.M14_Merci_hide').find('img[src="https://2img.net/s/t/13/85/86/i_icon_thanks_off.png"]').closest('a').show();
$('img[src="https://2img.net/s/t/13/85/86/i_icon_thanks_on.png"]').replaceWith('<span style="background:black;padding:2px 3px;margin-right:10px;color:#00ff00;">l\'auteur du sujet vous remercie pour votre aide</span>');
});
- le Sam 21 Nov 2015 - 9:22
- Rechercher dans: Archives des problèmes avec un code
- Sujet: merci uniquement sur une Catégorie
- Réponses: 31
- Vues: 2241
merci uniquement sur une Catégorie
quad daniel a écrit:plus tard je mettrai également la section mécanique général en plus avec le bouton
je suppose que je pourrai le mettre dans la continuité java avec nouveau lien
Pour ma part je pense qu'on pourrait faire bien plus court
$(function(){
// ON MASQUE LE BOUTON MERCI
$('img[alt="Merci"]').closest('a').hide();
//ATTRIBUTION D UNE CLASS A L ID main-content
$('a.nav[href="/f93-probleme-sur-le-forum"]').closest('#main-content').addClass('M14_Merci_hide');
$('a.nav[href="/f9-mecanique-generale"]').closest('#main-content').addClass('M14_Merci_hide');
});
$(function(){
// SI ON A LA CLASS M14_Merci_hide ALORS ON AFFICHE LE BOUTON MERCI
$('#main-content.M14_Merci_hide').find('img[alt="Merci"]').closest('a').show();
});
Je n'ai rajoutée qu'une seule ligne (en gras)
Milouze14 a écrit:Re,
si tu ne peux plus sur un forum spécifique je ne vois plus l'utilité d'avoir l'astuce !!!!!
a++
Moi je vois de suite l'intérêt de la chose, imagine par exemple que le FdF veuille enlever le bouton Merci de certaines sections pour ne le laisser que là où le support est assuré.
Cela dit, quad daniel, cela aurait été préférable de le dire dès l'ouverture du sujet, si la fonction doit s'appliquer à un seul, quelques uns, la moitié ou presque tous les sous-forums le code proposé (du moins la stratégie utilisée) est susceptible de grandement varier.
- le Ven 20 Nov 2015 - 17:27
- Rechercher dans: Archives des problèmes avec un code
- Sujet: merci uniquement sur une Catégorie
- Réponses: 31
- Vues: 2241
merci uniquement sur une Catégorie
plus tard je mettrai également la section mécanique général en plus avec le boutonje suppose que je pourrai le mettre dans la continuité java avec nouveau lien Ex:
- Exemple::
- $(function(){
// ON MASQUE LE BOUTON MERCI
$('img[alt="Merci"]').closest('a').hide();
//ATTRIBUTION D UNE CLASS A L ID main-content
$('a.nav[href="/f93-probleme-sur-le-forum"]').closest('#main-content').addClass('M14_Merci_hide');
});
$(function(){
// SI ON A LA CLASS M14_Merci_hide ALORS ON AFFICHE LE BOUTON MERCI
$('#main-content.M14_Merci_hide').find('img[alt="Merci"]').closest('a').show();
});
$(function(){
// ON MASQUE LE BOUTON MERCI
$('img[alt="Merci"]').closest('a').hide();
//ATTRIBUTION D UNE CLASS A L ID main-content
$('a.nav[href="/f9-mecanique-generale"]').closest('#main-content').addClass('M14_Merci_hide');
});
$(function(){
// SI ON A LA CLASS M14_Merci_hide ALORS ON AFFICHE LE BOUTON MERCI
$('#main-content.M14_Merci_hide').find('img[alt="Merci"]').closest('a').show();
});
- le Ven 20 Nov 2015 - 16:18
- Rechercher dans: Archives des problèmes avec un code
- Sujet: merci uniquement sur une Catégorie
- Réponses: 31
- Vues: 2241
Arrondir toutes les parties d'un forum Punbb
Ok merci ^^La partie {#}main{/#} et {#}main-content{/#} ont une teinte différente, ça se voit.. hum comment faire
Il n'est pas possible d'éviter que cette petite zone en bas ce rajoute lorsque l'on ajoute le bord gris apparemment?
Edit: en fait la couleur du bord s'applique à la partie {#}main{/#} et {#}main-content{/#}.. il faudrait quelle ne s'applique pas à la partie {#}main{/#}.
Enfin je m'essaye lol
- le Sam 27 Juin 2015 - 2:35
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Arrondir toutes les parties d'un forum Punbb
- Réponses: 17
- Vues: 1534
Arrondir toutes les parties d'un forum Punbb
Aplliquez votre code à #main-content plutôt qu'à #main ^^ce qui donne :
- Code:
#main-content {
border-color: grey;
border-radius: 0 0 8px 8px;
border-style: solid;
border-width: 1px;
box-shadow: 1px 1px 1px grey;
}
- le Sam 27 Juin 2015 - 2:29
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Arrondir toutes les parties d'un forum Punbb
- Réponses: 17
- Vues: 1534