Looking for two-part push pins to create "notes"
A few years ago I saw a webpage on a youth soccer site (Langley British Columbia, Canada, I think) that used a corkboard background and had varioius "notes" stuck to the board with pushpins.
As I remember it, the "Notes" were html tables with colored backgrounds into which was typed the note message. Somehow, there were two-part push pins, with the bottom part of the long pin "stuck" in the colored background, and the top of the pin "apparently" overhanging the note, complete with shadow on the background.
I'm trying to experiment with such an effect but can't find the original site, nor any split pushpins. Probably really simple for those who use graphic programs daily, but I'd have a bit of a learning curve to create this myself from existing pushpin gifs.
Has anyone seen the effect that I'm talking about?
tx
Bob Summers
Ottawa, Ontario, Canada
Troy1960 posted this at 01:02 — 10th November 2004.
They have: 152 posts
Joined: Sep 2004
Here's the corkboard...
http://www.corkboard.com/corkboard/cork.gif
Do a search on Imagebank.com and you can find some thumb tacks.
Megan posted this at 14:19 — 10th November 2004.
She has: 11,421 posts
Joined: Jun 1999
It's probably not actually a two part pushpin. It's probably just one graphic with the pushpin stuck through a background the same colour as the html background. You could just chop the pin in two parts and try to do it that way but it would be much easier just to keep it all one graphic. A little visual trickery and nobody will know the difference.
Megan
Connect with us on Facebook!
Bob Summers posted this at 16:38 — 10th November 2004.
They have: 3 posts
Joined: Nov 2004
Troy -- Thanks for the corkboard reference. It saved me looking for one.
Megan -- Your idea sounded good so I gave it an initial try but failed. I'm not quite sure that it's possible to make a graphic appear in, say, a yellow cell (part of the actual note) and at the same time, overhang into a cell with the same color as the html background. The image is always contained fully inside a single cell, unless I'm missing something obvious here.
Splitting the graphic (or hopefully finding one that is already split) seems the most viable way to me.
Thanks
Bob Summers
Megan posted this at 21:26 — 10th November 2004.
She has: 11,421 posts
Joined: Jun 1999
Here's a sample. The red lines represent your table borders. So, you see, that the white note part is actually made up of parts of several table cells. It looks like it's all one, but it's not.
http://www.webmaster-forums.net/attachment.php?attachmentid=74&stc=1
Megan
Connect with us on Facebook!
Bob Summers posted this at 00:24 — 19th November 2004.
They have: 3 posts
Joined: Nov 2004
Thanks. That's a different way to do it. The original that I had seen did not use any background graphic at all. It just relied on a colored table background. The only graphic was the push-pin.
Yours would probably would look better since you actually get to use a "graphic" of piece of paper complete with all it's realisitic imperfections, shadows, etc. I might add a column on the left side too so that any typed in text will appeared centered on the paper.
Since I'm not an artist, I'll have to search for a graphic of a piece of paper to chop up for the table sections.
tx
Bob Summers
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.