INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Jobs

How to create a virtual gift wall

How to create a virtual gift wall

(OP)
I have created a website for a small charity.

Now they want to start a fundraising page based on the standard buy a brick campaign, where every sponsor will have their name added to a brick.

Initially they want a virtual wall on the website, that will be transferred to a physical wall when the project they are collecting for is completed.

Basically, on the website, they want an unlimited number of brick rows, each row containing about 8 bricks, with alternative rows having a "half brick" at each end to give the brick bond effect. As people buy a brick their names will be added, with the possibility of a hover effect pop-up showing more details (e.g. message, logo or photo).

If anyone attempted such a thing can you give me an idea of which would be the best way to achieve this: divs, tables ?

Many thanks

RE: How to create a virtual gift wall

Quote:

If anyone attempted such a thing can you give me an idea of which would be the best way to achieve this: divs, tables ?

Quote:

they want an unlimited number of brick rows, each row containing about 8 bricks, with alternative rows having a "half brick" at each end to give the brick bond effect
Called "Flemish Bond" in the 'brikkie' trade

Any way you prefer, but it will not be functional the way you want using HTML and CSS, unless you intend to re-write the HTML code manually each time some one purchases a 'brick' or several bricks. The actual design is relatively simple, using CSS styled elements rather than 'tables', as a table layout would require lots of "colspan=2" attributes.

The 'back end' you are looking for is basically a "Pay Per Pixel" aka "PixelAd", websites that were prolific for a short while in the recent past. with a 'brick wall' design for the 'theme'.

Chris.

Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.
Webmaster Forum

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Resources

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close