marque page

MA CREA

MA CREA, MARQUE PAGE

14.12.2023 …

Par ma malle aux idées

j'ai créé la texture " terre de Sienne " mais je n'ai pas pensé aux créations parce que le motif de base est trop foncé mais bon ça me fera un marque page de +

MA CREA DE NOËL

MARQUE PAGE, MA CREA - PSP

30.11.2023 …

Par ma malle aux idées

MA CREA MARQUE PAGE

MA CREA, MARQUE PAGE

30.11.2023 …

Par ma malle aux idées

dimensions 200x1200 sur photofiltre juste pour avoir les proportions en tête

MARQUE PAGE, MA CREA, TUTO

22.11.2023 …

Par ma malle aux idées

j'ai fait ces 2 marque page comme idée de cadeau de noël A SAVOIR une fois imprimé, mettre un morceau de carton assez rigide et coller le marque page ensuite le plastifier, et voilà c'est fini, vous pouvez admirer votre bijou tuto : la malle aux idées...

MARQUE PAGE

MA CREA, MARQUE PAGE

26.05.2023 …

Par ma malle aux idées

démo de mon marque page que j'ai réalisé aujourd'hui et qui s'intitule " paradis floréal "

mon coeur est à toi
Voir le profil de ma malle aux idées sur le portail Overblog

LOURDES

STE RITA

PRIERES POUR LES MALADES

/* Custom variable pour l'image mask des buttons --svg-marker-arrow-up: url('data:image/svg+xml,\ '); */ #scroll-sentinel { position: absolute; top: 300vh; left: 0; bottom: 0; width: 1px; z-index: -1; } /* buttons de retour haut de page */ [class*='movetop-'] { background-color: transparent; position: absolute; height: var(--header-outer-height); width: var(--header-outer-height); color: var(--primary-color); } [class*='movetop-']:before { -webkit-mask-image: var(--svg-marker-arrow-up); -webkit-mask-size: 50%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-image: var(--svg-marker-arrow-up); mask-size: 50%; mask-repeat: no-repeat; mask-position: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: "\A"; } .movetop-left:before, .movetop-right:before { background-color: var(--link-color); -webkit-mask-size: 30%; mask-size: 30%; } .movetop-bottom:before { background-color: var(--background-color-hero); } @media (any-pointer: fine) { [class*='movetop-'] { cursor: pointer; } } [class*='movetop-'][aria-hidden='true'] { display: none; } header [class*='movetop-'] { top: 0; } body:not(.connected) .movetop-right { right: calc(var(--header-outer-height) + 1px); } body.connected .movetop-right { right: calc(calc(var(--header-outer-height) * 2) + 2px); } .movetop-left { left: calc(var(--header-outer-height) + 1px); } .movetop-bottom { color: var(--background-color-hero); bottom: var(--half-gutter); right: var(--half-gutter); position: fixed; background-color: var(--heading-color); width: var(--button-height); height: var(--button-height); border-radius: var(--button-height); z-index: 6; } /* mode contraste */ :root[class*='contrast'] .movetop-bottom { box-shadow: 0 0 0 0.125rem var(--background-color-hero) inset; } @media (prefers-reduced-motion: no-preference) { .movetop-bottom { transition: bottom .5s; } .movetop-bottom[aria-hidden="true"] { bottom: calc(var(--half-gutter) * -3); display: inline-block; } .movetop-bottom[aria-hidden="false"] { bottom: var(--half-gutter); } } @media (min-width: 81.25rem) { .movetop-bottom { /* --viewport-content + (gutter/2) */ right: calc((100% - var(--viewport-content))/ 2); } } [class*='movetop-']:not([aria-hidden='true']) { display: inline-block; }/* * Copyright © 2006 2023. Kortic (URL : https://www.kortic.com/accessible-back-to-top-anchor.html) * licence Creative Commons CC BY-NC-SA 4.0 * https://creativecommons.org/licenses/by-nc-sa/4.0/deed.fr */ /**** Objet DOM global nécessaire pour ne pas chercher les éléments à chaque fonction :-) ****/ const DOM = { window: jQuery(window), document: jQuery(document), html: jQuery('html'), body: jQuery('body').first(), }; ;((__) => { 'use strict'; __.scrollObserver = () => { if(!'IntersectionObserver' in window) { return; } if(DOM.body.outerHeight() > (DOM.window.innerHeight() * 1.5)) { let id_ = 'scroll-sentinel', moveTopElements = DOM.document.find('[class*="movetop-"]'); moveTopElements.on({ click: () => { __(DOM.html, DOM.body).animate({ scrollTop: 0 }, (!window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 500 : 0)) /* à la fin de l'animation, replacer le focus sur un élément de haut de page */ } }); let sentinel = __('

', { 'id': id_, 'aria-hidden': 'true' }); sentinel.css({ top: (DOM.window.innerHeight() + (DOM.window.innerHeight() * 2)) }).appendTo( DOM.body ); let observer = new IntersectionObserver(entries => { moveTopElements.attr('aria-hidden', entries[0].isIntersecting ? null : 'true'); }); observer.observe(document.querySelector(`#${id_}`)); } }; DOM.document.ready(__.scrollObserver()); })(jQuery);