Author Topic: [Mod] DropShadow on thumbnails  (Read 62420 times)

0 Members and 1 Guest are viewing this topic.

Offline Harry

  • Newbie
  • *
  • Posts: 33
    • View Profile
    • http://7summits.com
[Mod] DropShadow on thumbnails
« on: April 13, 2003, 08:20:47 PM »
Quote from: V@no
I thought those thumbnails were made by external software, not by server-side...
anyway I did test the shadow script u sent me, and...well...it kills my Apache server...litterely...
I have asked the author of that class and he'll look into it.


That's funny, I stumbled on this topic, but no-one ever bothered to ask me, the webmaster of the site how it was done. It's interesting to read your discussion about this but the solution is much simpler:


I added the following to the css files (I use many different CSS for every category etc):

Code: [Select]
.pic {filter: progid:DXImageTransform.Microsoft.Shadow(color=#AF4800,direction=135, strength=5)
   progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   border: 0;}


Then wherever the picture is defined (cannot find it now, though it was in thumbnail bit but it isn't), I added the class="pic" part, that's all  8)

Will probably only work in IE6+, but who cares, 90 use IE6+ and the rest will never knw it was there...

But I am glad you liked it 8)
Trips & Expeditions to the 7 summits: the highest mountains on the seven continents. Kilimanjaro, Aconcagua and more!
Check out http://7summits.com

Offline Harry

  • Newbie
  • *
  • Posts: 33
    • View Profile
    • http://7summits.com
[Mod] DropShadow on thumbnails
« Reply #1 on: April 13, 2003, 08:29:33 PM »
small update:

it was changed in functions.php
Change

Code: [Select]
    $thumb = "<img


into

Code: [Select]
    $thumb = "<img class=\"pic\"


 8)
Trips & Expeditions to the 7 summits: the highest mountains on the seven continents. Kilimanjaro, Aconcagua and more!
Check out http://7summits.com

Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Global Moderator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
[Mod] DropShadow on thumbnails
« Reply #2 on: April 14, 2003, 12:08:17 AM »
Quote from: Harry
That's funny, I stumbled on this topic, but no-one ever bothered to ask me, the webmaster of the site how it was done.

that was funny! :lol:

I have tryed a few weeks ago do the same thing, but it didnt work at all...I might massed something up...
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)

Offline Xwall

  • Full Member
  • ***
  • Posts: 100
    • View Profile
    • http://www.xwall.tk
[Mod] DropShadow on thumbnails
« Reply #3 on: April 15, 2003, 03:33:58 PM »
itīs perfect :D

Offline Harry

  • Newbie
  • *
  • Posts: 33
    • View Profile
    • http://7summits.com
[Mod] DropShadow on thumbnails
« Reply #4 on: April 15, 2003, 03:41:23 PM »
Quote from: Xwall
itīs perfect :D


Thanks  8)

Just a little assurance for everybody who's interested: the thumbnails themselves are not changed in any way, just the way they are shown on the screen...

Harry
Trips & Expeditions to the 7 summits: the highest mountains on the seven continents. Kilimanjaro, Aconcagua and more!
Check out http://7summits.com

Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Global Moderator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
[Mod] DropShadow on thumbnails
« Reply #5 on: April 15, 2003, 07:39:17 PM »
Is there a way make shadows half transparent?
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)

Offline Harry

  • Newbie
  • *
  • Posts: 33
    • View Profile
    • http://7summits.com
[Mod] DropShadow on thumbnails
« Reply #6 on: April 15, 2003, 07:48:36 PM »
Quote from: V@no
Is there a way make shadows half transparent?


It's been a while since I played around wity the CSS etc, but I think you can just adjust the Opacity if you use my CSS. (0 =invisible, 100 is fully visible)

Or just do a google search for more possibilities: filter, CSS, shadow..

Hope this helps!
 8)
Trips & Expeditions to the 7 summits: the highest mountains on the seven continents. Kilimanjaro, Aconcagua and more!
Check out http://7summits.com

Offline jackie911

  • Newbie
  • *
  • Posts: 41
    • View Profile
Can you teach me How to make it??
« Reply #7 on: April 16, 2003, 02:20:30 PM »
I'm a stupid guy, Can you teach me with details ??

 :wink:

Quote from: Harry
Quote from: V@no
Is there a way make shadows half transparent?


It's been a while since I played around wity the CSS etc, but I think you can just adjust the Opacity if you use my CSS. (0 =invisible, 100 is fully visible)

Or just do a google search for more possibilities: filter, CSS, shadow..

Hope this helps!
 8)

Offline SLL

  • Hero Member
  • *****
  • Posts: 585
    • View Profile
[Mod] DropShadow on thumbnails
« Reply #8 on: April 16, 2003, 03:10:50 PM »
Quote from: V@no
Is there a way make shadows half transparent?

Unfortunatelly, MSDN says "no"
Very nice solution, though, and it works. One remark: only first line is needed, like this:
Code: [Select]
.pic {filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=2)}
All other lines apply to the whole thumb, and there's no need to make it transparent or blur. You could also try another filter - DropShadow - maybe it looks better for you.

Offline Harry

  • Newbie
  • *
  • Posts: 33
    • View Profile
    • http://7summits.com
[Mod] DropShadow on thumbnails
« Reply #9 on: April 16, 2003, 03:15:38 PM »
@SSL: you are right, the other part is for making the pic transparent (if you would want that).
But you can create a semitransparent look bij choosing a light color

@ Jackie: I probably could, but have no time!
I have expeditions to organise   8) and my site to update...  :roll:
 
I am no coder myself and just read some online tutorials about CSS, so just do a search and try things out..

Good luck,
Harry
Trips & Expeditions to the 7 summits: the highest mountains on the seven continents. Kilimanjaro, Aconcagua and more!
Check out http://7summits.com

Offline jackie911

  • Newbie
  • *
  • Posts: 41
    • View Profile
Thanks !!
« Reply #10 on: April 16, 2003, 03:22:06 PM »
If you have time, please teach me.
It is because I'm the beginner of 4images.

Thank you again.

 :lol:

Quote from: Harry
@SSL: you are right, the other part is for making the pic transparent (if you would want that).
But you can create a semitransparent look bij choosing a light color

@ Jackie: I probably could, but have no time!
I have expeditions to organise   8) and my site to update...  :roll:
 
I am no coder myself and just read some online tutorials about CSS, so just do a search and try things out..

Good luck,
Harry

Offline Harry

  • Newbie
  • *
  • Posts: 33
    • View Profile
    • http://7summits.com
Re: Thanks !!
« Reply #11 on: April 16, 2003, 03:27:30 PM »
Quote from: jackie911
If you have time, please teach me.
It is because I'm the beginner of 4images.
Thank you again.

 :lol:


If I would have time I would work on my site first  :wink:
Most of my mods are to be found on this forum, so read that first.

If you need more time from me, you will have to buy it by signing up for a Kilimanjaro trip first  8)

Any detailed question I will be glad to help with as you can read in my posts.

Good luck,
Harry
Trips & Expeditions to the 7 summits: the highest mountains on the seven continents. Kilimanjaro, Aconcagua and more!
Check out http://7summits.com

Offline jackie911

  • Newbie
  • *
  • Posts: 41
    • View Profile
Re: Thanks !!
« Reply #12 on: April 16, 2003, 03:30:21 PM »
Really !!

I search it by myself.

 :D  

Quote from: Harry
Quote from: jackie911
If you have time, please teach me.
It is because I'm the beginner of 4images.
Thank you again.

 :lol:


If I would have time I would work on my site first  :wink:
Most of my mods are to be found on this forum, so read that first.

If you need more time from me, you will have to buy it by signing up for a Kilimanjaro trip first  8)

Any detailed question I will be glad to help with as you can read in my posts.

Good luck,
Harry

Offline jackie911

  • Newbie
  • *
  • Posts: 41
    • View Profile
Re: Thanks !!
« Reply #13 on: April 16, 2003, 04:57:43 PM »
Done !!
http://album.barndisco.com

 :lol:

Quote from: jackie911
Really !!

I search it by myself.

 :D  

Quote from: Harry
Quote from: jackie911
If you have time, please teach me.
It is because I'm the beginner of 4images.
Thank you again.

 :lol:


If I would have time I would work on my site first  :wink:
Most of my mods are to be found on this forum, so read that first.

If you need more time from me, you will have to buy it by signing up for a Kilimanjaro trip first  8)

Any detailed question I will be glad to help with as you can read in my posts.

Good luck,
Harry
http://

Offline Harry

  • Newbie
  • *
  • Posts: 33
    • View Profile
    • http://7summits.com
[Mod] DropShadow on thumbnails
« Reply #14 on: April 16, 2003, 05:12:13 PM »
Well, that wasn't too difficultafter all, right?
You migjht want to change the color of the shadow as this color (The "color=#AF4800" part)was good for my Kilimanjaro CSS, but it does not match your site.

You can use http://www.boogiejack.com/colorpop.html to find the right code for your color, I would choose someting like #000060 or so...

good luck,
Harry
Trips & Expeditions to the 7 summits: the highest mountains on the seven continents. Kilimanjaro, Aconcagua and more!
Check out http://7summits.com