Hi,
I’m looking to have 2 templates developed. The thing is they must be compatible with whypark.com (I can provide the CSS Template they use and the HTML code – but you will need to then do your magic and try to make it into what I’m after.)
Actually I don’t think it’s that hard as I don’t want anything too flash.
(If you’re interested the CSS and HTML are at the bottom of this message.)
Here is what a current site looks like: http://www.homeinfestation.com
As you can see it’s pretty dull stuff.
What I want to be able to do is to have a great looking template with a lovely header (Must be suitable for a wide range of sites.)
I would like Home infestation to be in reasonably bold and nice designed letters. Then to the right of it have the rest of the site description.
Underneath this I would like the option to have 300 words of text where I can give a site description.
Then underneath this have the articles provided (Obviously I’m going to want certain advert placing, but I’ll discuss that with you if you get the job.
This is what I want:
http://www.pokemoncard.info (Yes this is actually one of my sites, and I can provide the CSS and HTML again if it helps.)
The second is: http://www.inc.com/
As I love the way the adverts are set out and the actual width of the page – obviously what you create may not be exact, but I would like it to be pretty close.
I will want similar placing for my adverts and will provide you with the necessary codes.
The templates and design must be Search engine friendly. (My current designer checks with: W3C Markup Validation Service, a free service that checks Web documents in formats like HTML and XHTML for conformance to W3C Recommendations and other standards.)
Whatever you design may be lovely – but if it doesn’t work then it’s no good to me, so I will provide all you need. But seeing as I’m a newbie you will need to give me basic instructions, so as well as being a good designer you’ll also need to be very patient.
And if I’m being way off on the price I’m willing to pay please say (It seems reasonable to me though.)
I will need to see samples of your work. So if you’re experienced and you can do an awesome job, please get in touch.
I look forward to your responses.
Thanks. Staffjam
P.S. These templates CANNOT be for resale. I must have full rights, and they cannot look like your standard turnkey minisite.
P.S.2 - There is a hungry market of Whyparkers out there, and if you can start creating and selling compatible templates, I’m sure the Porsche dealership will become your new best friend (seriously this is a big untapped market – so fill it! – I’ll be your first customer. If you don’t believe me visit Namepros – that is where all us whyparkers hang out.)
/* standard elements */
html {min-height: 100%;}
* {
margin: 0;
padding: 0;
}
a {color: #963;}
a:hover {color: #C60;}
body {
background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom;
color: #444;
font: normal 62.5% Tahoma,sans-serif;
}
p,code,ul {padding-bottom: 1.2em;}
li {list-style: none;}
h1 {
font: normal 1.8em Tahoma,sans-serif;
margin-bottom: 4px;
}
code {
background: #FFF;
border: 1px solid #EEE;
border-left: 6px solid #C1CAD3;
color: #666;
display: block;
font: normal 1em Tahoma,sans-serif;
line-height: 1.6em;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
blockquote {
background: url(img/quote.gif) no-repeat;
display: block;
font-weight: bold;
padding-left: 28px;
}
h1,h2,h3 {padding-top: 6px;}
/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
/* structure */
.container {
background: #FFF;
font-size: 1.2em;
margin: 0 auto;
padding: 0 10px 10px;
width: 780px;
}
/* header */
.top {
background: url(img/clouds.gif) repeat-x;
padding: 50px 10px 0;
}
/* title */
.header {
background: #FFF;
font-size: 1.2em;
height: 150px;
margin: 0 auto;
padding: 10px 10px 5px;
width: 780px;
}
.header .left, .header .right {
background: #A4A4A0;
color: #FFF;
height: 150px;
}
.header .left {
background: #B3C2C7 url(img/header.jpg) no-repeat;
font: normal 3.1em "Trebuchet MS",sans-serif;
line-height: 150px;
text-align: center;
width: 564px;
}
.header .right {
overflow: auto;
width: 212px;
}
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}
/* navigation */
.navigation {
border: 1px solid #DFEEF7;
border-color: #DFEEF7 #CFDEE7;
height: 90px;
}
.navigation a {
background: #D9E1E5 url(img/nav.gif);
border-right: 1px solid #AFBEC7;
color: #456;
display: block;
float: left;
font: bold 1.1em sans-serif;
line-height: 41px;
padding: 0 20px;
text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}
/* main */
.main {
border-top: 4px solid #FFF;
background: url(img/bgmain.gif) repeat-y;
}
/* sub navigation */
.sidenav {
float: right;
width: 210px;
}
.sidenav h2 {
color: #5A5A43;
font-size: 1em;
line-height: 30px;
margin: 0;
padding-left: 12px;
}
.sidenav ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}
.sidenav li a {
font-size: 1.1em;
color: #554;
display: block;
padding: 8px 0 8px 5%;
text-decoration: none;
width: 95%;
}
.sidenav li a:hover {
background: #F0F0EB;
color: #654;
}
/* content */
.content {
float: left;
margin: 10px 0;
padding: 0 16px;
width: 531px;
}
.content .descr {
color: #664;
font-size: 0.9em;
margin-bottom: 6px;
}
.content li {
list-style: url(img/li.gif);
margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}
/* footer */
.footer {
background: url(img/bgfooter.gif) repeat-x;
color: #FFF;
font: bold 1em sans-serif;
line-height: 39px;
text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}
HTML CODE::
<div id="wrap">
<div id="top"></div>
<div id="content">
<div class="header">
<h1><a href="/">[[sitename]]</a></h1>
</div>
<div class="breadcrumbs">
<a href="/">Home</a> •
<a href="/site-map.cfm">Site Map</a> •
[[whypark]]
</div>
<div class="middle">
[[mainbody]]
</div>
<div class="right">
<p>
[[forsale]]
<p>
[[textads]]
<p>
<b>Related Articles:</b>
<p>
[[related]]
</div>
<div id="clear"></div>
</div>
<div id="bottom"></div>
</div>
<div id="footer">
[[whypark]] | <a href="/site-map.cfm">Site Map</a> | <a href="/">Home</a>
</div>
I’m looking to have 2 templates developed. The thing is they must be compatible with whypark.com (I can provide the CSS Template they use and the HTML code – but you will need to then do your magic and try to make it into what I’m after.)
Actually I don’t think it’s that hard as I don’t want anything too flash.
(If you’re interested the CSS and HTML are at the bottom of this message.)
Here is what a current site looks like: http://www.homeinfestation.com
As you can see it’s pretty dull stuff.
What I want to be able to do is to have a great looking template with a lovely header (Must be suitable for a wide range of sites.)
I would like Home infestation to be in reasonably bold and nice designed letters. Then to the right of it have the rest of the site description.
Underneath this I would like the option to have 300 words of text where I can give a site description.
Then underneath this have the articles provided (Obviously I’m going to want certain advert placing, but I’ll discuss that with you if you get the job.
This is what I want:
http://www.pokemoncard.info (Yes this is actually one of my sites, and I can provide the CSS and HTML again if it helps.)
The second is: http://www.inc.com/
As I love the way the adverts are set out and the actual width of the page – obviously what you create may not be exact, but I would like it to be pretty close.
I will want similar placing for my adverts and will provide you with the necessary codes.
The templates and design must be Search engine friendly. (My current designer checks with: W3C Markup Validation Service, a free service that checks Web documents in formats like HTML and XHTML for conformance to W3C Recommendations and other standards.)
Whatever you design may be lovely – but if it doesn’t work then it’s no good to me, so I will provide all you need. But seeing as I’m a newbie you will need to give me basic instructions, so as well as being a good designer you’ll also need to be very patient.
And if I’m being way off on the price I’m willing to pay please say (It seems reasonable to me though.)
I will need to see samples of your work. So if you’re experienced and you can do an awesome job, please get in touch.
I look forward to your responses.
Thanks. Staffjam
P.S. These templates CANNOT be for resale. I must have full rights, and they cannot look like your standard turnkey minisite.
P.S.2 - There is a hungry market of Whyparkers out there, and if you can start creating and selling compatible templates, I’m sure the Porsche dealership will become your new best friend (seriously this is a big untapped market – so fill it! – I’ll be your first customer. If you don’t believe me visit Namepros – that is where all us whyparkers hang out.)
/* standard elements */
html {min-height: 100%;}
* {
margin: 0;
padding: 0;
}
a {color: #963;}
a:hover {color: #C60;}
body {
background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom;
color: #444;
font: normal 62.5% Tahoma,sans-serif;
}
p,code,ul {padding-bottom: 1.2em;}
li {list-style: none;}
h1 {
font: normal 1.8em Tahoma,sans-serif;
margin-bottom: 4px;
}
code {
background: #FFF;
border: 1px solid #EEE;
border-left: 6px solid #C1CAD3;
color: #666;
display: block;
font: normal 1em Tahoma,sans-serif;
line-height: 1.6em;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
blockquote {
background: url(img/quote.gif) no-repeat;
display: block;
font-weight: bold;
padding-left: 28px;
}
h1,h2,h3 {padding-top: 6px;}
/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
/* structure */
.container {
background: #FFF;
font-size: 1.2em;
margin: 0 auto;
padding: 0 10px 10px;
width: 780px;
}
/* header */
.top {
background: url(img/clouds.gif) repeat-x;
padding: 50px 10px 0;
}
/* title */
.header {
background: #FFF;
font-size: 1.2em;
height: 150px;
margin: 0 auto;
padding: 10px 10px 5px;
width: 780px;
}
.header .left, .header .right {
background: #A4A4A0;
color: #FFF;
height: 150px;
}
.header .left {
background: #B3C2C7 url(img/header.jpg) no-repeat;
font: normal 3.1em "Trebuchet MS",sans-serif;
line-height: 150px;
text-align: center;
width: 564px;
}
.header .right {
overflow: auto;
width: 212px;
}
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}
/* navigation */
.navigation {
border: 1px solid #DFEEF7;
border-color: #DFEEF7 #CFDEE7;
height: 90px;
}
.navigation a {
background: #D9E1E5 url(img/nav.gif);
border-right: 1px solid #AFBEC7;
color: #456;
display: block;
float: left;
font: bold 1.1em sans-serif;
line-height: 41px;
padding: 0 20px;
text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}
/* main */
.main {
border-top: 4px solid #FFF;
background: url(img/bgmain.gif) repeat-y;
}
/* sub navigation */
.sidenav {
float: right;
width: 210px;
}
.sidenav h2 {
color: #5A5A43;
font-size: 1em;
line-height: 30px;
margin: 0;
padding-left: 12px;
}
.sidenav ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}
.sidenav li a {
font-size: 1.1em;
color: #554;
display: block;
padding: 8px 0 8px 5%;
text-decoration: none;
width: 95%;
}
.sidenav li a:hover {
background: #F0F0EB;
color: #654;
}
/* content */
.content {
float: left;
margin: 10px 0;
padding: 0 16px;
width: 531px;
}
.content .descr {
color: #664;
font-size: 0.9em;
margin-bottom: 6px;
}
.content li {
list-style: url(img/li.gif);
margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}
/* footer */
.footer {
background: url(img/bgfooter.gif) repeat-x;
color: #FFF;
font: bold 1em sans-serif;
line-height: 39px;
text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}
HTML CODE::
<div id="wrap">
<div id="top"></div>
<div id="content">
<div class="header">
<h1><a href="/">[[sitename]]</a></h1>
</div>
<div class="breadcrumbs">
<a href="/">Home</a> •
<a href="/site-map.cfm">Site Map</a> •
[[whypark]]
</div>
<div class="middle">
[[mainbody]]
</div>
<div class="right">
<p>
[[forsale]]
<p>
[[textads]]
<p>
<b>Related Articles:</b>
<p>
[[related]]
</div>
<div id="clear"></div>
</div>
<div id="bottom"></div>
</div>
<div id="footer">
[[whypark]] | <a href="/site-map.cfm">Site Map</a> | <a href="/">Home</a>
</div>