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 !
par Toryudo
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);
      }
   });
});
par Toryudo
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-title
faux 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 Wink



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 ?? 
par bplc
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 tous

j'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"
Tag main-content sur Forum gratuit : Le forum des forums actifs 2410

Pourriez-vous y remédier s’il vous plait ?

D'avance merci

Salutation

Jean Paul
par Aito
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é Embarassed

Ce n'est pas #main-content mais #main qu'il faut écrire Smile
par Miettes
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:
par quad daniel
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.
par Neptunia
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 bouton
je suppose que je pourrai le mettre dans la continuité java avec nouveau lien Ex:
Exemple::

par quad daniel
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 scratch

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
par Invité
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;
}
par MlleAlys
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

Revenir en haut

Sauter vers: