4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Advice on a "weird" website layout?

by DavidO
3 replies
  • WEB DESIGN
    • |
I've got a concept I want to try out on a new site but I don't even know if it's possible. It involves hiding most of the page until the visitor decides to "unveil" it.

Here's the deal: When visitors arrive all I want them to see is a single block of content, about 800px X 250px. This is a content slider that will present an interactive demo designed to hook the visitor.

The single block against my background will really stand out and grab all the visitor's attention... I don't want them distracted by navigation and other content.

When the visitor has finished the intro (or anytime they choose to) they can click a button that will convert it to the conventional site layout with a scrolling page including navigation, etc.

It can't be two separate pages because by itself the presentation block has very little content for SEO.

How do you suggest I do this? Thanks for any tips!
#advice #layout #website #weird
  • Profile picture of the author pmrc
    You can try using an iframe with an OnClick event. Would look something like this:

    <script>
    function showPage(PageNum){
    document.getElementById(PageNum).src = 'Page1.php';
    }
    </script>

    <p onClick="showPage('Page_1');">Click here to see the rest.</p>
    <iframe id="Page_1" src="blank_page.htm"></iframe>
    Signature
    Make Money With Traffic Exchanges
    {{ DiscussionBoard.errors[2465970].message }}
  • Profile picture of the author Paul Gordelo
    Yes It can be easily done.

    1. First design the home page with all content and set css display property none for all block except the content block you want to show.

    2. Give user a option on which clicking set again all css property to display block.

    if you are not clear then you can contact me directly on skype or msn my id is (himanshumaker)
    Signature

    Read my Wordpress Tutorials

    Get Free WordPress setup offer

    Read SFDC Beginner Tutorials

    {{ DiscussionBoard.errors[2465981].message }}
    • Profile picture of the author DavidO
      Thanks, Paul. Your solution sounds doable and I'll be happy to take you up on your offer to follow this up with you.
      {{ DiscussionBoard.errors[2466445].message }}

Trending Topics