Pink Poogle Toy Forum

The official community of Pink Poogle Toy. Bear with me while I tweak everything
It is currently Wed Sep 16, 2026 5:20 am

View Unanswered topics | View active topics


» »

All times are UTC



Post new topic  This topic is locked, you cannot edit posts or make further replies.  Page 1 of 1
  [ 4 posts ] 
  Previous topic | Next topic 
Author Message
Axe
PostPosted: Tue Jul 20, 2004 9:50 pm 
PPT God
PPT God
Offline

Posts: 2155
Joined: Thu Jun 10, 2004 4:21 pm
Can someone code my web layout? I would like the bottom two boxes to be I frames, and for someone to code them with trs and tds. Thanks

http://home.comcast.net/~xalaxracer/Web ... layout.bmp
Top
 
   
WIS
 Post subject:
PostPosted: Sun Jul 25, 2004 8:32 pm 
Beyond Godly
Beyond Godly
Offline

Posts: 4874
Joined: Thu Jul 22, 2004 3:20 pm
Location: Vancouver!
I think I MIGHT be able to code that. I just need to get pictures of all of the lines of the boxes. (not trs and tds, another more complicated solution because I'm not all that good with trs and tds)

Make pictures of the links

<center><img src="http://topbox.topline"><br>
</center><img src="http://topbox.leftline"><center> TEXT HERE TEXT HERE!!!!!</center><right><img src="http://topbox.rightline"><br></right>
<img src="http://topbox.bottomline"><br><br>
<img src="http://leftbox.topline"> <img src="http://rightbox.topline">
<br>
<img src="http://leftbox.sectionoftopline"><img src="http://button"><img src="http://leftbox.sectionofrightline"> <img src="http://rightbox.sectionofleftline"><center>TEXT HERE TEXT HERE </center><right><img src="http://rightbox.sectionofrightbox">
<br>
<img src="http://leftbox.sectionoftopline"><img src="http://button"><img src="http://leftbox.sectionofrightline"> <img src="http://rightbox.sectionofleftline"><center>TEXT HERE TEXT HERE </center><right><img src="http://rightbox.sectionofrightbox">
<br>
<img src="http://leftbox.sectionoftopline"><img src="http://button"><img src="http://leftbox.sectionofrightline"> <img src="http://rightbox.sectionofleftline"><center>TEXT HERE TEXT HERE </center><right><img src="http://rightbox.sectionofrightbox">
<br>
<img src="http://leftbox.sectionoftopline"><img src="http://button"><img src="http://leftbox.sectionofrightline"> <img src="http://rightbox.sectionofleftline"><center>TEXT HERE TEXT HERE </center><right><img src="http://rightbox.sectionofrightbox">
<br>
<img src="http://leftbox.sectionoftopline"><img src="http://button"><img src="http://leftbox.sectionofrightline"> <img src="http://rightbox.sectionofleftline"><center>TEXT HERE TEXT HERE </center><right><img src="http://rightbox.sectionofrightbox">
<br>
<img src="http://leftbox.sectionoftopline"><img src="http://button"><img src="http://leftbox.sectionofrightline"> <img src="http://rightbox.sectionofleftline"><center>TEXT HERE TEXT HERE </center><right><img src="http://rightbox.sectionofrightbox">
<br>
<img src="http://leftbox.bottomline"> <img src="http://rightbox.bottomline">





THERE! Replace all the http:// with the proper pictures. (phew, that took a while, I did that all by typing so there might be a mistake :P)
Top
 
   
Hunter Lupe
 Post subject:
PostPosted: Sun Jul 25, 2004 9:21 pm 
Administrator
Administrator
Offline

Posts: 1140
Joined: Mon May 31, 2004 1:36 pm
Website: http://www.digifort.com/idnq/
Since every border is the same, you're better off slicing 1px piece of horizontal and vertical borders (+4 corners), and using those to create a border using a table (align it using a div if you must).

Code:
<table width="whatever">
<tr>
  <td width="cornerwidth"><img src="corner-top-left.gif"></td>
  <td width="100%" style="background-image: url(border-hor.gif); font-size: 1px"> </td>
  <td width="cornerwidth"><img src="corner-top-right.gif"></td>
</tr>
<tr>
  <td style="background-image: url(border-hor.gif); font-size: 1px"> </td>
  <td>{CONTENT GOES HERE}</td>
  <td style="background-image: url(border-hor.gif); font-size: 1px"> </td>
</tr>
<tr>
  <td><img src="corner-bot-left.gif"></td>
  <td width="100%" style="background-image: url(border-hor.gif); font-size: 1px"> </td>
  <td><img src="corner-bot-right.gif"></td>
</tr>
</table>

_________________
Image
Will you stop with the honour stuff?
Top
 
   
Ibis
 Post subject:
PostPosted: Sun Aug 01, 2004 12:34 pm 
PPT Toddler
PPT Toddler
Offline

Posts: 162
Joined: Sun Aug 01, 2004 11:14 pm
ICQ: 41960331
Website: http://ibisaeg.mine.nu
Location: Sweden
you could do that with div layers, using zero pics and maybe 6-8 layers :)
w8...brb ;P

Done!
http://ibisaeg.mine.nu/andras/Weblayout/

XHTML code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv">
<head>
<title>Something</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
 <div id="#container">
 <div id="topholder">
  <div id="top"></div>
 </div>
 <div id="bottomholder">
  <div id="title">links</div>
  <div id="linksholder">
   <div id="links"></div>
  </div>
  <div id="otherholder">
   <div id="other"></div>
  </div>
 </div>
</div>
</body>
</html>


CSS:
Code:
/* -= SIDDESIGN =- */

/* Body */
body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color: #FFFFFF;
   font-size: 12px;
   margin: 4px;
   padding: 4px;
}

#container {
   width: 724px;
   height: 500px;
}

#topholder {
   background-color: #FFA500;
   height: 158px;
   width: 722px;
   position: absolute;
   border: 1px solid #000000;
}

#top {
   background-color: #FFFFFF;
   height: 152px;
   width: 716px;
   border: 1px solid #000000;
   margin: 2px;
}

#bottomholder {
   top: 166px;
   width: 507px;
   height: 229px;
   position: relative;
}

#title {
   font-size: 10px;
   width: 166px;
   text-align: right;
}

#linksholder {
   position: absolute;
   background-color: #FFA500;
   width: 164px;
   height: 321px;
   border: 1px solid #000000;
}

#links {
   background-color: #FFFFFF;
   width: 158px;
   height: 315px;
   border: 1px solid #000000;
   margin: 2px;
}

#otherholder {
   background-color: #FFA500;
   position: absolute;
   width: 537px;
   height: 323px;
   left: 185px;
   border: 1px solid #000000;
}

#other {
   background-color: #FFFFFF;
   width: 531px;
   height: 317px;
   border: 1px solid #000000;
   margin: 2px;
}

_________________
http://ibisaeg.mine.nu
<silja rox my sox>... somewhat :P
Top
 
   
Display posts from previous:  Sort by  
Post new topic  This topic is locked, you cannot edit posts or make further replies.  Page 1 of 1
  [ 4 posts ] 

» »

All times are UTC

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Limited