partage de technique pour feuille de perso

Répondre
rwan
Pégase
Messages : 197
Enregistré le : mer. 30 déc. 2015 11:53
Date de naissance : 13 avr. 1980

partage de technique pour feuille de perso

Message par rwan » sam. 29 oct. 2016 21:48

je me creuse la tête depuis quelques temps pour faire aparaitre/disparaitre des zones de feuilles de persos...
et j'ai trouvé une technique que je vous partage.

Le principe :
créer un div qu'on va appeller "box" (le contenant) et dans ce div y mettre un autre appellé "in-box" (le contenu)....

on va styler le in-box pour faire 1px de haut "de base" mais changer sa taille quand la sourie passe sur le "contenant" box avec :

Code : Tout sélectionner

.sheet-box:hover > .sheet-inbox{...........................}
l'exemple sera plus parlant :
http://jsfiddle.net/LTnd7/90/

vous remarquerez aussi le jeu des overflow:hidden et overflow:auto pour que dans un cas le contenu de in-box ne déborde pas et pour que quand la zone est étendu il puisse y avoir un "ascenseur" pour naviquer dans la zone. (essayez d'étendre la textarea vous verrez....)


edit : pour les transitions j'ai récupéré le code en utilisant http://enjoycss.com/

Zakarik
Markjannette Rocailleuse
Messages : 275
Enregistré le : lun. 27 févr. 2012 16:44
Date de naissance : 04 sept. 1986

Re: partage de technique pour feuille de perso

Message par Zakarik » mer. 2 nov. 2016 03:05

Pour faire disparaitre / apparaitre, personnellement, j'utilise plutôt

Code : Tout sélectionner

display:none
Et, avec une checkbox :

Code : Tout sélectionner

input.sheet-BM4Total:checked ~ span.sheet-BCM4Hidden
{
	display:inline;
}
Par exemple, bien sûr les class peuvent varier, mais l'idée est là.

Avatar du membre
Natha
Cerberus Lazarius Panicus
Messages : 702
Enregistré le : mer. 5 nov. 2008 01:00
Date de naissance : 05 févr. 1972
Localisation : Limoges/Guéret

Re: partage de technique pour feuille de perso

Message par Natha » mer. 2 nov. 2016 22:24

Pareil.
ImageImage Image

Répondre

Retourner vers « Roll20 »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 3 invités