epsilon
forum de libre service de codage,
possibilité de commander des designs,
aucune inscription
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -45%
TEFAL – Marmite 36 cm – Inox, Tous feux ...
Voir le deal
29.49 €

Schrödinger
Anonymous
Invité
Bien le bonjour !
Tout d’abord, je dois vous avouer que je suis absolument fan de tous vos designs et codes.  :love:
Et pourtant croyez-moi, je suis une grande difficile ! C'est aussi très rare de voir des LS avec du Invision, donc ça fait plaisir ! Pour ma part, j'ai totalement flashé sur votre Index Violet pour la refonte de mon forum, mais je dois avouer que j'ai du mal a comprendre le fonctionnement de la barre latéral, étant assez noob en codage...
Du coup, ma question est la suivante : serait-il possible d'avoir une version sans avatar et avec le bloc en transparent plutôt qu'en noir s'il-vous-plait ?

Je m'excuse d'abuser de votre gentillesse et vous remercie d'avance pour votre réponse !
Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
Bonjour ! (le pseudo est génial omg)

Merci beaucoup du compliment, ça nous va droit au coeur :love: !

Alors pour retirer le vava, il te faut aller dans ton template overall_header pour retirer ceci :
Code:
<div class="js-avatar"></div>

Et tu peux aller retirer ceci dans ton CSS :
Code:
.js-avatar {
    background-image: url(http://via.placeholder.com/200x300);
    height: 300px;
    margin-left: -10px;
    overflow: hidden;
    text-align: center;
    top: 22px;
    width: 200px;
    border: solid 5px #a469f5;
    transition: all 800ms;
}
.js-avatar img {
    width: 100%;
}
.js-avatar:hover {
  transition:all 800ms;
  filter:grayscale(70%);
}

Ensuite pour le bloc en transparent, c'est dans ton CSS également, ici :
Code:
#userlinkss {
    background: rgb(0, 0, 0);
    box-shadow: 1px 1px 8px #1f1f1f;
    height: 100% !important;
    left: 0;
    position: fixed;
    top: 0;
    width: 250px;
    z-index: 999;
}

Tu n'as juste qu'à supprimer la ligne "background: rgb(0, 0, 0);" ! Et le tour sera joué ♥ !
Schrödinger
Anonymous
Invité
C'est super merci !  :love:

Par contre, je crois que cette barre latérale ne m'aime pas. Autant le reste de l'index, j'ai pu l'agrandir un peu et le personnaliser, autant ce code ne veux vraiment pas m'écouter ...
Par exemple, l'avatar à laisser un grand vide que je n'arrive pas à rectifier et les boutons de navigation qui me sont inutiles (le calendrier et la FAQ) ne veulent pas réellement disparaître. J'ai fait un montage de ce que j'ai actuellement et ce que je tente de faire si c'est plus pratique à comprendre. (évidemment, le montage de tentative n'est qu'un exemple)
https://www.zupimages.net/up/20/43/3l2j.png

J'ai hésité à poster ce message étant donné qu j'ai l'impression d'abuser. Surtout que je viens de réaliser que je n'ai, de base, pas posté au bon endroit. Désolée. :aaah:
Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
Aucun souci pour ça :whut: !

Est-ce que tu penses qu'il est possible de nous passer un lien de ton fo' ? Comme ça on passe dessus directement et on te dit quoi modifier ♥
Schrödinger
Anonymous
Invité
Evidemment ! c'est à ça que servent les forums de test :love:
https://forumtesthabillage.forumactif.org
Il est encore bien en construction, mais les autres codes je les comprend (et surtout je ne fait qu’agrandir un peu) donc je ne vous embêterais pas là-dessus. ❤
Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
Alors pour le calendrier, tu peux l'enlever en allant dans panneau d'administration > Modules > et tout en bas tu as "Calendrier", tu n'as plus qu'à cocher "non" ! La FAQ par contre ne peut pas être supprimée malheureusement.

Pour la barre latérale, du coup dans ton CSS, il te faut remplacer :
Code:
.userlinkav {
    color: #fff;
    left: 15px;
    padding: 10px;
    position: relative;
    top: 18px;
    width: 240px;
}

et
Code:
.userav1 {
    left: 0;
    padding: 10px;
    position: relative;
    top: 0;
    width: 200px;
}

Et pour que les icônes dans la barre de nav' soient de nouveau correcte, il te suffit d'enlever le "font-size:20px;" dans chaque valeur qui ressemble à ça dans ton cSS :
Code:
.menuposition a[href="/"]::before {
    content: "\f015";
    font-family: FontAwesome;
    font-size: 20px;
}

(il y en a un pour chaque icône)

Voilà :whut:
Schrödinger
Anonymous
Invité
C'est nickel ! Encore merci merci merci ! :love:
Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
Avec grand plaisir ! Très jolie bann' d'ailleurs, bonne continuation à toi :love:
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum