Hello,

Comme dis dans la partie demande de tuto, ta demande me tente

Au passage, j'ai une case grise vide entre "l'avatar + rang" et les "amis"... impossible de savoir d'où ça vient ni ce que c'est, mais j'aimerai évidemment pouvoir la supprimer (il vous faudra le template provil_view_body j'imagine ? Dites-le moi si c'est le cas !)

Il s'agit d'une publicité, tu ne peux pas la retirer

Ah d'accord ! Chez moi ça donne une case vide (popup qui bloque les publicités)... y a vraiment aucun moyen de modifier ça ? Zut..

Merci pour la prise en charge de ma commande !

Hello,

Je t'avais déjà envoyé un premier petit code par MP (à cause d'un bug), pourrais tu remplacer sur ton forum ce code javascript là par celui ci (en le gardant au même endroit) s'il te plait ?

Code:

if (/^\/u\d/.test(document.location.pathname)) {
    $(function(){
        $('body').addClass('page-profil');
        $('.gen .mainmenu').closest('table').attr('width','65%').closest('td[valign=top]').attr('colspan',2);

        var $cellProfil = $('.module-title').eq(0).closest('td[width=300]');
        var $cellInfos = $cellProfil.prev();
        $cellInfos.insertAfter($cellProfil);
        $cellProfil.addClass('cell-profil-left');
    });
}

Et ensuite remplacer le CSS donné par celui ci :

Code:

.page-profil th,
.page-profil .forumline,
.page-profil .row1,
.page-profil .catLeft {
    background: transparent;
}

.cell-profil-left > table:nth-child(1) tr:nth-child(2) td {
    font-size: 0;
}

.cell-profil-left > table:nth-child(1) tr:nth-child(2) td img:nth-child(1) {
    border-radius: 25px;
}

Est ce que ça fonctionne bien sur ton forum :) ?

Désolé j'ai pas compris où je dois mettre ton code (le premier ?) A la place de mon javascript sur les bannières aléatoires ?! ... ça marchera plus il manque un morceau... ? Désolé j'ai mal compris .. :S

Pas de problème

Alors je parle de ce javascript là :) http://onceuponadream.forumactif.org/15741.js

Il faut remplacer le début

Code:

if(/^\/u\d/.test(document.location.pathname)){$(function(){$('body').addClass('page-profile')})}

Par le code que j'ai mis tout en haut ^-^

Alors ton code pour le Java fonctionne visiblement très bien donc merci !
Par contre, le CSS n'a pas l'air d'avoir changé quoi que ce soit au niveau du profil...

Hello Kiki85 :)

Dans ton javascript ici http://onceuponadream.forumactif.org/15741.js

Je vois toujours l'ancien code JS

Il faut remplacer tout le début :

Code:

if (/^\/u\d/.test(document.location.pathname)) {
    $(function(){
        $('body').addClass('page-profile');
    })
}

Par ceci :

Code:

if (/^\/u\d/.test(document.location.pathname)) {
    $(function(){
        $('body').addClass('page-profil');
        $('.gen .mainmenu').closest('table').attr('width','65%').closest('td[valign=top]').attr('colspan',2);

        var $cellProfil = $('.module-title').eq(0).closest('td[width=300]');
        var $cellInfos = $cellProfil.prev();
        $cellInfos.insertAfter($cellProfil);
        $cellProfil.addClass('cell-profil-left');
    });
}

Si ça ne fonctionne pas, laisse quand même le code en place que je puisse voir d'où ça vient (◕‿◕)

Pardon en fait j'avais juste pas remit le nouveau lien Java ^^"


Ca marche !
Une autre question pour le même sujet: http://onceuponadream.forumactif.org/u18 par exemple sur ce profil, le membre a un très gros gif (qui sur le profil des postes de sujet n'est pas aussi gros bien sûr), mais pour cette page-ci, je voulais savoir s'il y avait moyen de mettre une ligne de code pour réduire la taille d'affichage de ce gif ? (parce que du coup ça agrandit le forum sur cette page pour ce profil-ci par exemple...)

Autres détails: est-ce que c'est possible de mettre le "ajouter à ma liste d'amis" sur une même lignes (là c'est sur deux), même chose pour "ajouter à ma liste d'ignorés".
Pour les " Messages des visiteurs | Profil | Statistiques | Amis | Contact" c'est possible de les remettre sur la gauche (au même niveau que le " :: Voir le profil :: Evanora A. Nightingale " ? Et y a moyen de remplacer tout ces "profil" "statistiques" etc... par des images ? (comme pour les boutons editer, publier, etc... tu sais ?"

Désolé pour toutes ces questions si c'est trop dis-moi hein ^^

Je prends tes questions petit à petit, je ne traite pas tout d'un coup

Kiki85 a écrit:Une autre question pour le même sujet: http://onceuponadream.forumactif.org/u18 par exemple sur ce profil, le membre a un très gros gif (qui sur le profil des postes de sujet n'est pas aussi gros bien sûr), mais pour cette page-ci, je voulais savoir s'il y avait moyen de mettre une ligne de code pour réduire la taille d'affichage de ce gif ? (parce que du coup ça agrandit le forum sur cette page pour ce profil-ci par exemple...)

Hum, en étant en invité je ne peux pas voir le problème, mais d'après ta description, on pourrais ajouter ceci au CSS :

Code:

.cell-profil-left img {
    max-width: 100%;
}

Autres détails: est-ce que c'est possible de mettre le "ajouter à ma liste d'amis" sur une même lignes (là c'est sur deux), même chose pour "ajouter à ma liste d'ignorés".

Tu peux me faire une petite capture d'écran du résultat s'il te plait ?
Je pense comprendre, j'avais désactivé cette histoire d'amis / ignorés sur mon forum test
Du coup, tu veux que les liens s'affichent à un endroit en particulier ou bien n'importe ?

Pour me permettre d'avance sur suite des demandes, pourrais tu remplacer le javascript par celui ci s'il te plait ? :)

Code:

if (/^\/u\d/.test(document.location.pathname)) {
    $(function(){
        $('body').addClass('page-profil');
        $('.gen .mainmenu').closest('table').attr('width','65%').closest('td[valign=top]').attr('colspan',2).addClass('profil-links');

        var $cellProfil = $('.module-title').eq(0).closest('td[width=300]');
        var $cellInfos = $cellProfil.prev();
        $cellInfos.insertAfter($cellProfil);
        $cellProfil.addClass('cell-profil-left');
    });
}

Hum je dois mettre remplacer quel javascript ? Celui de mes headers aléatoire ? O.O Y a un rapport avec mes profils ? xDD

Alors ce que tu m'as donné n'a pas fonctionné, enfin ça redimensionne l'avatar, hors je parle du Gif.
Voici une capture d'écran: comme tu le vois le gif est gros, j'aimerai un code qui "bloque" à une certaine taille (surtout que là le gif est tellement gros qu'il agrandit le forum sur cette page". Ensuite, tu peux voir ce dont je parlais pour les "ajouter à ma liste d'amis" etc... qui sont sur deux lignes chacun...
également la ligne " Messages des visiteurs | Profil | Statistiques | Amis | Contact" qui n'est pas alignée à gauche (au même niveau que le " :: Voir le profil :: Nom du membre "). et j'me demandais si j'pouvais remplacer cette dernière listes "messages des vsiteurs, profil, statistiques..." par des boutons que je personnalise (comme on ferait pour les boutons éditer, poster un sujet etc...).

Alors ce que tu m'as donné n'a pas fonctionné, enfin ça redimensionne l'avatar, hors je parle du Gif.

Effectivement, je n'avais pas compris où se trouvait le gif qui n'est pas visible en invité

Du coup je pense qu'avec ce CSS ça devrait être bon :

Code:

#profile-advanced-details img {
    max-width: 300px;
}

Il te suffit de changer la valeur de 300px après comme tu le souhaites

Quand je dis "remplacer le javascript", ça veut à chaque fois dire "remplacer le javascript que je t'ai donné la fois précédente" (^-^). S'il s'agit d'un autre, je préciserai toujours :)

Pour les autres problèmes, j'ai effectivement besoin de mettre le nouveau javascript pour continuer ♥

Ah d'accord ! Pardon ^^ Je comprenais juste pas le rapport entre mes headers et mon profil :)

Du coup c'est fait !

Et pour le Gif ça a fonctionné, j'ai même rajouté un bord arrondis ça fonctionne parfaitement merci

Up :)

Hello Kiki85

Je ne t'oublie pas :p

Tu devras peut-être attendre ce week-end pour le reste du code , n'hésite pas à upper samedi soir si je n'ai donné aucune nouvelle

D'accord ça marche, merci :)

Hello, pour les images dans la barre de navigation, pourrais tu tester en mettant ceci dans ton CSS s'il te plait ?

Code:

.profil-links .gen {
    font-size: 0;
}

.profil-links .mainmenu,
.profil-links .gen strong {   
    text-indent: 100%;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 5px;
}

/* Premier lien */
.profil-links .gen:nth-child(1) strong,
.profil-links .gen:nth-child(1) .mainmenu
 {
    background-image: url('http://placehold.it/100x35/3498db/FFFFFF');
    width: 100px;
    height: 50px;
}

/* Deuxième lien */
.profil-links .gen:nth-child(2) strong,
.profil-links .gen:nth-child(2) .mainmenu
 {
    background-image: url('http://placehold.it/100x35/9b59b6/FFFFFF');
    width: 100px;
    height: 50px;
}

/* Troisième lien */
.profil-links .gen:nth-child(3) strong,
.profil-links .gen:nth-child(3) .mainmenu
 {
    background-image: url('http://placehold.it/100x35/34495e/FFFFFF');
    width: 100px;
    height: 50px;
}

/* Quatrième lien */
.profil-links .gen:nth-child(4) strong,
.profil-links .gen:nth-child(4) .mainmenu
 {
    background-image: url('http://placehold.it/100x35/e74c3c/FFFFFF');
    width: 100px;
    height: 50px;
}

/* Cinquième lien */
.profil-links .gen:nth-child(5) strong,
.profil-links .gen:nth-child(5) .mainmenu
 {
    background-image: url('http://placehold.it/100x35/e67e22/FFFFFF');
    width: 100px;
    height: 50px;
}

Si tout va bien cela devrait te donner quelque chose comme ceci :


Je te donne bientôt le javascript pour déplacer les liens "Ajouter aux amis / ignorés" juste en dessous de cette barre

Alors ça fonctionne, les boutons apparaissent mais -> je ne sais pas ce qui se passe parfois quelque chose apparaît mais disparaît aussitôt sur la droite lorsqu'on s'approche de ces boutons... Je pense qu'il s'agit d'une toolbar verticale mais impossible de vraiment savoir c'est très rapide.

EDIT: ce bug marche aussi sans le CSS des boutons il doit finalement venir de mon javascript sur la neige puisque quand je l'enlève: pas de bug. par ailleurs, les codes javascript en description apparaissent en description de forum (quand je publie le lien sur facebook notamment)... c'est normal ? Je pensais que les code javascript n'apparaissaient pas dans une description de lien... (si tu ne sais pas j'ouvrirais un autre sujet ^^)

Merci pour les boutons en tout cas :) et j'attend le javascript oui merci :) Par contre je ne voulais pas les mettres en dessous des boutons, leur place actuelle ma va très bien, je veux juste qu'ils soient sur une seule ligne (par exemple "ajouter à ma liste d'amis est sur deux lignes (ça dépend du profil d'ailleurs je crois :/ )

Le script de la neige est assez lourd je crois, et du coup c'est possible qu'il fasse ce genre de clignotement oui :/

par ailleurs, les codes javascript en description apparaissent en description de forum (quand je publie le lien sur facebook notamment)... c'est normal ? Je pensais que les code javascript n'apparaissaient pas dans une description de lien... (si tu ne sais pas j'ouvrirais un autre sujet ^^)

Oui c'est normal, la description du forum est affichée dans la page HTML, mais est aussi utilisée comme contenu texte de description pour les réseaux sociaux, les moteurs de recherche ^^.
Pour en savoir plus, je t'invite effectivement à créer un nouveau topic dans la partie Aide. Sinon en attendant, l'une des possibilités est de faire ceci :

Spoiler:

OK pour le placement des liens je vais refaire ça, c'est la dernière chose à changer ou bien il restait autre chose :) ?

Oui après ce serait bon :) Enfin si c'es juste possible d'élargir un peu l'espace entre la colonne de gauche (avatar, amis, etc...) et celle de droite (à propos) mais après sinon c'pas grave c'est un détail :)

Up !

Hello :)

Pour les liens du profil, on va replacer l'ancien javascript par ceci :

Code:

if (/^\/u\d/.test(document.location.pathname)) {
    $(function(){
        $('body').addClass('page-profil');
        var liensProfil = $('.gen .mainmenu').closest('table').attr('width','65%').closest('td[valign=top]');
        var liensAmis = liensProfil.next();
        var $cellProfil = $('.module-title').eq(0).closest('td[width=300]');
        var $cellInfos = $cellProfil.prev();
       
        if (liensAmis.length) {
            liensProfil.append(liensAmis);
            liensAmis.replaceWith(function(){
                return $("<div />", {html: $(this).html(), class: 'friend-links'});
            });
        }
       
        liensProfil.attr('colspan',2).addClass('profil-links');
        $cellInfos.insertAfter($cellProfil);
        $cellProfil.addClass('cell-profil-left');
    });
}

Et dans le CSS rajouter ceci :

Code:

/* Placement des liens amis*/
.profil-links {
    position: relative;
}

.friend-links {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

Normalement ils se mettent bien sur une ligne comme ceci

C'est parfait merci beaucoup !!!!!!!!!!