Jump to content

Can You Recreate This With CSS/HTML/PHP?


Guest

Recommended Posts

Could someone code this layout for me?  I need the coding to be in a php file as a layout for all the threads/posts on my site.  Basically, under "message" the post title would appear there; under "Replies" it would show the # of replies in that post; under Person, it would show the original poster; and under Date, it would show the date that the post was made.  Here is the picture to show you what to code:

possiblephpforum.png

 

I know this is some of what is used to make it:

<table width=88% cellspacing=0 cellpadding=0 id="content" style="border: 2px solid 

#888888;"><tr><td width=100% colspan="2"></td></tr><tr>
<td width=100%><table style="width: 100%; height: 100%; background-color: #000000" 

cellspacing=0>

<tr><td style="width: 100%; background-color: #000000; text-align: center; padding-

bottom: 10px;"><table cellspacing="0" id="coolbar" style="background-color: 

#0051CC"><tr><td style="width: 20%; text-align: center; vertical-align: top; 

padding-top: 5px;">
<img src="/image.gif" alt="" style="width: 24px; height: 24px;" /><br />
<span style="display: inline-block; text-align: left"><a href=""><font 

color=white>Questions</font></a><br /><a href="" style="color: #ffff00;">Ask a 

Question</a></span></td><td style="width: 20%; text-align: center; vertical-align: 

top; padding-top: 5px;">
<img src="image.gif" alt="" style="width: 24px; height: 24px;" /><br />
<span style="display: inline-block; text-align: left"><a href=""><font 

color=white>All Tips</font></a><br /><a href="" style="color: #ffff00;">Add a 

Tip</a></span></td><td style="width: 20%; text-align: center; vertical-align: top; 

padding-top: 5px;">
<img src="image.gif" alt="" style="width: 24px; height: 24px;" /><br />
<span style="display: inline-block; text-align: left"><a href=""><font 

color=white>Reviews</font></a><br /><a href="" style="color: #ffff00;">Your 

Review</a></span></td><td style="width: 20%; text-align: center; vertical-align: top; 

padding-top: 5px;">
<img src="image.gif" alt="" style="width: 24px; height: 24px;" /><br />
<span style="display: inline-block; text-align: left"><a href=""><font 

color=white>View Polls</font></a><br /><a href="" style="color: #ffff00;">Start a 

Poll</a></span></td><td style="width: 20%; text-align: center; vertical-align: top; 

padding-top: 5px;">
<img src="image.gif" alt="" style="width: 24px; height: 24px;" /><br />
<span style="display: inline-block; text-align: left"><a href=""><font 

color=white>View Chats</font></a><br /><a href="" style="color: #ffff00;">Start a 

Chat</a></span></td></tr></table>

<table style="width: 100%;" cellspacing="0"><tr>
<td style="padding: 10px; width: 80%;">
<div style="position: relative; height: 140px;">
<div style="position: absolute; left: 160px; bottom: 0px;"><a href=""><font 

color=#99BBFF><b>Apply to be a Moderator</b></font></a><br /></div>
<img src="image.jpg" style="height: 140px; width: 140px; float: left; margin-right: 

20px;" />
<a href=""><h1 style="font-size: 16pt; margin-bottom: 10px;"><font color=white>(Forum 

Name Here)</font></h1></a>
<div id="desc"><font color=white>(forum description)</font></div>
</div>
</td>
<td style="width: 20%; text-align: right; padding: 5px;" valign="top"><img 

src="image.png" style="height: 140px; width: 140px;" /><br />
<a href="" ><font color=white>Next Page</font></a></td>
</tr></table>
</td>
</tr>
</table><table width=100% bgcolor=#000050 cellpadding=0 cellspacing=0 style="margin-

top: -5px; border-bottom: 2px solid #000000; border-top: 2px solid #505050;">
<tr> 
</tr></table><div style="background-color: #474787; display: none; padding: 2px; 

text-align: center;" id="controls">
Message: <input id="message" size="20" style="margin-right: 35px;" />
User: <input id="user" size="20" style="margin-right: 35px;" />
Date: <select id="month"><option value="0" selected="selected">--</option><option 

value="1">Jan</option><option value="2"> Feb</option><option value="3"> 

Mar</option><option value="4"> Apr</option><option value="5"> May</option><option 

value="6"> Jun</option><option value="7"> Jul</option><option value="8"> 

Aug</option><option value="9"> Sep</option><option value="10"> Oct</option><option 

value="11"> Nov</option><option value="12"> Dec</option></select><select id="year" 

style="margin-left: 10px;">
<option value="" selected="selected">--</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>

</div><tr><td width=100% bgcolor=#000000><span id="posts"><table cellpadding=8 

style="" cellspacing="0" id="index">
<tr id="indextop">
<td width=55% valign=middle colspan=2 style="padding: 8px;">
<font face=arial size=2 color=#ffffff>
  
<b>Message</b>
</td>
<td width=5%>
<font face=arial size=2 color=#ffffff>

Replies
</td>
<td width=20%>
<font face=arial size=2 color=#ffffff>
Person
</td>
<td width=20%>
<font face=arial size=2 color=#ffffff>
Date
</td><tr id="test1" bgcolor=202025>
<td width=2% align=center valign=middle style="border-right: 1px solid #000000; 

border-bottom: 1px solid #000000; border-top: 1px solid #303045; border-left: 1px 

solid #303045;"><div style="position: relative;"><img src="image.gif" style="width: 

32px; height: <?php if ($iid != 473) { ?>32<?php } else {?>64<?php } ?>px;">
</div>
</td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

10px;"><span id=""><a href="" id="" style="color: #ffff00; font-weight: bold; font-

family: arial;
font-size: 10pt;">Post Title </a></span></td>
<td valign=middle align=center style="border-right: 1px solid #000000; border-bottom: 

1px solid #000000; border-top: 1px solid #303045; border-left: 1px solid 

#303045;"><font face=arial size=2>0</font></td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

7px;"><font face=arial size=2>(User)<br></font><font face=arial size=1>(Last user to 

post)</font></td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

12px;"><font face=arial size=2><b>Date Here</b></font></td></tr><tr id="test" 

bgcolor=202025>
<td width=2% align=center valign=middle style="border-right: 1px solid #000000; 

border-bottom: 1px solid #000000; border-top: 1px solid #303045; border-left: 1px 

solid #303045;"><div style="position: relative;"><img src="image.jpg" style="width: 

32px; height: <?php if ($iid != 473) { ?>32<?php } else {?>64<?php } ?>px;">
</div>
</td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

10px;"><span id=""><a href="" id="title" style="color: #ffff00; font-weight: bold; 

font-family: arial;
font-size: 10pt;">Post Title</a></span></td>
<td valign=middle align=center style="border-right: 1px solid #000000; border-bottom: 

1px solid #000000; border-top: 1px solid #303045; border-left: 1px solid 

#303045;"><font face=arial size=2>11</font></td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

7px;"><font face=arial size=2>(User)<br></font><font face=arial size=1>(Last user to 

post)</font></td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

12px;"><font face=arial size=2><b>Date Here</b></font></td></tr><tr id="test" 

bgcolor=202025>
<td width=2% align=center valign=middle style="border-right: 1px solid #000000; 

border-bottom: 1px solid #000000; border-top: 1px solid #303045; border-left: 1px 

solid #303045;"><div style="position: relative;"><img src="image.gif" style="width: 

32px; height: <?php if ($iid != 473) { ?>32<?php } else {?>64<?php } ?>px;">
</div>
</td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

10px;"><span id="espan58374"><a href="" id="title" style="color: #ffff00; font-

weight: bold; font-family: arial;
font-size: 10pt;">Post Title</a></span></td>
<td valign=middle align=center style="border-right: 1px solid #000000; border-bottom: 

1px solid #000000; border-top: 1px solid #303045; border-left: 1px solid 

#303045;"><font face=arial size=2>5</font></td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

7px;"><font face=arial size=2>(User)<br></font><font face=arial size=1>(Last user to 

post)</font></td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

12px;"><font face=arial size=2><b>Date Here</b></font></td></tr><tr id="test" 

bgcolor=202025>
<td width=2% align=center valign=middle style="border-right: 1px solid #000000; 

border-bottom: 1px solid #000000; border-top: 1px solid #303045; border-left: 1px 

solid #303045;"><div style="position: relative;"><img src="image.jpg" style="width: 

32px; height: <?php if ($iid != 473) { ?>32<?php } else {?>64<?php } ?>px;">
</div>
</td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

10px;"><span id=""><a href="" id="title" style="color: #ffff00; font-weight: bold; 

font-family: arial;
font-size: 10pt;">Post Title</a></span></td>
<td valign=middle align=center style="border-right: 1px solid #000000; border-bottom: 

1px solid #000000; border-top: 1px solid #303045; border-left: 1px solid 

#303045;"><font face=arial size=2>7</font></td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

7px;"><font face=arial size=2>(User)<br></font><font face=arial size=1>(last user to 

post)</font></td>
<td valign=middle style="border-right: 1px solid #000000; border-bottom: 1px solid 

#000000; border-top: 1px solid #303045; border-left: 1px solid #303045; padding-left: 

12px;"><font face=arial size=2><b>Date Here</b></font></td></tr><tr id="test" 

bgcolor=202025>

 

Here is what that coding above gives you:

layout3x.png

 

That gets you basically everything I want, but can someone convert this to PHP so I can make every forum I create have this layout?  Thanks!

Link to comment
https://forums.phpfreaks.com/topic/257094-can-you-recreate-this-with-csshtmlphp/
Share on other sites

Archived

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

×
×
  • 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.