Support Forums

Lhotch + · 04-12-2006, 07:52 PM

While I generally have little problem with html, php, mysql etc I never seem to be able to gather my thoughts and come up with a site layout.

Anyway, I decided to turn my attention to the layout of my site and here is what I came up with.

There are some little things I would like to tweak/correct and I dont even know if I will stay with this, was more of an experiment to see what I could do, anyway, let me know what ya think.

http://classifords.com/ads/index.php

calaf6 + · 04-12-2006, 08:17 PM

How on earth did you get those shapes to work??? I have enough of a problem getting a rectangular table to line up.

The site looks very clean and welcoming, I really like the colours and the textured header.

Thumbs up from me

garysmith + · 04-12-2006, 09:55 PM

I like it as well. Easy on the eyes. It's a very good start!

I love the layout on this page...the one line ad size...is that one hard to configure?

http://classifords.com/ads/toplistings.php?pg=new

gsmith

Lhotch + · 04-12-2006, 10:22 PM

Quote:

Originally Posted by calaf6

How on earth did you get those shapes to work??? I have enough of a problem getting a rectangular table to line up.

The site looks very clean and welcoming, I really like the colours and the textured header.

Thumbs up from me

Thanks for the kind words guys.

Ive never been good at selecting colors so a little googling and I came up with this little tool.

http://wellstyled.com/tools/colorscheme2/index-en.html#

I then plugged in some RGB numbers of colors I was leaning toward and then found one that came up with some nice associated colors to use.

The layout was actually surprising simple to make. I mainly just used the marque tool to select regions, filled them in with colors and then used the polygon lasso tool to cut out the angled sections and what not. I then used a simple 1 pixel outside stroke around the shape using my darkest color for the stroke.

The banner background started with my darkest color and then a added layers on top of it and used various brushes that I got off the net with my other chosen colors. I then simply dropped on some white text, did a 1 pixel stroke with my darkest color around it and a slight drop shadow and the layout was done.

Next I moved the image over to image ready where I cut it up for use in the site. The layout is basically one large table with the header, then another row containing 2 data cells, one for the nav column and one for the body column. Each of those columns has a header image, body image and footer image. The body images are used in data cells that contain text so the nav and body table will grow or shrink based on their content. Last the main table has another row with the sites footer.

The hardest part really was making the widths of the nav column graphics and body column graphics big enough to house the ad content.

Beleive it or not that whole layout is contained in just the style sheet and the layout.tpl.php file. The only other file I had to make any changes to was home.tpl.php and there all I did was shrink the size of the table for the smarty function featured.listings_horizontal.

Quote:

Originally Posted by garysmith

I like it as well. Easy on the eyes. It's a very good start!

I love the layout on this page...the one line ad size...is that one hard to configure?

http://classifords.com/ads/toplistings.php?pg=new

gsmith

Gary. I actually didnt do anything to that page as far as limiting the size of the ads. I think one reason they are so narrow is because none of them have pics.

Eric Barnes · 04-12-2006, 10:29 PM

Larry,

I just had a look and I must say I am impressed as well. Very nice job. Two thumbs up from me.

Chaslie + · 04-12-2006, 11:00 PM

Larry,
At no stage have I ever been able to see your site other than ...

Welcome to Classifords.com!
your Ford specific web classifieds.
(click image to enter site)
Check out our most recent Ads

... and that's all.

Now on viewing the source code, note all the empty table data cells and there is no </body></html>

Perhaps the bottom half of the page is finishing unexpectantly????

Using IE 6

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="en" lang="en">
<head>
<title>Ford Lincoln Mercury Classifieds</title>
<META NAME="Keywords" CONTENT="Ford, car, truck, van, F-150, mustang, cobra, turbo, supercharger, engine, stroker, brakes, heads, transmission, clutch, wheels, tires, seats, billit.">
<META NAME="Description" CONTENT="Ford Lincoln Mercury specific classified ads for parts or whole Autos.">
<META NAME="Author" CONTENT="">
<base href="http://www.classifords.com/" />
<link rel="stylesheet" href="style.css" type="text/css" />
<!-- google analytics start -->

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-172351-1";
urchinTracker();
</script>
<!-- google analytics end -->
</head>
<body>



<div class="navTitle">
Welcome to Classifords.com!<br>
your Ford specific web classifieds.</div>

<div class="navlist">
(click image to enter site)
</div>

<table align='center' border='1'>
	<tr>
		<th>Check out our most recent Ads</th>
	</tr>
<tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr>	
</table>
</body>
</html>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>

Lhotch + · 04-12-2006, 11:16 PM

Quote:

Originally Posted by Chaslie

Larry,
At no stage have I ever been able to see your site other than ...

Welcome to Classifords.com!
your Ford specific web classifieds.
(click image to enter site)
Check out our most recent Ads

... and that's all.

Now on viewing the source code, note all the empty table data cells and there is no </body></html>

Perhaps the bottom half of the page is finishing unexpectantly????

Using IE 6

Thats very strange Chaslie, especially since the javascript you posted in your code snippet isnt even on my site or in the page.

The code you posted (at least the 1st part of it) is from my landing page in the root of my domain, ie...

http://classifords.com

However the actual classifieds, which are all that I have changed so far, are located in the /ads directory, ie....

http://classifords.com/ads/

Chaslie + · 04-12-2006, 11:31 PM

Screencapture >>>>

Lhotch + · 04-12-2006, 11:35 PM

Quote:

Originally Posted by Chaslie

Screencapture >>>>

Thats very strange. I have complete closing tags etc. The data in the table is all current ads etc also. Not sure why your not able to see anything.

Can you get to

http://classifords.com/ads/

Chaslie + · 04-13-2006, 12:09 AM

Have sent you a PM.

04-12-2006, 07:52 PM	#1
Lhotch + curmudgeon Join Date: Mar 2006 Posts: 5,416 Rep Power: 139	Face lift While I generally have little problem with html, php, mysql etc I never seem to be able to gather my thoughts and come up with a site layout. Anyway, I decided to turn my attention to the layout of my site and here is what I came up with. There are some little things I would like to tweak/correct and I dont even know if I will stay with this, was more of an experiment to see what I could do, anyway, let me know what ya think. http://classifords.com/ads/index.php __________________ Larry Knowledge *learned* is more valuable than knowledge *given*.

04-12-2006, 08:17 PM	#2
calaf6 + Customer Join Date: Mar 2006 Location: UK Posts: 283 Rep Power: 29	How on earth did you get those shapes to work??? I have enough of a problem getting a rectangular table to line up. The site looks very clean and welcoming, I really like the colours and the textured header. Thumbs up from me __________________ Stable Ads v4.2.4 Developer

04-12-2006, 09:55 PM	#3
garysmith + Senior Member Join Date: Mar 2006 Location: Jackson, Mississippi Posts: 70 Rep Power: 25	Cool I like it as well. Easy on the eyes. It's a very good start! I love the layout on this page...the one line ad size...is that one hard to configure? http://classifords.com/ads/toplistings.php?pg=new gsmith __________________ As a Man Think-ith, So is He. www.zFreeAds.com www.ms-fsbo.com

04-12-2006, 10:29 PM	#5
Eric Barnes 68 Classifieds Staff Join Date: Mar 2006 Location: Belmont, NC Posts: 5,489 Rep Power: 136	Larry, I just had a look and I must say I am impressed as well. Very nice job. Two thumbs up from me. __________________ Eric Barnes 68 Classifieds Developer Customer Area \| Issue Tracker \| Documentation \| 68C Mods \| 68 @ Twitter \| My Modules

04-13-2006, 12:09 AM	#10
Chaslie + Moderator Join Date: Mar 2006 Location: Great Ocean Road - Australia Posts: 723 Rep Power: 38	Have sent you a PM. __________________ Chaslie 68 Classifieds Important Links Customer Area \| Issue Tracker \| User Manuals & Documentation HTML Help W3 Schools

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Support Forums

Face lift