Jump to content

Backgrounds

squiblo

By squiblo
in CSS Help

 Share

Recommended Posts

squiblo Advanced Member

squiblo

Posted
Posted

Im sure this is simple to do but I dont have a clue about CSS, at the moment part of my background is an image but is jusat taking up space, so how could i get this..."http://www.squiblo.com/about.php" to look more like this..."http://www.squiblo.com/terms.php" but with the body image as a background and not an individual image that just looks like a background.

 

this is the page script for /about.php...

<?php
session_start();
?>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Squiblo - About Us!</title>
<style type="text/css">
div#container
{
   width: 900px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
body
{
   text-align: center;
   margin: 0;
}
body { background-image: url(http://www.squiblo.com/Images/body_img.jpg);
background-repeat: repeat-x;  }
</style>
</head>
<body bgcolor="#E6E6E6" text="#FFFFFF">

<div id="container">
<div id="wb_Shape1" style="position:absolute;left:55px;top:41px;width:792px;height:125px;z-index:2" align="center">
<img src="/Images/header_img.jpg" id="Shape1" align="top" alt="" title="" border="0" width="792" height="125"></div>
<div id="wb_Text1" style="position:absolute;left:60px;top:85px;width:325px;height:72px;z-index:3" align="left">
<font style="font-size:70px" color="#FFFFFF" face="impact"><a href="/index.php" style="text-decoration:none"> <font color="#FFFFFF">SQUIBLO</a></font></font></div>




<?php
echo '<div id="wb_Shape2" style="position:absolute;left:54px;width:793px;height:412px;z-index:10;';
if(isset($_SESSION['myusername']))
{
   echo 'top:200px;';
}
else
{
   echo 'top:170px;';
}
echo '" align="center">
<img src="/Images/body_img.jpg" id="Shape2" align="top" alt="" title="" border="0" width="793" height="412"></div>';
?>


<div id="menubar" style="position:absolute;left:54px;top:168px;width:793px;height:30px;z-index:13" align="center"> 
<?php
if(isset($_SESSION['myusername']))
echo '<img src="/Images/header_img.jpg" id="menubar" align="top" alt="" title="" border="0" width="793" height="30">';
?>
</div>




<?php
if($_SESSION['myusername']){
?>
<div id="wb_Text1" style="position:absolute;left:684px;top:55px;width:151px;height:14px;z-index:7" align="right">
<font style="font-size:13px" color="#FFFFFF" face="Arial">You are logged in as:</font><br>

<font style="font-size:15px" color="#FF0000" face="Arial">
<?php
echo ucwords(strtolower($_SESSION['myusername']));
?>
</font></div>

<div id="logout" style="position:absolute;left:775px;top:130px;width:64px;height:23px;z-index:12" align="center"><a href="/logout.php">
<?php      
echo '<img src="/Images/logout.png" id="logout" align="top" alt="logout" title="" border="0" width="64" height="23">';
?>
</a></div>

<div id="apps" style="position:absolute;left:754px;top:169px;z-index:14" align="center">
<?php
include 'accmenu.php';
?>
</div>

<div id="wb_Text3" style="position:absolute;left:60px;top:173px;width:100px;height:30px;z-index:14" align="left">
<font style="font-size:17px" color="#FFFFFF" face="Arial"><a href="/index.php" style="text-decoration:none"><font color="#FFFFFF">Profile</a></font></font></div>

<div id="wb_Text4" style="position:absolute;left:123px;top:173px;width:100px;height:30px;z-index:14" align="left">
<font style="font-size:17px" color="#FFFFFF" face="Arial"><a href="http://google.com" style="text-decoration:none"><font color="#FFFFFF">Friends</a></font></font></div>

<div id="wb_Text5" style="position:absolute;left:195px;top:173px;width:100px;height:30px;z-index:14" align="left">
<font style="font-size:17px" color="#FFFFFF" face="Arial"><a href="http://google.com" style="text-decoration:none"><font color="#FFFFFF">Photos</a></font></font></div>

<div id="wb_Text6" style="position:absolute;left:262px;top:173px;width:100px;height:30px;z-index:14" align="left">
<font style="font-size:17px" color="#FFFFFF" face="Arial"><a href="http://google.com" style="text-decoration:none"><font color="#FFFFFF">Mail</a></font></font></div>

<div id="wb_Text7" style="position:absolute;left:610px;top:173px;width:100px;height:30px;z-index:14" align="left">
<font style="font-size:17px" color="#FFFFFF" face="Arial"><a href="http://google.com" style="text-decoration:none"><font color="#FFFFFF">Search</a></font></font></div>

<div id="wb_Text8" style="position:absolute;left:680px;top:173px;width:100px;height:30px;z-index:14" align="left">
<font style="font-size:17px" color="#FFFFFF" face="Arial"><a href="http://google.com" style="text-decoration:none"><font color="#FFFFFF">Settings</a></font></font></div>


<?php
}
else
{
?>
<form name="form1" method="post" action="checklogin.php">
   <input type="text" id="myusername" style="position:absolute;left:651px;top:59px;width:174px;font-family:Arial;font-size:13px;z-index:4" size="29" name="myusername" value="" title="username">
   <input type="password" id="mypassword" style="position:absolute;left:651px;top:86px;width:174px;font-family:Arial;font-size:13px;z-index:5" size="29" name="mypassword" value="" tabindex="password" title="password">
   <input type="checkbox" id="Checkbox1" name="Checkbox1" value="on" style="position:absolute;left:648px;top:113px;font-family:Arial;font-size:13px;z-index:6">
  <input type="submit" id="Button1" name="Login" value="Login" style="position:absolute;left:778px;top:117px;width:50px;height:43px;font-family:Arial;font-size:13px;z-index:8" title="Login">
</form>
   <div id="wb_Text7" style="position:absolute;left:584px;top:63px;width:47px;height:16px;z-index:22" align="left">
   <font style="font-size:13px" color="#FFFFFF" face="Arial">Username:</font></div>
   <div id="wb_Text8" style="position:absolute;left:586px;top:88px;width:65px;height:16px;z-index:23" align="left">
   <font style="font-size:13px" color="#FFFFFF" face="Arial">Password:</font></div>
   <div id="wb_Text2" style="position:absolute;left:669px;top:113px;width:111px;height:14px;z-index:7" align="left">
   <font style="font-size:11px" color="#FFFFFF" face="Arial">Remember Me</font></div>
   <div id="wb_Text3" style="position:absolute;left:651px;top:131px;width:122px;height:14px;z-index:9" align="left">
   <font style="font-size:11px" color="#FFFFFF" face="Arial">Forgot your password?</font></div>

<?php
}
?>


<?php
if($_SESSION['myusername']){
?>
<div id="copyright" style="position:absolute;left:55px;top:618px;width:150px;height:44px;z-index:32" align="left">
<font style="font-size:13px" color="#000000" face="Arial">Squiblo &#169; 2009
</font></div>
<?php
}
else
{
?>
<div id="copyright" style="position:absolute;left:55px;top:588px;width:150px;height:44px;z-index:32" align="left">
<font style="font-size:13px" color="#000000" face="Arial">Squiblo &#169; 2009</font></div>
<?php
}
?>

<?php
if($_SESSION['myusername']){
?>
<div id="about" style="position:absolute;left:185px;top:618px;width:150px;height:44px;z-index:33" align="left">
<font style="font-size:13px" color="#000000" face="Arial"><a href="/about.php" style="text-decoration:none"><font color=#000000>About Us
</font></a></font></div>
<?php
}
else
{
?>
<div id="about" style="position:absolute;left:185px;top:588px;width:150px;height:44px;z-index:33" align="left">
<font style="font-size:13px" color="#000000" face="Arial"><a href="/about.php" style="text-decoration:none"><font color=#000000>About Us</font></a></font></div>
<?php
}
?>

<?php
if($_SESSION['myusername']){
?>
<div id="terms" style="position:absolute;left:285px;top:618px;width:150px;height:44px;z-index:34" align="left">
<font style="font-size:13px" color="#000000" face="Arial"><a href="/terms.php" style="text-decoration:none"><font color=#000000>Terms and Conditions
</font></a></font></div>
<?php
}
else
{
?>
<div id="terms" style="position:absolute;left:285px;top:588px;width:150px;height:44px;z-index:34" align="left">
<font style="font-size:13px" color="#000000" face="Arial"><a href="/terms.php" style="text-decoration:none"><font color=#000000>Terms and Conditions</font></a></font></div>
<?php
}
?>

<?php
if($_SESSION['myusername']){
?>
<div id="contact" style="position:absolute;left:450px;top:618px;width:150px;height:44px;z-index:35" align="left">
<font style="font-size:13px" color="#000000" face="Arial"><a href="/contact.php" style="text-decoration:none"><font color=#000000>Contact Us
</font></a></font></div>
<?php
}
else
{
?>
<div id="contact" style="position:absolute;left:450px;top:588px;width:150px;height:44px;z-index:35" align="left">
<font style="font-size:13px" color="#000000" face="Arial"><a href="/contact.php" style="text-decoration:none"><font color=#000000>Contact Us</font></a></font></div>
<?php
}
?>

<?php
if($_SESSION['myusername']){
?>
<div id="privacy" style="position:absolute;left:555px;top:618px;width:150px;height:44px;z-index:36" align="left">
<font style="font-size:13px" color="#000000" face="Arial"><a href="/privacy.php" style="text-decoration:none"><font color=#000000>Privacy
</font></a></font></div>
<?php
}
else
{
?>
<div id="privacy" style="position:absolute;left:555px;top:588px;width:150px;height:44px;z-index:36" align="left">
<font style="font-size:13px" color="#000000" face="Arial"><a href="/privacy.php" style="text-decoration:none"><font color=#000000>Privacy</font></a></font></div>
<?php
}
?>

<?php
if($_SESSION['myusername']){
?>
<div id="help" style="position:absolute;left:640px;top:618px;width:150px;height:44px;z-index:36" align="left">
<font style="font-size:13px" color="#000000" face="Arial"><a href="/help.php" style="text-decoration:none"><font color=#000000>Help
</font></a></font></div>
<?php
}
else
{
?>
<div id="help" style="position:absolute;left:640px;top:588px;width:150px;height:44px;z-index:36" align="left">
<font style="font-size:13px" color="#000000" face="Arial"><a href="/help.php" style="text-decoration:none"><font color=#000000>Help</font></a></font></div>
<?php
}
?>




</div>
</body>
</html>

Link to comment
Share on other sites
haku Regular Member

haku

Posted
Posted

I don't understand what you are looking for. But we are here to help people having troubles with scripts they are writing, not to write scripts for people. There is a freelancers section for that - i.e. hire someone.

 

If you really don't want to hire someone, then start learning CSS. There are a lot of free tutorials online, and many books you can buy on the subject.

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.