Jump to content

Can You Recreate This With CSS/HTML/PHP?


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

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.

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