Le 02 octobre 2015 à 20:54:58 xRock a écrit :
Faut pas rajouter un :focus ?

Non

Ca m'prends la tête j'arrete pour aujourd'hui, j'pense pas que ce soit possible en css mais bon on verra

Tu pourrais pas filer ton code déjà fait ?

Comme il le dit, la prochaine fois, il filera pas de screen. Si tu le veux t'en as le droit.

Faut pas se leurrer. Le design épuré, le menu icône, le flat design, les effets d'ombres sur les blocs, il a rien inventé. Ce qu'il reproche de plagier, il l'a lui même plagié dans une certaine mesure.

Après, tu peux peut-être modifier les couleurs si ça te gêne vraiment de faire une copie conforme. Mais te laisse pas impressionner par son caprice.

J'aurai un ordi cet aprem

Oui.

Mais j'aurai internet chez moi à partir de la semaine prochaine donc ça ira mieux

Non. Ça fait trois mois que j'utilise la data de mon téléphone, et elle part tellement vite que je suis jamais sur l'ordi, sauf la journée au boulot. Mais lundi j'aurai une box et j'pourrai utiliser Internet sur le pc, ce que je ne faisais pas jusque là ^^

Ça changera pour la semaine prochaine

Tu pourrais pas filer ton code déjà fait ?

#header-user .bloc-ma-page {
    position: relative;
    top: 79px;
    right: 0px;
	z-index: 1002;
}
#header-user .bloc-nb-mp {
    position: relative;
    top: 79px;
    right: 7px;
	z-index: 1002;
}
#header-user .bloc-nb-notif {
    position: relative;
    top: 79px;
	right: 14px;
	z-index: 1002;
}

Ca descend les icones au bon endroit mais j'arrive pas à faire que :
- En ouvrant le menu, elles s'affichent
Puis :
- En fermant le menu, elles s'effacent

Il faut que tu ajoutes le code au code précédent

On ne peut pas l'afficher au clic sans passer par du js, mais on doit pouvoir faire un menu qui affiche le pseudo et les boutons au survol de la souris, avec un background image qui représente l'icôn et cache tous ces éléments, et qui disparaît lorsque la souris survole le bloc

Par contre, faut déplacer un élément inutile et le foutre par dessus tous les éléments qu'on veut cacher. C'est un peu moche comme pratique. Et le mettre en display: none avec du :hover

Par contre quand on scroll, sur le menu qui nous suit, le pseudo disparaît et l'avatar est décalé. C'est chaud à gérer car c'est décalé avec les boutons et ça fait moche. Je ne le ferai pas du coup, casse burne

Ouais c'est la mort ça, faut passer par du JS mais j'm'y connais pas

https://wall.deblan.org/x1e0e/css/1/

Bon, y a encore des trucs à modifier je pense. Si des gens veulent s'amuser avec les z-index et la superposition des éléments... et bien HF. Moi j'en ai marre.

Ça marche avec jvc:wip activé. Pas testé avec votre code flat-design. Mais après, ça *devrait* être adaptable.
Oh, et j'ai fait aucune transition. J'vous laisse faire ça si ça vous botte.

PS : j'espère que vous kiffez mon icône 53*53.

zut, j'ai switch de pseudo tester les différentes tailles de pseudos voir si ça marche (guess what : j'ai du tout refaire pour que ça marche ) et ce pseudo avait même des MP non checkés donc ça m'a aussi permis de vérifier cette partie là.

edit : oh et j'ai passé 1h dessus, donc vous me devez 1h de ma vie si c'est pas ce qu'il fallait.

Bravo

On verra.