VideoHelp Forum




+ Reply to Thread
Results 1 to 9 of 9
  1. 2nd May 2007 22:26 #1
    mikayd
    mikayd is offline
    Member
    Join Date
    Oct 2005
    Location
    United States
    Search Comp PM
    I want to make a page that will keep the picture in the background.

    Any help would be cool this is an example of what I want to do.
    Please list any programs needed.



    http://www.mosdefmusic.com/
    Quote Quote  
  2. 3rd May 2007 00:18 #2
    oz_surfer
    oz_surfer is offline
    Member oz_surfer's Avatar
    Join Date
    Jul 2006
    Location
    Australia
    Search Comp PM
    This is from Frontpage 2003
    Set your picture as background - then look at the code below paying attention to the style="background-attachment: fixed"

    <body topmargin="0" leftmargin="10" rightmargin="10" bottommargin="5" style="background-attachment: fixed"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>
    Quote Quote  
  3. 3rd May 2007 01:09 #3
    Conquest10
    Conquest10 is offline
    Member Conquest10's Avatar
    Join Date
    Sep 2002
    Location
    Chicago, IL
    Search Comp PM
    Easiest thing to do. Put this in the style sheet:

    body { background-image: url('image name') no-repeat fixed center; }
    His name was MackemX

    What kind of a man are you? The guy is unconscious in a coma and you don't have the guts to kiss his girlfriend?
    Quote Quote  
  4. 3rd May 2007 01:54 #4
    thecoalman
    thecoalman is offline
    Member thecoalman's Avatar
    Join Date
    Feb 2004
    Location
    Pennsylvania
    Search PM
    Originally Posted by mikayd
    Please list any programs needed.
    Notepad ... HTML is plain text, they do make text editors that will make editing HTML much easier. Coffecup makes a free addition for there editor:

    http://www.coffeecup.com/free-editor/
    Quote Quote  
  5. 3rd May 2007 06:06 #5
    mikayd
    mikayd is offline
    Member
    Join Date
    Oct 2005
    Location
    United States
    Search Comp PM
    I will need a littile mor help lol I dont even know where to start I am a flash man. Html is hard to me. is there an totruial or something thabks I will try what you guys said peace. I dont know hpw to make html code. lol
    Quote Quote  
  6. 3rd May 2007 06:08 #6
    mikayd
    mikayd is offline
    Member
    Join Date
    Oct 2005
    Location
    United States
    Search Comp PM
    I will need a little more help lol I don't even know where to start I am a flash man. Html is hard to me. is there an tutorial or something thanks I will try what you guys said peace. I dont know how to make html code. lol

    Thank you I love all of you
    Quote Quote  
  7. 3rd May 2007 07:27 #7
    Alex_ander
    Alex_ander is offline
    Member Alex_ander's Avatar
    Join Date
    Oct 2006
    Location
    Russian Federation
    Search Comp PM
    Here's a template for a simple page with just unformatted text and background image:

    <html>
    <head>
    <title>Title of your page</title>
    </head>

    <body background="path or web directory/image.jpg">



    Your text</p>

    </body>
    </html>

    Here the image should be either big enough to be not repeated or it can be a texture sample, then it will fill the page by repeating itself. Save a text file beginning with '<html>' tag and give it .htm or .html extension. To preview in IE, the image path should correctly point to a file on your system or you can use a url of any image from the web (when you are connected to internet).
    Also visit the page for tutorial:
    http://www.ncsu.edu/it/edu/html_trng/html_basics.html
    Quote Quote  
  8. 3rd May 2007 15:31 #8
    Mikay D
    Mikay D is offline
    Member
    Join Date
    May 2005
    Location
    Kansas City
    Search Comp PM
    Send a message via Yahoo to Mikay D
    Thanks I will give that an try Thanks in Advance
    Quote Quote  
  9. 3rd May 2007 15:48 #9
    thecoalman
    thecoalman is offline
    Member thecoalman's Avatar
    Join Date
    Feb 2004
    Location
    Pennsylvania
    Search PM
    To use the code provided by conquest which will work exactly like that page you linked to use this:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <title>Your Title</title>
<style type="text/css">
body { background-image: url(http://www.yoursite.com/yourimage.gif) no-repeat fixed center; } 
</style>
</head>
<body>

</body>
</html>
    -or-

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <title>Your Title</title>
</head>
<body style="background-image: url(http://www.yoursite.com/yourimage.gif) no-repeat fixed center;">

</body>
</html>
    -or-

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <title>Your Title</title>
<link rel="stylesheet" href="http://www.yoursite.com/external.css" type="text/css">
</style>
</head>
<body>

</body>
</html>
    In the last one,

    Code:
    body { background-image: url(http://www.yoursite.com/yourimage.gif) no-repeat fixed center; }
    Goes in a file called external.css or whatever filename you want to give it.


    HTML tutorials can be found here:
    http://www.w3schools.com/html/default.asp


    CSS tutorials here:
    http://www.w3schools.com/css/default.asp
    Quote Quote  



Similar Threads

« Previous Thread | Next Thread »
Visit our sponsor! Try DVDFab and backup Blu-rays!