www.webdeveloper.com
Results 1 to 5 of 5

Thread: An idea to crate my personal webpage, but how?

  1. #1
    Join Date
    Mar 2012
    Posts
    18

    Lightbulb An idea to crate my personal webpage, but how?

    Hi to everyone,

    It will be my first thread here. And I am sure that it won't be the last since I am trying to learn web design to fill my spare time with something that I wonder about.

    I am sketching the layout of my upcoming web page. The thing that I want is to have a navbar which will slide (move) left and right, let's say for 5 seconds and return to it's first position. It will slide left and right whenever someone clicks on any navigation link of navbar. This navbar will be fixed to the top of screen.

    I do not know much about scripting language, and will be very thankful if anyone has any idea on how to accomplish that.

  2. #2
    Join Date
    Mar 2012
    Location
    Saint-Petersburg, Russia
    Posts
    97
    It is not very clear what exactly behavior of navbar you want.

    Anyway it is not a complicated trick... You need to have the main container element of navbar absolutely positioned (style position absolute) and change its position with a timer. There are half-ready solutions for such animated effects in jQuery (it also allows you to avoid compatibility problems), but anyway you need to have some practice/experience with "scripting languages".

  3. #3
    Join Date
    Feb 2012
    Location
    youTUBE
    Posts
    234
    If navbar is fixed where willl it slide?
    (1) How many things does navbar administer?
    (2) How does navbar behave while administering itself?

  4. #4
    Join Date
    Sep 2008
    Location
    Jackson MS
    Posts
    373
    How does your page look so far?

  5. #5
    Join Date
    Mar 2012
    Posts
    18
    It will give the effect of printer head. Imagine how the head of a printer moves left and right while printed paper comes out. The Navbar will be a rectangular shape at the left-top of the screen, and on this rectangular i will place 4 links to provide the navigation to other pages below. When you click any of those links the rectangular navbar will slide to the right of the page and come back and stop where it started. (several times) The general idea of my page will be single-page website.

    @wbport
    I have not published it yet. I will post the link when the main structure of the page is ready.
    @WyCnet
    The navbar will be fixed to the top in order to be stable while the content pages slide from top to the bottom (single-page website).
    @RadionGork
    Thanks for the tip. I am working on JQuery scripts right now.

    Off Topic
    I am currently having a problem with changing the element of <ul> tag. When I inspect my page I can see the code;

    Code:
    <div id="slider">
    <ul style="width: 2748px; ">
    When I open this page with notepad or other html editors, I can't see the "style" attribute and change it. I tried to add external CSS to change it but no way... It is still the same... Has anyone of you run into this kind of problem?

Thread Information

Users Browsing this Thread

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

Tags for this Thread

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



Recent Articles