FRIHOSTFORUMSSEARCHFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

Solved: Need convert php-template to css-html static

 


Crinoid
Hi, I would like to have css-html template for a static website that will look like one of the listed below php-templates for Joomla or WordPress:

Preferred is Greebled Surrealism for Joomla,
The second choice is Revolt for WordPress.
Whatever is easier.

My conditions:
1. You are not listed as bad member of marketplace in the sticky thread "Avoid being scammed".
2. All communications will be in this thread, without PM.
3. Template should be ready within 1 month, preferably less, if possible.
4. Show example of what you can do (link) and
4b link that will be displayed at the bottom of future template. Sorry, but I have to check that before we proceed.

If we agreed,
5. You have to show me 1/3 of the result in html/css (top or bottom 1/3, visible in browser) before payment. I'll evaluate quality (without comments, but I don't need crude template), if good, I'll pay Fri$600 and you'll deliver the whole template.
So, it is Fri$600 from me and a looking alike template from you.

Note that this is Creative Commons License, so your work also will be free to use, with link to your website.

Details:
Website will consist from categorized articles, text with few images. No bells and whistles (complicated embellishments or functions) are required. But I don't like contracting-expanding menu and square tabs on the top. Template should use minimal amount of images, just to give impression what original template gives, I mean not to have the full page background image. No scripts that I will not understand (JavaScript, for example).

------------------------------------------------------------------------------------------
I don't know how reasonable and doable my request is, and if offered payment is sufficient.
My apologies if not, but this what I have and require.

Another offer: if you know where to find the ready made free css-html template (not requiring installation of CMS) that gives similar impression of oddity, but tasteful and clear minded, I'll pay Fri$50 for this.
One week time to find it. OK?

Thank you.


Last edited by Crinoid on Fri Jul 31, 2009 12:22 am; edited 1 time in total
ocalhoun
All you have to do is view the page's source, then modify it however you like.
PHP code won't be included in the page source, because it's a server-side script.
Code:

<!--
Design by ActiView.de - http://www.actiview.de
This template is protected by Creative Commons ShareAlike 3.0 licence.
If you are interested in a licence free version without a sponsor-link, please visit: http://www.actiview.de/index.php/free-joomla-templates.html
You are NOT allowed to remove the sponsor-link to Elram.de !
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" >
<head>
  <base href="http://www.joomlademos.de/home" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="joomla, Joomla, Templates, templates, hosting, Hosting, cms, downloads, free" />
  <meta name="description" content="Joomla! - dynamische Portal-Engine und Content-Management-System" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>Joomla Template Demoseite</title>

  <link href="/home.feed?template=greebled&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
  <link href="/home.feed?template=greebled&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
  <link href="/templates/greebled/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <script type="text/javascript" src="/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/media/system/js/caption.js"></script>

<link rel="stylesheet" href="/templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/greebled/css/template.css" type="text/css" />
</head>
<body>

<div id="stage">
   <div id="wrapper">
      <div id="top">
         <div id="top-titel">Greeble Surrealism</div>
         <div id="top-titel2">in a surreal design with an 3d animated eye in the footer-part</div>         
         <div id="menu">      <div class="moduletable">
               <ul id="mainlevel-nav"><li><a href="http://www.joomlaos.de" class="mainlevel-nav" >JoomlaOS</a></li><li><a href="http://www.joomla24.com" class="mainlevel-nav" >Joomla24</a></li><li><a href="http://www.joomlaportal.de" class="mainlevel-nav" >Joomlaportal</a></li><li><a href="http://www.joomlajobs.de" class="mainlevel-nav" >Joomlajobs</a></li></ul>      </div>

   </div>
      </div>
<div id="content-closer"></div>
      <div id="content">
         <div id="content-left">
            <div id="content-left-inside"><div class="componentheading">
   Joomla Template Demoseite</div>
<table class="blog" cellpadding="0" cellspacing="0">
<tr>
   <td valign="top">

               <div>
      
<table class="contentpaneopen">
<tr>
      <td class="contentheading" width="100%">
            <a href="/neuigkeiten/1-willkommen-bei-joomla.html" class="contentpagetitle">
         Willkommen bei Joomla!</a>
         </td>
   
   
   
      </tr>
</table>

<table class="contentpaneopen">




<tr>
<td valign="top" colspan="2">
<div align="left"><strong>Joomla! ist freie Zusammenarbeit von Menschen auf der ganzen Welt. Sie unterstützt eine Inhaltsverwaltung, die es Ihnen ermöglicht schnell und effizient mehrsprachige Webseiten, Online Communities, Medienportale, Blogs und Shopsysteme zu realisieren. <br /></strong></div><p><strong><br /></strong><img src="/images/stories/powered_by.png" border="0" alt="Joomla!-Logo" title="Beispielbeschreibung" hspace="6" vspace="4" align="left" />Joomla! bietet eine einfach zu verstehende graphische Oberfläche, die es Ihnen ermöglicht, große Inhalte einfach zu verwalten und zu veröffentlichen. Dabei unterstützt Joomla! nicht nur HTML sondern auch Dokumente und Rich Media. Joomla! wird schon jetzt von vielen Organisationen von jeder Größe im Internet, in Intranets und sogar in Extranets verwendet. Joomla! wird von einer immer weiter wachsenden Gemeinschaft von Benutzer weltweit unterstützt. </p></td>
</tr>


<tr>
   <td  colspan="2">
      <a href="/neuigkeiten/1-willkommen-bei-joomla.html" class="readon">

         Weiterlesen...</a>
   </td>
</tr>

</table>
<span class="article_separator">&nbsp;</span>
      </div>
      </td>
</tr>

<tr>
   <td valign="top">

      <table width="100%"  cellpadding="0" cellspacing="0">
      <tr>
                              <td valign="top" width="50%" class="article_column">
            
<table class="contentpaneopen">
<tr>
      <td class="contentheading" width="100%">
            <a href="/neuigkeiten/6-wir-sind-freiwillige.html" class="contentpagetitle">
         Wir sind Freiwillige</a>
         </td>

   
   
   
      </tr>
</table>
<table class="contentpaneopen">




<tr>
<td valign="top" colspan="2">
<p>Das Joomla! Kernteam besteht aus freiwillige Entwickler, Kreative, Administratoren und Manager.  Diese geölte Maschine wird oft kopiert, aber nie übertroffen.  Joomla! hat einige sehr talentierte Leute, welche Open Source Konzepte an die vorderste Front der Industriestandarte führt.  Joomla! 1.5 ist ein grosser Schritt vorwärts und räpresentiert die spannendste Joomla!-Ausgabe in der Geschichte des Projekts. </p></td>
</tr>


<tr>
   <td  colspan="2">

      <a href="/neuigkeiten/6-wir-sind-freiwillige.html" class="readon">
         Weiterlesen...</a>
   </td>
</tr>

</table>
<span class="article_separator">&nbsp;</span>
</td>
                                          <td valign="top" width="50%" class="article_column column_separator">
            
<table class="contentpaneopen">
<tr>

      <td class="contentheading" width="100%">
            <a href="/neuigkeiten/7-bleib-beim-code.html" class="contentpagetitle">
         Bleib beim Code!</a>
         </td>
   
   
   
      </tr>
</table>
<table class="contentpaneopen">




<tr>
<td valign="top" colspan="2">
Um diese Ausgabe des Codes zu sichern, fing Wilco Jansen an Rum and dem mitführenden Entwickler Johan Janssens zu senden.  Johan, der eine Vorliebe für Rum hatte, seit er den ersten der Karibische Piraten Filme gesehen hat, nahm die Köder an und mischte es mit Cola und so sind wir hier angelangt, mit der neusten 1.5 Ausgabe. Es sieht ganz danach aus, als ob Piratengeschwätz noch viel Gebrauch in der Zukunft der Joomla! Entwicklung haben wird - wenigstens bis der Rum ausgeht.<br /></td>
</tr>


<tr>
   <td  colspan="2">
      <a href="/neuigkeiten/7-bleib-beim-code.html" class="readon">
         Weiterlesen...</a>
   </td>

</tr>

</table>
<span class="article_separator">&nbsp;</span>
</td>
                        
      </tr>
      </table>
   </td>
</tr>
<tr>
   <td valign="top">
      <div class="blog_more">

         <div>
   <strong>Weitere Beiträge...</strong>
</div>
<ul>
   <li>
      <a class="blogsection" href="/kategorie-blog/14-fuer-was-ist-die-ftp-ebene.html">
         Für was ist die FTP-Ebene?</a>
   </li>
   <li>

      <a class="blogsection" href="/bereich-blog/28-erfahrene-benutzer/16-nur-noch-ein-fenster.html">
         Nur noch ein Fenster</a>
   </li>
</ul>
      </div>
   </td>
</tr>

<tr>
   <td valign="top" align="center">

      &lt;&lt; <span class="pagenav">Start</span> &lt; <span class="pagenav">Zurück</span> <span class="pagenav">1</span> <a title="2" href="/home.html?template=greebled&amp;start=3" class="pagenav">2</a> <a title="Weiter" href="/home.html?template=greebled&amp;start=3" class="pagenav">Weiter</a> &gt; <a title="Ende" href="/home.html?template=greebled&amp;start=3" class="pagenav">Ende</a> &gt;&gt;      <br /><br />

   </td>
</tr>
<tr>
   <td valign="top" align="center">
      Seite 1 von 2   </td>
</tr>
</table>
</div>
         </div>
         <div class="sidebar">
            <div class="sidebar-header"></div>

      <div class="sidebar-content">      <div class="moduletable_menu">
               <h3>Main Menu</h3>
               <ul class="menu"><li id="current" class="active item1"><a href="http://www.joomlademos.de/"><span>Startseite</span></a></li><li class="parent item27"><a href="/joomla-overview.html"><span>Joomla! Überblick</span></a></li><li class="item2"><a href="/joomla-lizenz.html"><span>Joomla!-Lizenz</span></a></li><li class="item37"><a href="/more-about-joomla.html"><span>Mehr über Joomla!</span></a></li><li class="item41"><a href="/faq.html"><span>FAQ</span></a></li><li class="item50"><a href="/neuigkeiten.html"><span>Neuigkeiten</span></a></li></ul>      </div>
         <div class="moduletable">

               <h3>Google Werbung</h3>
               <div class="bannergroup">

<div class="banneritem"><br><div align="center"><script type="text/javascript"><!--
google_ad_client = "pub-7868248440917770";
google_ad_width = 125;
google_ad_height = 125;
google_ad_format = "125x125_as";
google_ad_type = "text_image";
//2007-09-01: Joomla CMS Demo 125
google_ad_channel = "2778318919";
google_color_border = "cecece";
google_color_bg = "f4f4f4";
google_color_link = "000000";
google_color_text = "666666";
google_color_url = "000000";
google_ui_features = "rc:10";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div><br><div class="clr"></div>
   </div>

</div>      </div>
   </div>

      <div class="sidebar-footer"></div><!-- You're not allowed to delete, modify or replace the following link to elram.de ! (for details to buy this template link-free, check the license at the top of this file --><div style="text-align:center;color:#888;"><small>Template by <a href="http://www.Elram.de" target="_blank"><span style="font-weight:bold; color:#999">Elram</span></a></small><img src="http://www.actiview.de/tracer/tracer.gif" alt="install-trackerimage" ></div>
         </div>
      </div>   
      <div id="content-closer"></div>
</div>
</div>


<div id="footer">
<div id="footerimg">
         <div style="position:relative;width:1000px;height:378px;">

      <div id="star-anim"></div>
      <div id="last-post">
                <div class="moduletable">
               <h3>Nachrichten</h3>
               <ul class="latestnews">
   <li class="latestnews">
      <a href="/more-about-joomla/29-das-cms/24-inhalt-layouts.html" class="latestnews">
         Inhalt-Layouts</a>

   </li>
   <li class="latestnews">
      <a href="/more-about-joomla/30-die-community/27-die-joomla-gemeinschaft.html" class="latestnews">
         Die Joomla!-Gemeinschaft</a>
   </li>
   <li class="latestnews">
      <a href="/neuigkeiten/1-willkommen-bei-joomla.html" class="latestnews">
         Willkommen bei Joomla!</a>

   </li>
   <li class="latestnews">
      <a href="/home/3-kurzmeldungen/41-kurzmeldung-5.html" class="latestnews">
         Kurzmeldung 5</a>
   </li>
   <li class="latestnews">
      <a href="/joomla-overview/was-ist-neu-in-1-5.html" class="latestnews">
         Was ist neu in 1.5?</a>

   </li>
</ul>      </div>
           </div>
        <div id="last-comment">
               <div class="moduletable">
               <h3>Meist gelesen</h3>
               <ul class="mostread">
   <li class="mostread">

      <a href="/joomla-overview.html" class="mostread">
         Joomla!-Überblick</a>
   </li>
   <li class="mostread">
      <a href="/joomla-lizenz.html" class="mostread">
         Joomla!-Lizenzrichtlinien</a>
   </li>
   <li class="mostread">

      <a href="/neuigkeiten/1-willkommen-bei-joomla.html" class="mostread">
         Willkommen bei Joomla!</a>
   </li>
   <li class="mostread">
      <a href="/more-about-joomla/29-das-cms/24-inhalt-layouts.html" class="mostread">
         Inhalt-Layouts</a>
   </li>
   <li class="mostread">

      <a href="/neuigkeiten/6-wir-sind-freiwillige.html" class="mostread">
         Wir sind Freiwillige</a>
   </li>
</ul>      </div>
           </div>   
       
      
      
   
      </div>
      </div></div>
</body>
</html>
Crinoid
Problem solved, folks, payment transferred.

Ocalhoun: Thank you, thank you, thank you! Your knowledge is invaluable.
I tried to figure out what you changed, but it will take more time.
Appreciate your help!

What text and link should I insert into modified template that will acknowledge your work?
ocalhoun
Crinoid wrote:
Problem solved, folks, payment transferred.

Ocalhoun: Thank you, thank you, thank you! Your knowledge is invaluable.
I tried to figure out what you changed, but it will take more time.
Appreciate your help!

What text and link should I insert into modified template that will acknowledge your work?

I changed nothing... So you don't need any text or link for me.
Crinoid
Can you take a look at it again and make some suggestions about making it a html document, recognized as such by W3C validation services? It would be very helpful.
I'm going through it line by line, checking and changing what I could recognize as unsuitable for html, it still not working.
Not that I'm picky, but trying to solve the problem in hand Wink
adri
Upload the page to your host and then go to http://validator.w3.org/. Enter the URL of your file and Click check. --> The site will tell you what your problems are and what you have to change to make it Valid HTML. Smile


Adri
Crinoid
Validator said then that this document can't be checked, even being saved as html instead of php and formatted as UTF without BOM.

I worked since getting points how to do that, changing what seemed not suitable for html or css, watching result, changing again. Note that I'm user, not designer, and have a very basic knowledge of them.

Now it passed validation. Only:
- without mixed columns (as in demo, two short columns after single wide column). Maybe you know right term to search for? Css and mixed columns, columns and positioning show not what I'm looking for. And template's container_left with container_left_inside (same for the right) do not work as expected so far.

- links color at the bottom are not as in demo, they buried somewhere. To change, have to spend more time trying.

- there is unique ID pathway. Looks like it's a long line across the screen - after two short columns in demo. Back and forward links, unless I'm mistaken. Should it be before, between or after unique ID's wrapper and stage?
This is how they start inside the html, like usual "content" and "main":

Code:
<body>
   <div id="stage">
      <div id="wrapper">

(Source for download of the free template and demo, to see what I'm talking about).

So far I placed UnID pathway between them at the end, when they closed. Then footer starts.

Does it seem reasonable?
Related topics

"Convert to Css" with Html Kit
I need a php upload script, NEEDED BADLY
Getting PHP variable to work in FCKeditor
phpBB3 Question - 50 frih$
Progam to design your website

browser based MMOG
PHP Toturail
Have you dun your design/layout yourself?
Cutenews
How to center something horizontally AND vertically...

help with php
Shoutbox?
Need Help with footers
Need Help integrating php variable into mySQL SELECT query
Css - Floating Blocks
Reply to topic    Frihost Forum Index -> Miscellaneous -> Marketplace

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.