1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Need a Template Writer

Discussion in 'Hire a Freelancer' started by GeoffreyF67, Jan 19, 2009.

  1. GeoffreyF67

    GeoffreyF67 Guest

    I need someone who will take some themes and modify them so they're template thems.

    Specifically, I need someone to download free themes from XXX, take the theme code and modify it so it will work in my program that lets people choose some default themes.

    Here's a default theme:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!--
    
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
    
    Title      : Cloudy
    Version    : 1.0
    Released   : 20081214
    Description: A two-column, fixed-width and lightweight template ideal for 1024x768 resolutions. Suitable for blogs and small websites.
    
    -->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Cloudy by Free Css Templates</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="default.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <!-- start header -->
    <div id="wrapper">
    <div id="logo">
            <h1><a href="#">Cloudy </a></h1>
            <h2> »   Design by Free Css Templates</h2>
    </div>
    <div id="header">
            <div id="menu">
                    <ul>
                            <li class="current_page_item"><a href="#">Homepage</a></li>
                            <li><a href="#">Blogs</a></li>
                            <li><a href="#">Photos</a></li>
                            <li><a href="#">About</a></li>
                            <li class="last"><a href="#">Contact</a></li>
                    </ul>
            </div>
    </div>
    <!-- end header -->
    <!-- start page -->
    <div id="page">
            <!-- start content -->
            <div id="content">
                    <div class="post">
                            <h1 class="title">Welcome to our website </h1>
                            <div class="entry">
                                    <p>This is Cloudy, is a free template from <a href="http://freecsstemplates.org/">Free CSS Templates</a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. The flower photo is fromt <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use this template for both commercial or personal use. I only ask that you link back to <a href="http://freecsstemplates.org/">my site</a> in some way. Enjoy :)</p>
                            </div>
                            <div class="meta">
                                    <p class="byline">Posted by FreeCssTemplates</p>
                                    <p class="links"><a href="#" class="more">Read full article</a> »   <a href="#" class="comments">Comments (32)</a></p>
                            </div>
                    </div>
                    <div class="post">
                            <h2 class="title">Lorem Ipsum Dolor Volutpat</h2>
                            <div class="entry">
                                    <p>Curabitur tellus. Phasellus tellus turpis, iaculis in, faucibus lobortis, posuere in, lorem. Donec a ante. Donec neque purus, adipiscing id, eleifend a, cursus vel, odio. Vivamus varius justo sit amet leo. Morbi sed libero. Vestibulum blandit augue at mi. Praesent fermentum lectus eget diam. Nam cursus, orci sit amet porttitor iaculis, ipsum massa aliquet nulla, non elementum mi elit a mauris. </p>
                            </div>
                            <div class="meta">
                                    <p class="byline">Posted by FreeCssTemplates</p>
                                    <p class="links"><a href="#" class="more">Read full article</a> »   <a href="#" class="comments">Comments (32)</a></p>
                            </div>
                    </div>
            </div>
            <!-- end content -->
            <!-- start sidebar -->
            <div id="sidebar">
                    <ul>
                            <li id="search">
                                    <h2>Search</h2>
                                    <form method="get" action="">
                                            <fieldset>
                                            <input type="text" id="s" name="s" value="" />
                                            <input type="submit" id="x" value="Search" />
                                            </fieldset>
                                    </form>
                            </li>
                            <li>
                                    <h2>Lorem Ipsum</h2>
                                    <ul>
                                            <li><a href="#">Fusce dui neque fringilla</a></li>
                                            <li><a href="#">Eget tempor eget nonummy</a></li>
                                            <li><a href="#">Magna lacus bibendum mauris</a></li>
                                            <li><a href="#">Nec metus sed donec</a></li>
                                            <li><a href="#">Magna lacus bibendum mauris</a></li>
                                            <li><a href="#">Velit semper nisi molestie</a></li>
                                            <li><a href="#">Eget tempor eget nonummy</a></li>
                                    </ul>
                            </li>
                            <li>
                                    <h2>Volutpat Dolore</h2>
                                    <ul>
                                            <li><a href="#">Nec metus sed donec</a></li>
                                            <li><a href="#">Magna lacus bibendum mauris</a></li>
                                            <li><a href="#">Velit semper nisi molestie</a></li>
                                            <li><a href="#">Eget tempor eget nonummy</a></li>
                                            <li><a href="#">Nec metus sed donec</a></li>
                                            <li><a href="#">Magna lacus bibendum mauris</a></li>
                                            <li><a href="#">Velit semper nisi molestie</a></li>
                                    </ul>
                            </li>
                    </ul>
            </div>
            <!-- end sidebar -->
            <div style="clear: both;"> </div>
    </div>
    <!-- end page -->
    <!-- start footer -->
    <div id="footer">
            <p id="legal">( c ) 2008. All Rights Reserved. <a href="http://www.freecsstemplates.org/">Bestfriends</a> designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
    </div>
    </div>
    <!-- end footer -->
    </body>
    </html>
    And the css for this:

    Code:
    /*
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
    */
    
    body {
            margin-top: 50px;
            padding: 0;
            background: #B2EBFF url(images/img01.gif) repeat-x left bottom;
            font-size: 13px;
            font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
            text-align: justify;
            color: #FFFFFF;
    }
    
    h1, h2, h3 {
            margin: 0;
            text-transform: lowercase;
            font-weight: normal;
            color: #FFFFFF;
    }
    
    h1 {
            letter-spacing: -1px;
            font-size: 32px;
    }
    
    h2 {
            font-size: 23px;
    }
    
    p, ul, ol {
            margin: 0 0 2em 0;
            text-align: justify;
            line-height: 26px;
    }
    
    a:link {
            color: #FFFFFF;
    }
    
    a:hover, a:active {
            text-decoration: none;
            color: #FFFFFF;
    }
    
    a:visited {
            color: #FFFFFF;
    }
    
    img {
            border: none;
    }
    
    img.left {
            float: left;
            margin-right: 15px;
    }
    
    img.right {
            float: right;
            margin-left: 15px;
    }
    
    /* Form */
    
    form {
            margin: 0;
            padding: 0;
    }
    
    fieldset {
            margin: 0;
            padding: 0;
            border: none;
    }
    
    legend {
            display: none;
    }
    
    input, textarea, select {
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: #333333;
    }
    
    #wrapper {
            margin: 0 auto;
            padding: 0;
    }
    
    /* Header */
    
    #header {
            width: 713px;
            margin: 0 auto;
            height: 130px;
    }
    
    /* Menu */
    
    #menu {
            float: left;
            width: 713px;
            height: 70px;
            background: url(images/img03.gif) no-repeat left top;
    }
    
    #menu ul {
            margin: 0;
            padding: 0px 0 0 10px;
            list-style: none;
            line-height: normal;
    }
    
    #menu li {
            display: block;
            float: left;
    }
    
    #menu a {
            display: block;
            float: left;
            margin-top: 5px;
            margin-right: 3px;
            padding: 20px 17px;
            background: url(images/img05.gif) no-repeat left 52%;
            text-decoration: none;
            font-size: 13px;
            color: #FFFFFF;
    }
    
    #menu a:hover { 
            color: #FFFFFF;
    }
    
    #menu .current_page_item a {
            background: none;
            color: #000000;
    }
    
    /** LOGO */
    
    #logo {
            width: 713px;
            height: 130px;
            margin: 0 auto;
            background: url(images/img02.gif) no-repeat left top;
    }
    
    #logo h1, #logo h2 {
            float: left;
            margin: 0;
            padding: 60px 0 0 20px;
            line-height: normal;
    }
    
    #logo h1 { 
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size:40px;
    }
    
    #logo h1 a {
            text-decoration: none;
            color: #4C4C4C; 
    }
    
    #logo h1 a:hover { text-decoration: underline; }
    
    #logo h2 {
            float: left;
            padding: 75px 0 0 18px;
            font: 18px Georgia, "Times New Roman", Times, serif;
            color: #0044D1; 
    }
    
    #logo p a {
            text-decoration: none;
            color: #8BD80E;
    }
    
    #logo p a:hover { text-decoration: underline; }
    
    
    
    /* Page */
    
    #page {
            width: 663px;
            margin: 0 auto;
            padding: 0 25px;
    }
    
    /* Content */
    
    #content {
            float: left;
            width: 410px;
    
    }
    
    /* Post */
    
    .post {
            padding: 15px 0px;
            margin-bottom: 20px;
    }
    
    .post .title {
            margin-bottom: 20px;
            padding-bottom: 5px;
    }
    
    .post h1 {
            padding: 0px 0 0 35px;
            background: url(images/img06.gif) no-repeat left top;
            font-size: 24px;
            color: #FFFFFF;
    }
    
    .post h2 {
            padding: 0px 0 0 35px;
            background: url(images/img06.gif) no-repeat left top;
            font-size: 22px;
            color: #FFFFFF;
    }
    
    .post .entry {
    }
    
    .post .meta {
            padding: 15px 15px 30px 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
    }
    
    .post .meta p {
            margin: 0;
            padding-top: 15px;
            line-height: normal;
            color: #FFFFFF;
    }
    
    .post .meta .byline {
            float: left;
    }
    
    .post .meta .links {
            float: right;
    }
    
    .post .meta .more {
            padding: 0 10px 0 18px;
    }
    
    .post .meta .comments {
    }
    
    .post .meta b {
            display: none;
    }
    
    
    /* Sidebar */
    
    #sidebar {
            width: 210px;
            float: right;
            margin: 0;
            padding: 0;
    }
    
    #sidebar ul {
            margin: 0;
            padding: 0;
            list-style: none;
    }
    
    #sidebar li {
            margin-bottom: 40px;
    }
    
    #sidebar li ul {
    }
    
    #sidebar li li {
            margin: 0;
    }
    
    #sidebar h2 {
            width: 250px;
            margin-bottom: 10px;
            padding: 0px 0 0 35px;
            background: url(images/img06.gif) no-repeat left top;
            font-size: 20px;
            color: #FFFFFF;
    }
    
    /* Search */
    
    #search {
    
    }
    
    #search h2 {
            margin-bottom: 20px;
    }
    
    #s {
            width: 130px;
            margin-right: 5px;
            padding: 2px;
    }
    
    #x {
            padding: 2px;
            border: none;
            border: 1px solid #FFFFFF;
            background: #0157DE;
            text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10px;
            color: #FFFFFF;
    }
    
    /* Boxes */
    
    .box1 {
            padding: 20px;
    }
    
    .box2 {
            color: #BABABA;
    }
    
    .box2 h2 {
            margin-bottom: 15px;
            font-size: 16px;
            color: #FFFFFF;
    }
    
    .box2 ul {
            margin: 0;
            padding: 0;
            list-style: none;
    }
    
    .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
            color: #EDEDED;
    }
    
    /* Footer */
    #footer-wrap {
    }
    
    #footer {
            width: 693px;
            margin: 0 auto;
            padding: 10px 0 10px 0;
            background: url(images/img07.gif) no-repeat left top;
    }
    
    html>body #footer {
            height: auto;
    }
    
    #footer p {
            font-size: 11px;
    }
    
    #legal {
            clear: both;
            text-align: center;
            color: #FFFFFF;
    }
    
    #legal a {
            font-weight: normal;
            color: #FFFFFF;
    }
    Which become:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!--
    
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
    
    Title      : Cloudy
    Version    : 1.0
    Released   : 20081214
    Description: A two-column, fixed-width and lightweight template ideal for 1024x768 resolutions. Suitable for blogs and small websites.
    
    -->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type='text/css'>
    __STYLESHEET__
    </style>
    <title>__TITLE__</title>
    </head>
    <body>
    <!-- start header -->
    <div id="wrapper">
    <div id="logo">
            <h1><a href='__HOME_PAGE__'>__TITLE__</a></h1>
    </div>
    <div id="header">
            <div id="menu">
                    <ul>
                            <li class="first"><a href="__HOME_PAGE__">Home</a></li>
                    </ul>
            </div>
    </div>
    <!-- end header -->
    <!-- start page -->
    <div id="page">
            <!-- start content -->
            <div id="content">
                    <div class="post">
                            <div class="entry">
                                    __LINKS__
                                    <div class="link">
                                    </div>
                            </div>
                    </div>
            </div>
            <!-- end content -->
            <div style="clear: both;"> </div>
    </div>
    <!-- end page -->
    <!-- start footer -->
    <div id="footer">
            <p id="legal">( c ) 2008. All Rights Reserved.</p>
    </div>
    </div>
    <!-- end footer -->
    </body>
    </html>
    and

    Code:
    /*
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
    */
    
    body {
            margin-top: 50px;
            padding: 0;
            background: #B2EBFF url(http://hotimg23.fotki.com/a/24_98/5_92/img01.gif) repeat-x left bottom;
            font-size: 13px;
            font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
            text-align: justify;
            color: #FFFFFF;
    }
    
    h1, h2, h3 {
            margin: 0;
            text-transform: lowercase;
            font-weight: normal;
            color: #FFFFFF;
    }
    
    h1 {
            letter-spacing: -1px;
            font-size: 32px;
    }
    
    h2 {
            font-size: 23px;
    }
    
    p, ul, ol {
            margin: 0 0 2em 0;
            text-align: justify;
            line-height: 26px;
    }
    
    a:link {
            color: #FFFFFF;
    }
    
    a:hover, a:active {
            text-decoration: none;
            color: #FFFFFF;
    }
    
    a:visited {
            color: #FFFFFF;
    }
    
    img {
            border: none;
    }
    
    img.left {
            float: left;
            margin-right: 15px;
    }
    
    img.right {
            float: right;
            margin-left: 15px;
    }
    
    /* Form */
    
    form {
            margin: 0;
            padding: 0;
    }
    
    fieldset {
            margin: 0;
            padding: 0;
            border: none;
    }
    
    legend {
            display: none;
    }
    
    input, textarea, select {
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: #333333;
    }
    
    #wrapper {
            margin: 0 auto;
            padding: 0;
    }
    
    /* Header */
    
    #header {
            width: 713px;
            margin: 0 auto;
            height: 130px;
    }
    
    /* Menu */
    
    #menu {
            float: left;
            width: 713px;
            height: 70px;
            background: url(http://hotimg25.fotki.com/a/24_98/5_92/img03.gif) no-repeat left top;
    }
    
    #menu ul {
            margin: 0;
            padding: 0px 0 0 10px;
            list-style: none;
            line-height: normal;
    }
    
    #menu li {
            display: block;
            float: left;
    }
    
    #menu a {
            display: block;
            float: left;
            margin-top: 5px;
            margin-right: 3px;
            padding: 20px 17px;
            background: url(http://hotimg25.fotki.com/a/24_98/5_92/img05.gif) no-repeat left 52%;
            text-decoration: none;
            font-size: 13px;
            color: #FFFFFF;
    }
    
    #menu a:hover { 
            color: #FFFFFF;
    }
    
    #menu .current_page_item a {
            background: none;
            color: #000000;
    }
    
    /** LOGO */
    
    #logo {
            width: 713px;
            height: 130px;
            margin: 0 auto;
            background: url(http://hotimg25.fotki.com/a/24_98/5_92/img02.gif) no-repeat left top;
    }
    
    #logo h1, #logo h2 {
            float: left;
            margin: 0;
            padding: 60px 0 0 20px;
            line-height: normal;
    }
    
    #logo h1 { 
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size:40px;
    }
    
    #logo h1 a {
            text-decoration: none;
            color: #4C4C4C; 
    }
    
    #logo h1 a:hover { text-decoration: underline; }
    
    #logo h2 {
            float: left;
            padding: 75px 0 0 18px;
            font: 18px Georgia, "Times New Roman", Times, serif;
            color: #0044D1; 
    }
    
    #logo p a {
            text-decoration: none;
            color: #8BD80E;
    }
    
    #logo p a:hover { text-decoration: underline; }
    
    
    
    /* Page */
    
    #page {
            width: 663px;
            margin: 0 auto;
            padding: 0 25px;
    }
    
    /* Content */
    
    #content {
            float: left;
            width: 410px;
    
    }
    
    /* Post */
    
    .post {
            padding: 15px 0px;
            margin-bottom: 20px;
    }
    
    .post .title {
            margin-bottom: 20px;
            padding-bottom: 5px;
    }
    
    .post h1 {
            padding: 0px 0 0 35px;
            background: url(http://hotimg23.fotki.com/a/24_98/5_92/img06.gif) no-repeat left top;
            font-size: 24px;
            color: #FFFFFF;
    }
    
    .post h2 {
            padding: 0px 0 0 35px;
            background: url(http://hotimg23.fotki.com/a/24_98/5_92/img06.gif) no-repeat left top;
            font-size: 22px;
            color: #FFFFFF;
    }
    
    .post .entry {
    }
    
    .post .meta {
            padding: 15px 15px 30px 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
    }
    
    .post .meta p {
            margin: 0;
            padding-top: 15px;
            line-height: normal;
            color: #FFFFFF;
    }
    
    .post .meta .byline {
            float: left;
    }
    
    .post .meta .links {
            float: right;
    }
    
    .post .meta .more {
            padding: 0 10px 0 18px;
    }
    
    .post .meta .comments {
    }
    
    .post .meta b {
            display: none;
    }
    
    
    /* Sidebar */
    
    #sidebar {
            width: 210px;
            float: right;
            margin: 0;
            padding: 0;
    }
    
    #sidebar ul {
            margin: 0;
            padding: 0;
            list-style: none;
    }
    
    #sidebar li {
            margin-bottom: 40px;
    }
    
    #sidebar li ul {
    }
    
    #sidebar li li {
            margin: 0;
    }
    
    #sidebar h2 {
            width: 250px;
            margin-bottom: 10px;
            padding: 0px 0 0 35px;
            background: url(http://hotimg23.fotki.com/a/24_98/5_92/img06.gif) no-repeat left top;
            font-size: 20px;
            color: #FFFFFF;
    }
    
    /* Search */
    
    #search {
    
    }
    
    #search h2 {
            margin-bottom: 20px;
    }
    
    #s {
            width: 130px;
            margin-right: 5px;
            padding: 2px;
    }
    
    #x {
            padding: 2px;
            border: none;
            border: 1px solid #FFFFFF;
            background: #0157DE;
            text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10px;
            color: #FFFFFF;
    }
    
    /* Boxes */
    
    .box1 {
            padding: 20px;
    }
    
    .box2 {
            color: #BABABA;
    }
    
    .box2 h2 {
            margin-bottom: 15px;
            font-size: 16px;
            color: #FFFFFF;
    }
    
    .box2 ul {
            margin: 0;
            padding: 0;
            list-style: none;
    }
    
    .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
            color: #EDEDED;
    }
    
    /* Footer */
    #footer-wrap {
    }
    
    #footer {
            width: 693px;
            margin: 0 auto;
            padding: 10px 0 10px 0;
            background: url(http://hotimg23.fotki.com/a/24_98/5_92/img07.gif) no-repeat left top;
    }
    
    html>body #footer {
            height: auto;
    }
    
    #footer p {
            font-size: 11px;
    }
    
    #legal {
            clear: both;
            text-align: center;
            color: #FFFFFF;
    }
    
    #legal a {
            font-weight: normal;
            color: #FFFFFF;
    }
    I've got a flickr account that the images would need to be uploaded to and then linked in the css file. The text would get removed from the php file and finally, a few tokens get added to the php file.

    It's all rather simple albeit tedious and I don't have the time to do it right now. I need 50 of these done. It takes about 5 minutes to do each one once you get going so I figure it'd take 4 hours or so. Willing to pay $75 to get this done.

    I won't tolerate bullshit, excuses or delays but will pay promptly when the job is finished :p

    G-Man