Jump to content

Backgrounds

squiblo

By squiblo
in CSS Help

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
https://forums.phpfreaks.com/topic/169681-backgrounds/
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
https://forums.phpfreaks.com/topic/169681-backgrounds/#findComment-895255
Share on other sites

Archived

This topic is now archived and is closed to further replies.

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.