Results 1 to 4 of 4

Thread: CSS Imagemaps? I did it :D

  1. #1
    Join Date
    Jul 2005

    CSS Imagemaps? I did it :D

    www.muzzleflash.biz (I hope that's not advertising, because I have no content up and what I have to offer wouldn't interest anyone here)

    It was trial and error for a bit because I've never used css for much besides changing fonts, colors, and scrollbars, but some time on google taught me how to do it. It actually gives you a lot of versatility.

    Tell me what you think of my implimentation and I'll tell you how I did it in detail. I could make a solid tutorial on it.

    edit: i finished writing copy for my site but still no way for people to order, so hopefully not advertising. i'm only really interested in what people think of the imagemap implimentation.
    Last edited by muzzleflash; 07-10-2005 at 06:30 PM.

  2. #2
    Join Date
    Nov 2003
    Jerryville, Tejas
    It needs a valid doctype and replacement of some deprecated tags like <center> but it looks ok otherwise.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  3. #3
    Join Date
    Aug 2004
    San Diego, CA
    Rather elegant the way the image map changes the content of the "window." Smooth, I like the concept. It's quick and clean.

    The visual overall seems awfully dark, though. Doesn't create a very positive impression. I've been through Tennessee several times. That is some of the most beautiful country on planet Earth. Just seeing the name brings an image of green mountains and limestone outcroppings that always took my breath away. IMHO you should use something like that in your site.

    I know the second part wasn't really what you were asking for, but I couldn't resist. I grew up and still live in the arid West and that area just amazed me every time I've visited it.

  4. #4
    Join Date
    Jul 2005
    Thanks for the input!

    I just realized I used UT orange. Agh. Kill me now. I remember seeing how people would paint their doghouses that color, not my favorite thing. Originally I came up with the white/gray/black/orange colorscheme back in 2002, probably subliminally influenced by an old steakandcheese.com template.

    You're right. It needs to be changed to something more eyefriendly, probably with whitespace. I'll have the Athens link turn the entire page background into a random (out of 10 or so) photograph from the region. Part of the dark reason is it let me be lazy with image spacing and alignment. The header does appeal to me... but I could be nuts. Need a focus group..

    I'll make a table to contain everything, background it black, and have the rest be white background. A few minutes adjusting my stylesheet and the pages that load inside the iframe will be white backgrounded as well, and this just might work.

    Sure is muggy here right now, I'm in the Tennessee Valley. The good part is you don't have to drive very far at all to see some marvelous stuff, and the mountains aren't much farther.

    Also, I'm thinking up some way to allow javascript-disabled users to scroll the page. Something that would pop in scrollbars on the iframe if js is off, not sure how to do it yet but I'll find out how hopefully.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.09305 seconds
  • Memory Usage 2,858KB
  • Queries Executed 13 (?)
More Information
Template Usage (32):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (4)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (4)postbit
  • (4)postbit_onlinestatus
  • (4)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates