468,288 Members | 1,976 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,288 developers. It's quick & easy.

Hi everyone New Here and got a question

Hi everyone i was wondering if there was a way to turn this code that is css into HTML
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
YOUR SITE TITLE | ver. Optimistic
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="copyright" content="Design by nelchee @ inobscuro.com" />
<link rel="Stylesheet" type="text/css" href="optimistic.css" />
<!--[if lte IE 6]>
<script type="text/javascript" language="javascript" src="iehover.js"></script>
<div id="container">
<div id="header">
Your website name
<!-- TOP MENU -->
<ul id="mainmenu">
<li class="active"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Guestbook</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<!-- TOP MENU END -->
<div id="content">
<h2>About the Template</h2>
<p>This design is featuring my drawing. It's been lying in my sketchbook for weeks until I decided to
make it useful. Some brushes were used as well (you can download them at
<a href="http://inobscuro.com/">my website</a>).</p>
<p>It took me so long to make because I changed my mind about the concept and color scheme about
a dozen times. I think my muse will be gone for a while.</p>
<h3>Technical information</h3>
<p>The layout is entirely formatted using <acronym title="Cascading Style Sheets">CSS</acronym>,
so I strongly advise you not to change it, otherwise the layout might break.
Editing the content should be easy, just don't delete anything outside areas marked with comments.</p>
<p>I added a JavaScript required by Internet Explorer 6 and lower so rounded corners would work on hover.
If you don't need the top menu, just delete everything between <code>&lt;!-- TOP MENU --&gt;</code>
and <code>&lt;!-- TOP MENU END --&gt;</code> in this case you may discard the JavaScript.
To make a link appear highlighted (like <i>&quot;Home&quot;</i> shown here) add a class
<code>&quot;active&quot;</code> to the list item (<code>li</code> tag).</p>
<p>To make text appear in this box, use the <code>blockquote</code> tag, or add a class <code>&quot;box&quot;</code>
to any element.</p>
<p>To keep the template looking exactly as you see it, use tags and classes provided in this example.</p>
<p>It's tested in
<a href="http://www.mozilla.org/firefox/">Mozilla Firefox 1.5</a>,
<a href="http://www.microsoft.com/windows/ie/">Internet Explorer 6</a>,
<a href="http://www.opera.com/">Opera 8</a>, and <a href="http://browser.netscape.com/">Netscape 7.2</a>,
on resolution 800x600 and
1024x768, and works good in each of the mentioned. It is also validated
<a href="http://validator.w3.org/check?uri=referer">XHTML</a> and
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
<h2>Terms of Service</h2>
<li>Leave the credit and link back to <a href="http://inobscuro.com/">http://inobscuro.com/</a> visible.</li>
<li>Do not redistribute.</li>
<li>Personal, non-profit use only.</li>
<li>Derivative work prohibited.</li>
<h2>Instructions for Installation</h2>
<li>Download the .ZIP file containing the entire template;</li>
<li>Unzip the file. Use software like <a href="http://www.rarlab.com/">WinRAR</a>,
<a href="http://www.winzip.com/">WinZIP</a>,
<a href="http://www.stuffit.com/">StuffIt</a> etc.
(If you have Windows XP then you don't need to download any additional software);</li>
<li>Open the file <strong>index.html</strong> in your text editor (Notepad) and edit the website title, content
and links in the navigation area. (Those areas are marked with comments.)
Save edited files under corresponding names (for example <i>about.html</i>, <i>links.html</i>...);</li>
<li>Upload all the files and folders to your server.</li>
For detailed information on istalling this layout, please refer to my tutorial
<a href="http://inobscuro.com/tutorials/read/31/">Installing premade templates</a>.
<p>Have fun and enjoy :)</p>
<!-- CONTENT END -->
<div id="column">

<p>You can write something here if you like. Or put a cam, or shoutbox.
<a href="#">A link</a>.</p>

<ul class="menu">
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>

<ul class="menu">
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>

<a href="http://inobscuro.com/" class="credit">Designed by In Obscuro</a>
<div id="footer">
Content &copy; 2006 <a href="mailto:your@address.here">Your Name</a>.
Design &copy; <a href="http://inobscuro.com/">In obscuro</a>.
<a href="http://creativecommons.org/licenses/by-nc-nd/2.5/" title="Creative Commons Attribution-NonCommercial-NoDerivs 2.5 License">Creative Commons Licence</a>
Thank you ever so much
Mar 9 '08 #1
1 1400
Not sure what you mean that code that you have posted is HTML, well XHTML to be precise.

XHTML is the structure of the document while CSS is what is used for all presentation such as colour and so.

Mar 9 '08 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

3 posts views Thread by Everyone | last post: by
3 posts views Thread by Nugs | last post: by
reply views Thread by NPC403 | last post: by
2 posts views Thread by MrBee | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.