Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB

Membres connectés récemment
Voir tous les membres

[PhpBB2] css sur le bloc contenant les liens du profil


3 participants

 :: Astuces Forumactif :: Les sujets résolus

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

Sujet résolu [PhpBB2] css sur le bloc contenant les liens du profil

1
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mar 29 Oct 2019 - 20:35

  • Version du forum :
    PhpBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Opera
Bonjour Philippe, 
comme tu le vois, je te sollicite souvent en ce moment [PhpBB2] css sur le bloc contenant les liens du profil Icon_redface

je suis en train d'appliquer un style aux liens de la page profil

[PhpBB2] css sur le bloc contenant les liens du profil Pour_p14

avec ce css
Code:
a[href^="/u"].mainmenu {
    background: linear-gradient(#4f7801,#182400);
    border: 3px double #182400;
    box-shadow: inset 0 -1px 0 #000, 0 0 0 #000;
    color: #fff;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}

ce css fonctionne hormis lorsque le texte du lien passe en strong.

Aurais tu une idée pour appliquer également le style dans cette configuration ?

Petite question annexe :
Aurais tu une idée pour supprimer les séparateurs cad | entre chaque bouton (ils sont présents également lorsque l'on passe par le bouton profil de la navbar)?
en modifiant color: #fff; en color: transparent!important; je supprime  bien les séparateurs mais également le texte du bouton contenant la balise strong.

Merci par avance pour ton aide et, rien ne presse.


Dernière édition par fascicularia le Mer 30 Oct 2019 - 14:48, édité 1 fois

Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

2
Splash
Splash
https://lesforums.caforum.fr

MessageSplash Mar 29 Oct 2019 - 20:54

Hi Stéphane,

Dans le template la ligne a trouver est celle-ci :
Code:
<td align="right" valign="bottom" width="100%" nowrap="nowrap"><span class="gen"><a class="mainmenu  " href="/u1wall">Messages des visiteurs</a> | </span><span class="gen"><a class="mainmenu  " href="/u1">Profil</a> | </span><span class="gen"><a class="mainmenu  " href="/u1stats">Statistiques</a> | </span><span class="gen"><strong>Amis</strong> | </span><span class="gen"><a class="mainmenu  " href="/u1contact">Contact</a></span></td>

Supprime tous les |

Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

3
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mar 29 Oct 2019 - 21:23

Bonjour et merci splash ,
mais, dans quel template? j'ai cherché cette séquence dans les templates du profil sans la trouver.

Je suis en phpbb2 et, le profil est en mode avancé.

Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

4
Splash
Splash
https://lesforums.caforum.fr

MessageSplash Mar 29 Oct 2019 - 21:25

Yes, justement je regarde sur mon forum en phpBB2.
Sans succès pour l'instant

Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

5
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mar 29 Oct 2019 - 21:28

Il me semble qu'il y a une variable pour les séparateurs en phpbb2 mais pas moyen de mettre la main dessus.

Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

6
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 30 Oct 2019 - 4:06

Hello Stéphane,

La variable est la suivante les amis et on la trouve un peu partout dans les templates:

Code:
{UCP_TABS}
cette c.s.s devrait fonctionner en cumulant avec l'actuelle:

Code:
a[href^="/u"].mainmenu,td[width="100%"][valign="bottom"] span.gen strong{
    background: linear-gradient(#4f7801,#182400);
    border: 3px double #182400;
    box-shadow: inset 0 -1px 0 #000, 0 0 0 #000;
    color: #fff;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}

Ensuite peut être ce script pour supprimer les barres verticales:




Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.

Déposer ceci:
Code:

$(function(){
$('.three-col span.gen').each(function(){
$(this).html($(this).html().replace(/\|/, ''));});});

Penser a cliquer sur le bouton Valid

Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

7
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mer 30 Oct 2019 - 13:12

Bonjour Philippe, 
cela fonctionne à merveille.

 Un grand merci pour cette aide.

edit :
le js entre en conflit avec un autre js

Code:
/* supprimer les séparateurs sur la partie profil*/
$(function(){
$('.three-col span.gen').each(function(){
$(this).html($(this).html().replace(/\|/, ''));});});

celui qui beug

Code:
/*Sujet similaires à la création du topic*//
\?f=\d+&mode=newtopic/.test(window.location.search) && $(function() {
  var s = document.getElementsByTagName('INPUT'),i;
  for (i=0; i<s.length; i++) {
    if (/subject/.test(s[i].name)) {
      var d = document.createElement('DIV');
      d.innerHTML = '<div class="h3">Topics similaires</div><div id="topicSimilar">Aucun sujet similaire..</div>';
      s[i].parentNode.appendChild(d);
      s[i].onkeyup = function() {
        if (this.value.length > 3) $('#topicSimilar').load('/search?search_keywords='+encodeURIComponent(this.value)+' a.topictitle', function() {
          $(this).find('a').attr({'target' : '_blank', 'style' : 'display:block'});
        });
        else $('#topicSimilar').html('Aucun sujet similaire.');
      }
    }
  }
});


Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

8
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 30 Oct 2019 - 17:03

Hello Stéphane,
tu peux tester ce script en remplacement :

Code:
$(function(){
      /*Sujet similaires à la création du topic*//
        \?f=\d+&mode=newtopic/.test(window.location.search)&&$(function() {
      var s = document.getElementsByTagName('INPUT'),i;
      for (i=0; i<s.length; i++) {
        if (/subject/.test(s[i].name)) {
          var d = document.createElement('DIV');
          d.innerHTML = '<div class="h3">Topics similaires</div><div id="topicSimilar">Aucun sujet similaire..</div>';
          s[i].parentNode.appendChild(d);
          s[i].onkeyup = function() {
            if (this.value.length > 3) $('#topicSimilar').load('/search?search_keywords='+encodeURIComponent(this.value)+' a.topictitle', function() {
              $(this).find('a').attr({'target' : '_blank', 'style' : 'display:block'});
            });
            else $('#topicSimilar').html('Aucun sujet similaire.');
          }
        }
      }
    });
});




Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

9
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mer 30 Oct 2019 - 17:12

Bonjour Philippe,
le script de remplacement ne fonctionne pas et me fait beuguer plusieurs autres scripts
j'ai remonté le /*Sujet similaires à la création du topic*// au dessus de $(function(){


Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

10
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 30 Oct 2019 - 18:04

Je vais essayer de trouver une autre solution pour remplacer le script suivant:
Code:

$(function(){
$('.three-col span.gen').each(function(){
$(this).html($(this).html().replace(/\|/, ''));});});


J'ai vu que tu vais attribué une div ayant la class"UCP_TABS_profil":


Le script interprété ainsi ne devrait plus poser de problème:

Code:
$(function(){
$('.UCP_TABS_profil span.gen').each(function(){
$(this).html($(this).html().replace(/\|/, ''));});});


Pour visualiser la page d'un profil:

Code:
 if(location.pathname.match(/^\/u[0-9]*/))
 {
  $(function(){
$('.three-col td[valign="top"] td[align="right"] span.gen').each(function(){
$(this).html($(this).html().replace(/\|/, ''));});});

 
 }

Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

11
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Jeu 31 Oct 2019 - 19:33

Bonjour Philipppe,
c'est tout bonnement nickel Merci Merci .

Un grand merci pour cette aide tape la

Sujet résolu Re: [PhpBB2] css sur le bloc contenant les liens du profil

12
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 31 Oct 2019 - 19:35

Coucou Stéphane,

de rien mon ami hinhin .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



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

Sujets similaires
» [PHPBB2] Plusieurs liens dans une image cliquable
» [PHPBB2] Raccourcir les longs liens des images "cassées"
» [PHPBB2] Virgules sous-forums dans dernier bloc des catégories
» [PHPBB2] Profil personnalisé
» [PHPBB2] Profil en onglet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Astuces Forumactif :: Astuces Forumactif :: Les sujets résolus

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit