Afficher/masquer le menu
Liens Ecyseo
  • Tags cloud
  • Daily
  • Pictures wall
  • Search
  • Display options
    • Links per page :
    • 20 links
    • 50 links
    • 100 links
  • RSS Feed
  • Login

J'ai besoin d'intimité. Non pas parce que mes actions sont douteuses, mais parce que votre jugement et vos intentions le sont.

5165 links 

page 1 / 1

Liste des liens

8 results tagged menu x
CSS - Menu on image hover - 30 seconds of code
2023-11-5 3:49 - permalink -
Home Pricing About

.hover-menu {
position: relative;
overflow: hidden;
margin: 8px;
min-width: 340px;
max-width: 480px;
max-height: 290px;
width: 100%;
background: #000;
text-align: center;
box-sizing: border-box;
}

.hover-menu * {
box-sizing: border-box;
}

.hover-menu img {
position: relative;
max-width: 100%;
top: 0;
right: 0;
opacity: 1;
transition: 0.3s ease-in-out;
}

.hover-menu div {
position: absolute;
top: 0;
left: -120px;
width: 120px;
height: 100%;
padding: 8px 4px;
background: #000;
transition: 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: center;
}

.hover-menu div a {
display: block;
line-height: 2;
color: #fff;
text-decoration: none;
opacity: 0.8;
padding: 5px 15px;
position: relative;
transition: 0.3s ease-in-out;
}

.hover-menu div a:hover {
text-decoration: underline;
}

.hover-menu:hover img {
opacity: 0.5;
right: -120px;
}

.hover-menu:hover div {
left: 0;
opacity: 1;
}

css menu
- https://www.30secondsofcode.org/css/s/image-hover-menu/
Créer une navigation mobile sans JavaScript | Vincent Dubroeucq
2018-10-3 21:18 - permalink -

Bon petit tuto pour un menu adaptatif minimaliste mais qui fait le job. Et sans javascript.

css html menu
- https://vincentdubroeucq.com/navigation-mobile-sans-js/
Pure-CSS fix for the fixed-menu / :target problem
2017-11-19 15:15 - permalink -

Un fix pour le problème des ancres quand on a un menu fixe en haut de la page : l’élément ancré se retrouve bien en haut de la page, mais il est invisible parce qu’il est caché par le menu fixe.

Cette astuce résout le problème de manière invisible (pas de marge visible).

Il s’agit d’appliquer un ::before sur le :target. La hauteur du ::before est égale (ou supérieure) à la hauteur du menu, et on lui met aussi un margin-top négatif égal à sa hauteur.

De cette façon, l’ancre s’applique sur le ::before, c’est donc lui qui est caché par le menu et le vrai élément ciblé (celui qu’on veut voir) est visible.

C’est très astucieux.

(merci à Aeris pour avoir déniché l’astuce !)

Via Timo.

css menu
- https://codepen.io/lehollandaisvolant/pen/JOOQeq
Menu contextuel HTML sans framework
2017-10-26 17:42 - permalink -

Avec un peu de javascript.

css javascript menu
- https://www.scriptol.fr/css/menu-contextuel.php
okayNav jQuery Plugin
2016-02-22 14:37 - permalink -

This navigation aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time.

jquery menu responsive
- https://github.com/VPenkov/okayNav
Créer un menu sticky avec JavaScript et CSS - CSS / CSS3 | Creative Juiz
2015-11-13 11:13 - permalink -

via l'ami Bronco

css javascript menu sticky tutoriels
- http://www.creativejuiz.fr/blog/tutoriels/creer-menu-sticky-avec-javascript-css
Responsive Nav — Responsive Navigation Plugin
2013-12-20 14:56 - permalink -

Un menu adaptatif sans jquery, en javascript (~1Kb) et css3.

css3 javascript menu
- http://responsive-nav.com/
[Plugin] TinyNav : votre menu de navigation en Responsive Design (Page 1) / Plugins / Forum PluXml.org
2013-08-27 18:12 - permalink -

Merci Jos !

css menu plugin PluXml
- http://forum.pluxml.org/viewtopic.php?id=4128
page 1 / 1


Tags


  • shaarli
  • wikipedia

Tags cloud

Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Help/documentation
Affiches "loi aviva" créées par Geoffrey Dorne le 13 Mai, 2020 - Mastodon 1 - Mastodon 2