Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2008-07-16 04:09:43

Mirovinben
M comme Mathusalem
Lieu : Dole (Jura)
Inscription : 2007-02-06
Site Web

Comment mettre une ombre sous une image...

Bonjour,

Je sors un peu du cadre strict de Dotclear mais j'aimerais savoir s'il y a possibilité (via PHP et/ou un plugin) d'ajouter une ombre à une image. Ombre générée automatiquement et adaptée à la dimension de l'image.

Pour l'instant j'ai adopté la méthode CSS avec un zoli background genre

.siz450x300{
  background: transparent url(img/ombre450x300.png) no-repeat top left;
  padding: 10px;
}

avec un fichier fabriqué artisanalement. Et l'insertion dans le billet encours d'édition d'un bloc <div> genre

<div class="accroche">
  <img class="siz450x300" src="" alt="" title="Xxx - 07/2008" />
  <p>...</p>
</div>

(class="accroche" assure le centrage dans le billet de tout le contenu du bloc)

L'inconvénient est qu'il faut...
-1- un fichier d'ombre et un sélecteur CSS par format d'image,
-2- pratiquer le copier/coller en mode source du modèle de bloc
-3- puis insérer le chemin vers la photo dans le gestionnaire de médias et finir de remplir "alt" et "title"

Le résultat me convient mais la manip n'est pas très simple...

Donc, comment faire autrement ?

Hors ligne

#2 2008-07-16 06:16:26

atropos
Membre
Inscription : 2008-05-18

Re : Comment mettre une ombre sous une image...

il existe des effets créer viua des plugins jquery il me semble !


Dotclear c'est comme la lune c'a possède une face cachée alors éclairons là !!!

Hors ligne

#3 2008-07-16 13:27:11

Mirovinben
M comme Mathusalem
Lieu : Dole (Jura)
Inscription : 2007-02-06
Site Web

Re : Comment mettre une ombre sous une image...

Heu... peux-tu m'en dire plus ?

Hors ligne

#4 2008-07-16 14:38:22

Mirovinben
M comme Mathusalem
Lieu : Dole (Jura)
Inscription : 2007-02-06
Site Web

Re : Comment mettre une ombre sous une image...

Ta suggestion d'utiliser un plugin sous jQuery m'a fait fouiller dans les entrailles du oueb et j'ai trouvé ça obtenu depuis ici... Par contre je n'ai aucune idée de si je peux l'utiliser dans DC2 sans risque.

[j'ai honte ON]
je ne suis pas du tout à l'aise en anglais... et voui !
[j'ai honte OFF]

Hors ligne

#5 2008-07-16 14:44:20

atropos
Membre
Inscription : 2008-05-18

Re : Comment mettre une ombre sous une image...

http://eyebulb.com/dropshadow/
j'avais vu ca et d'autres choses.Si je retrouves je te donne


Dotclear c'est comme la lune c'a possède une face cachée alors éclairons là !!!

Hors ligne

#6 2008-07-16 16:01:28

Mirovinben
M comme Mathusalem
Lieu : Dole (Jura)
Inscription : 2007-02-06
Site Web

Re : Comment mettre une ombre sous une image...

atropos, merci de ton aide.

Je me suis plongé dans le script dont j'ai donné le lien. Il ne me convient pas. En effet il faut déclarer chaque élément que l'on veut enrichir d'une ombre avec un id. Ce qui va poser pb si j'affiche (et j'affiche !) plusieurs photos avec ajoût d'ombre dans la même page. De plus, mais peut-être n'y a t-il pas d'autre manière de faire, il englobe chaque image dans un tableau avec plusieurs lignes et colonnes. Et ça je n'y tiens pas trop (sauf si c'est incontournable).

Je vais regarder celui dont tu me donnes le lien

Hors ligne

#7 2008-07-16 16:23:44

atropos
Membre
Inscription : 2008-05-18

Re : Comment mettre une ombre sous une image...

il y avait cette solution aussi en css
http://www.alistapart.com/articles/cssdropshadows
ceci dit elle nécessitera une fonction jevascript qui englobera toutes les images dans une div


Dotclear c'est comme la lune c'a possède une face cachée alors éclairons là !!!

Hors ligne

#8 2008-07-16 16:27:57

atropos
Membre
Inscription : 2008-05-18

Re : Comment mettre une ombre sous une image...


Dotclear c'est comme la lune c'a possède une face cachée alors éclairons là !!!

Hors ligne

#9 2008-07-16 16:31:03

zeiram
Membre
Inscription : 2004-06-27
Site Web

Re : Comment mettre une ombre sous une image...

Mirovinben : dans le script "Shadow for jQuery...",  ce n'est que l'exemple qui sélectionne le div à ombrer selon un id. Mais cela devrait pouvoir s'appliquer à n'importe quel sélecteur acceptable par jQuery, donc libre à toi d'utiliser une classe.


« Y a des jours où faut pas m'chercher !! Et y a des jours tous les jours ! »

Hors ligne

#10 2008-07-16 17:20:27

Mirovinben
M comme Mathusalem
Lieu : Dole (Jura)
Inscription : 2007-02-06
Site Web

Re : Comment mettre une ombre sous une image...

atropos : le premier script que tu m'as indiqué me convient mieux que celui que j'avais trouvé tout seul comme un grand mais ne permet pas de retrouver l'effet actuellement en place (légère ombre en haut et à gauche et ombre uniforme, quelque soient les variations de luminosité sur le bord de la photo). Je vais regardé les autres scripts...

zeiram : lors de mes essais (en local) je n'ai pu le faire fonctionner qu'avec un id. Mais je ne garantis pas avoir correctement vidé le cache de DC2 et celui de FF3... L'ajout d'un tableau me gêne un peu au niveau CSS, je n'ai sans doute pas assez insisté dans mes tests... Mais je garde le script sous le coude.

Merci de votre aide...

Hors ligne

#11 2014-12-12 17:22:32

donskoi
Membre
Inscription : 2014-12-12

Re : Comment mettre une ombre sous une image...

Bonjour,
Je dispose de DotClear 2.6.4
Quelle est la taille maximum d'un billet à l'installation ? Peut-on la changer ?
Cordialement

Hors ligne

#12 2014-12-12 18:25:32

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : Comment mettre une ombre sous une image...

@donskoi : tu peux me dire où se situe le rapport entre le topic et ta demande ?
De plus, multiplier les demandes identiques dans des parties du forum est totalement contre productif (ça nous gave même un tantinet).

On t'a posé des questions ici afin de t'aider, ça serait mieux d'y répondre histoire d'avancer un peu, non ?

Hors ligne

#13 2014-12-12 19:02:01

i_love_dc
Membre
Inscription : 2007-07-13

Re : Comment mettre une ombre sous une image...

Avec une règle .CSS tu type

img {
box-shadow: 0px 5px 7px 0px rgba(117, 117, 117, 0.17);
-moz-box-shadow: 0px 5px 7px 0px rgba(117, 117, 117, 0.17);
-webkit-box-shadow: 0px 5px 7px 0px rgba(117, 117, 117, 0.17);
}

c'est pas bon ?

Dernière modification par i_love_dc (2014-12-12 19:03:32)

Hors ligne

#14 2014-12-13 14:11:04

i_love_dc
Membre
Inscription : 2007-07-13

Re : Comment mettre une ombre sous une image...

PS - je m'excuse si mon intervention est "hors-sujet" :-(

Hors ligne

#15 2014-12-13 16:10:58

Mirovinben
M comme Mathusalem
Lieu : Dole (Jura)
Inscription : 2007-02-06
Site Web

Re : Comment mettre une ombre sous une image...

i_love_dc a écrit :

PS - je m'excuse si mon intervention est "hors-sujet" :-(

Pas forcément hors-sujet mais ce topic date un peu... Et depuis 2008, j'ai fait des progrès. ;-) Et j'utilise ombrages et découpes basées sur des déclarations css depuis un certain temps sur mon blog.

A part ça, je confirme ta suggestion.

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map