Schrödinger

# Barre latéral - Mer 21 Oct - 11:25
Bien le bonjour !
Tout d’abord, je dois vous avouer que je suis absolument fan de tous vos designs et codes.
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 !
Tout d’abord, je dois vous avouer que je suis absolument fan de tous vos designs et codes.

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

# Re: Barre latéral - Mer 21 Oct - 14:46
Bonjour ! (le pseudo est génial omg)
Merci beaucoup du compliment, ça nous va droit au coeur
!
Alors pour retirer le vava, il te faut aller dans ton template overall_header pour retirer ceci :
Et tu peux aller retirer ceci dans ton CSS :
Ensuite pour le bloc en transparent, c'est dans ton CSS également, ici :
Tu n'as juste qu'à supprimer la ligne "background: rgb(0, 0, 0);" ! Et le tour sera joué
!
Merci beaucoup du compliment, ça nous va droit au coeur

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

# Re: Barre latéral - Jeu 22 Oct - 13:04
C'est super merci !
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.

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.

Jawn

# Re: Barre latéral - Jeu 22 Oct - 13:08
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
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

# Re: Barre latéral - Jeu 22 Oct - 14:13
Evidemment ! c'est à ça que servent les forums de test
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.

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

# Re: Barre latéral - Jeu 22 Oct - 17:42
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 :
et
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 :
(il y en a un pour chaque icône)
Voilà :whut:
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:
Jawn

# Re: Barre latéral - Jeu 22 Oct - 19:10
Avec grand plaisir ! Très jolie bann' d'ailleurs, bonne continuation à toi 

Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|