By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,057 Members | 1,346 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,057 IT Pros & Developers. It's quick & easy.

Hi everyone New Here and got a question

P: 1
Hi everyone i was wondering if there was a way to turn this code that is css into HTML
[html]
<!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="en" lang="en">
<head>
<!-- YOUR WEBSITE TITLE -->
<title>
YOUR SITE TITLE | ver. Optimistic
</title>
<!-- YOUR WEBSITE TITLE -->
<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>
<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
<h1>
<!-- YOUR WEBSITE NAME -->
Your website name
<!-- YOUR WEBSITE NAME END -->
</h1>
<!-- 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>
</ul>
<!-- TOP MENU END -->
</div>
<div id="content">
<div>
<!-- CONTENT START -->
<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>
<blockquote>
<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>
</blockquote>
<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>.
</p>
<h2>Terms of Service</h2>
<ol>
<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>
</ol>
<h2>Instructions for Installation</h2>
<ul>
<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>
</ul>
<p>
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>
<p>Have fun and enjoy :)</p>
<!-- CONTENT END -->
</div></div>
<div id="column">
<div>
<!-- NAVIGATION START -->

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

<h3>Network</h3>
<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>

<h3>Affiliates</h3>
<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>
</ul>
<!-- NAVIGATION END -->

<a href="http://inobscuro.com/" class="credit">Designed by In Obscuro</a>
</div></div>
<div id="footer">
<p>
<!-- COPYRIGHT INOFRMATION -->
Content &copy; 2006 <a href="mailto:your@address.here">Your Name</a>.
<!-- COPYRIGHT INOFRMATION END -->
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>
</p>
</div>
</div>
</body>
</html>
[/html]
Thank you ever so much
Mar 9 '08 #1
Share this Question
Share on Google+
1 Reply


P: 40
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.

Tom
Mar 9 '08 #2

Post your reply

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