Lexpage v4 - Commentaires, remarques, bugs... | Discussions

Discussions

Lexpage v4 - Commentaires, remarques, bugs...

Cette discussion est en relation avec le billet suivant :

Enfin la version 4 !

C'est fait ! Plusieurs années après sa première annonce, la voici enfin qui débarque.

// lire la suite

Vendredi 28 février 2014 à 22:02

lexpage, actualité

PetitCalgon 2659 Bob

5 novembre 2014 à 08:24

Reprise automatique du message précédent.

Il existe pas un moyen de mettre une image background par dessus le texte ? Un PNG semi-transparent avec beaucoup moins de transparent que de transparent, laissant entre-apercevoir des choses mais pas grand chose ?
Ca marche comment aujourd'hui la balise spoiler ?

.bbcode .spoiler {
    background: none repeat scroll 0 0 black;
    cursor: pointer;
}

Tu peux pas faire passer une image par dessus le texte ? Ca doit bien exister en CSS, non ?
Genre
<div id="image_transparent"><span class="spoiler">Spoiler à masquer</span></div>
Dans la hiérarchie, le background de image_transparent est au dessus, mais à l'affichage, il va se retrouver dessous ?

Guybrush 8323 Bob

5 novembre 2014 à 10:37

Pas sûr que ça soit supporté par tous les navigateurs, comme les filtres CSS 3.

Tchou 3551 Bob

5 novembre 2014 à 10:47

Je comprends pas l'intérêt de l'image avec -je cite- "beaucoup moins de transparent que de transparent" ! :D

Une image est inutile, et la transparence est totalement supportée, même sur ie6 avec une syntaxe à lui. Le bloc de couleur est transparent et au survol/touch la transparence passe à 100% (limite avec une anim' très rapide), et c'est marre.

Enfin, si la transparence en elle-même a une utilité par rapport à un bloc vraiment occultant dans le cas présent ... ?

PetitCalgon 2659 Bob

5 novembre 2014 à 11:40

C'était uniquement pour faire un effet vitre sablée, ce qui me semble délicat juste en jouant sur la transparence, mais plus facile avec un PNG. Mais je ne suis pas expert dans ce domaine et ne connait pas toutes les possibilités des possibles

Tchou 3551 Bob

5 novembre 2014 à 11:50

Ah ouais, un effet vitre sablée ... là, j'avoue, en CSS pur, c'est une colle ! :)

Le truc, c'est que l'effet vitre sablée, ça rend le dessous flou, c'est une sorte de loupe qui délave. Effectivement, c'est chaud, même avec une image ... encore que je me souviens qu'un des premiers tests bluffant en CSS était sur un truc comme ça ... Dave Shea ou Jeffrey Zeldman peut être ... ou le troisième pionnier dont le nom m'échappe en ce moment même (là je cause tout début des 2000)

Guybrush 8323 Bob

5 novembre 2014 à 11:51

Ah, je comprends mieux ce que tu voulais dire Anca. Je vais regarder si je peux trouver une image ou quelque chose qui contribue à cet effet

PetitCalgon 2659 Bob

5 novembre 2014 à 12:24

Guybrush a écrit 15 messages ???

Il faudrait remettre en place les status compteurs, c'était assez rigolo

Guybrush 8323 Bob

5 novembre 2014 à 12:27

TODO list updated, mais j'hésite pour ce dernier point

mimelex 51 Champiz

6 novembre 2014 à 21:24

Hello,

Pour l'effet flou on peut utiliser un détournement tout bête du text-shadow

text-shadow: 0 0 3px #000;
color: transparent;

Le gros problème étant qu'IE9 et inférieurs ne comprennent pas le text-shadow et donc on a juste du texte transparent, mais pour ceux là tu peux jouer avec le DX filter, ça devrait marcher jusqu'à IE6

Guybrush 8323 Bob

7 novembre 2014 à 06:41

J'aime bien l'idée et effectivement, ça donne un rendu pas mal. Je garde en tête, mais je ne vais pas appliquer ça "tel quel", le flou n'est pas assez "explicite" pour le spoiler (c'est moins conventionnel). En combinaison avec autre chose, ça me tente bien par contre

Tchou 3551 Bob

7 novembre 2014 à 10:29

Ouais, c'est vraiment pas con, comme technique ! Merci.

Par contre, le soucis pour le spoiler, c'est que ça ne peut spoiler que le texte, pas les images.

Répondre

Vous devez être inscrit et identifié.

Minichat

Chargement...