Face lift
This is a discussion on Face lift within the Site Critiques forums, part of the General category; While I generally have little problem with html, php, mysql etc I never seem to be able to gather my ...
|
|||||||
|
|
LinkBack | Thread Tools | Display Modes |
|
#1
04-12-2006, 06:52 PM
|
||||
|
||||
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. (Please note: I am not a 68C employee. I am a customer and volunteer who helps with questions where I can and the forums spam free) 68 Classifieds Important Links Customer Area | Issue Tracker | Knowledge Base | User Manuals 
|
|
#2
04-12-2006, 07: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
|
|
#3
04-12-2006, 08:55 PM
|
||||
|
||||
|
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
|
|
#4
04-12-2006, 09:22 PM
|
||||
|
||||
|
Quote:
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:
__________________
Larry. (Please note: I am not a 68C employee. I am a customer and volunteer who helps with questions where I can and the forums spam free) 68 Classifieds Important Links Customer Area | Issue Tracker | Knowledge Base | User Manuals
|
|
#5
04-12-2006, 09: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. 
__________________
Eric Barnes 68 Classifieds Developer Please do not send me a private message asking for support. Instead use these open forums or our ticket system. Customer Area | Issue Tracker | Documentation | Submit a Ticket | Twitter
|
|
#6
04-12-2006, 10: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>
__________________
Chaslie V3.1.10 dev mods.auscity.com AUSCITY 68 Classifieds Important Links Customer Area | Issue Tracker | Knowledge Base | User Manuals HTML Help W3 Schools
|
|
#7
04-12-2006, 10:16 PM
|
||||
|
||||
|
Quote:
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/
__________________
Larry. (Please note: I am not a 68C employee. I am a customer and volunteer who helps with questions where I can and the forums spam free) 68 Classifieds Important Links Customer Area | Issue Tracker | Knowledge Base | User Manuals
|
|
#8
04-12-2006, 10:31 PM
|
||||
|
||||
|
Screencapture >>>>
__________________
Chaslie V3.1.10 dev mods.auscity.com AUSCITY 68 Classifieds Important Links Customer Area | Issue Tracker | Knowledge Base | User Manuals HTML Help W3 Schools
|
|
#9
04-12-2006, 10:35 PM
|
||||
|
||||
|
Quote:
Can you get to http://classifords.com/ads/
__________________
Larry. (Please note: I am not a 68C employee. I am a customer and volunteer who helps with questions where I can and the forums spam free) 68 Classifieds Important Links Customer Area | Issue Tracker | Knowledge Base | User Manuals
|
|
#10
04-12-2006, 11:09 PM
|
||||
|
||||
|
Have sent you a PM.
__________________
Chaslie V3.1.10 dev mods.auscity.com AUSCITY 68 Classifieds Important Links Customer Area | Issue Tracker | Knowledge Base | User Manuals HTML Help W3 Schools
|
