Membres connectés récemment
[PhpBB2] css sur le bloc contenant les liens du profil
3 participants
Page 1 sur 1 • Partagez
- Version du forum :PhpBB2
- Templates modifiés :oui
- Navigateur :Opera
Bonjour Philippe,
comme tu le vois, je te sollicite souvent en ce moment
je suis en train d'appliquer un style aux liens de la page profil
avec ce css
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.
comme tu le vois, je te sollicite souvent en ce moment
je suis en train d'appliquer un style aux liens de la page profil
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.
Hi Stéphane,
Dans le template la ligne a trouver est celle-ci :
Supprime tous les |
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 |
Hello Stéphane,
La variable est la suivante les amis et on la trouve un peu partout dans les templates:
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:
Penser a cliquer sur le bouton
La variable est la suivante les amis et on la trouve un peu partout dans les templates:
- Code:
{UCP_TABS}
- 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
Bonjour Philippe,
cela fonctionne à merveille.
Un grand merci pour cette aide.
edit :
le js entre en conflit avec un autre js
celui qui beug
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.');
}
}
}
});
Hello Stéphane,
tu peux tester ce script en remplacement :
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.');
}
}
}
});
});
Je vais essayer de trouver une autre solution pour remplacer le script suivant:
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:
Pour visualiser la page d'un profil:
- 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(/\|/, ''));});});
}
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum