JDRVirtuel

Le forum du JDR à distance
Nous sommes le Jeu 19 Jan 2017 06:31

Heures au format UTC + 1 heure [ Heure d’été ]




Poster un nouveau sujet Répondre au sujet  [ 3 messages ] 
Auteur Message
MessagePosté: Sam 29 Oct 2016 21:48 
Hors ligne
Zombie Lividunesque Maladroit

Inscription: Mer 30 Déc 2015 11:53
Messages: 130
Date de naissance: 13 Avr 1980
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:
.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/


Haut
 Profil  
 
MessagePosté: Mer 2 Nov 2016 03:05 
Hors ligne
Markjannette Rocailleuse

Inscription: Lun 27 Fév 2012 16:44
Messages: 278
Date de naissance: 04 Sep 1986
Pour faire disparaitre / apparaitre, personnellement, j'utilise plutôt

Code:
display:none


Et, avec une checkbox :
Code:
input.sheet-BM4Total:checked ~ span.sheet-BCM4Hidden
{
   display:inline;
}


Par exemple, bien sûr les class peuvent varier, mais l'idée est là.


Haut
 Profil  
 
MessagePosté: Mer 2 Nov 2016 22:24 
Hors ligne
Djinn Kadessien Tourmenté
Avatar de l’utilisateur

Inscription: Mer 5 Nov 2008 01:00
Messages: 648
Localisation: Limoges/Guéret
Date de naissance: 05 Fév 1972
Pareil.

_________________
Roll20 - WiP Roll20 - G+ - Numenéra - Obsidian Portal -


Haut
 Profil  
 
Afficher les messages postés depuis:  Trier par  
Poster un nouveau sujet Répondre au sujet  [ 3 messages ] 

Heures au format UTC + 1 heure [ Heure d’été ]


Qui est en ligne

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


Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages

Rechercher:
Aller à:  
Powered by phpBB® Forum Software © phpBB Group
Traduction par: phpBB-fr.com