Search jQuery

jQuery Forum

Getting Started

Sergiu Ma..

How can I make an website with pages fixed in the screen?

in Getting Started • 8 years ago

I am a beginner in coding so please have patiente and try to give me some tips for my problem.

I would like to make a personal portofolio website and I want to have pages fixed in the browser like this website:

http://www.duemonete.it/ita/

Who can I get start with css, or structure ? I don't know how to start to do it. Some tips, please ?

Replies(7)

jakecigar

Re: How can I make an website with pages fixed in the screen?

8 years ago

Start with 2 things. The desired layout, and the HTML. You can keep the layout in your head or on paper if it helps. Code the html , without CSS making it as close as possible. Then add the CSS to make it look perfect.

Then comes JavaScript and jQuery to make pieces jump, hide, move or just to position them better than you could do with CSS.

The site you mentioned uses a very large animated gif as a background image. I watched it for a while trying to figure out where to put my coin.

That’s my opinion. Everybody has one, and some may disagree with me. The way you work should be whatever gives you joy.

JΛ̊KE

Sergiu Ma..

Re: Re: How can I make an website with pages fixed in the screen?

8 years ago

Thank you for you reply, Jake !

About CSS how should I code? I know that it's something with 100% for background or something like that? Can you explain me more ?

jakecigar

Re: How can I make an website with pages fixed in the screen?

8 years ago

Any element can have a background image in css. Even <body> or <html>!

So just make a big <div id="background"></div>

And use CSS to place it somewhere with absolute positioning

#background{

position:absolute;

width:100%;

height:100%;

background-image : url(big.gif);

z-index:-1;

}

A search engine can be your best friend here. "CSS background image tutorial" will find many teaching sites!

JΛ̊KE

Sergiu Ma..

Re: Re: How can I make an website with pages fixed in the screen?

8 years ago

Thank you very much for your patience. I will start to work and if I will have problems or questions about coding, I hope that you can help me without being for you a disturbing person.

jakecigar

Re: How can I make an website with pages fixed in the screen?

8 years ago

Ask as many questions as you need, each one about a small problem (not all problems at once), and you will get great answers about how to use jQuery to enhance your pages!

JΛ̊KE

Sergiu Ma..

Re: Re: How can I make an website with pages fixed in the screen?

8 years ago

By the way, for comments,news,most commented posts or recent work I should use php right ? And for that I should combine html, css, jquery and php in a perfect way ?

jakecigar

Re: How can I make an website with pages fixed in the screen?

8 years ago

Sounds like you are thinking about a blog as well. Few people use their own code to make blog. Check into http://blog-services-review.toptenreviews.com or other review sites to choose. Most of them can use jQuery.

Learning PHP is another story.

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

How can I make an website with pages fixed in the screen?

Replies(7)

Re: How can I make an website with pages fixed in the screen?

Re: Re: How can I make an website with pages fixed in the screen?

Re: How can I make an website with pages fixed in the screen?

Re: Re: How can I make an website with pages fixed in the screen?

Re: How can I make an website with pages fixed in the screen?

Re: Re: How can I make an website with pages fixed in the screen?

Re: How can I make an website with pages fixed in the screen?

Statistics

Tags

Actions