WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Template

View previous topic View next topic Go down  Message [Page 1 of 1]

1Template Empty Template Sat Aug 28, 2010 3:30 pm

Behavior???


Registered Member
Registered Member
http://www.cssportal.com/css-templates/template.htm?id=83

I love the Portal template, I would love having one

Its a downloadable template but I dont know how to put the codes together

I know I should have the CSS in <Style> Tags and all those, but i can distinguish which one is which, so I would love if someone puts me the whole codes together

http://www.thedungeons.info

2Template Empty Re: Template Sat Aug 28, 2010 4:26 pm

ankillien

ankillien
Administrator
Administrator
Have you downloaded it?
Which files did you got with it?

Just try opening the index.html file in a browser and it should work.

3Template Empty Re: Template Sat Aug 28, 2010 4:47 pm

Behavior???


Registered Member
Registered Member
I opened, but it gives me the preview of the page and not the codes

http://www.thedungeons.info

4Template Empty Re: Template Sat Aug 28, 2010 4:58 pm

ankillien

ankillien
Administrator
Administrator
Open the file with Note[ad or other text editor, it will show the codes.

5Template Empty Re: Template Sat Aug 28, 2010 10:33 pm

Behavior???


Registered Member
Registered Member
Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Extreme Updates</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--header start -->
<div id="headerMain">
<div id="header">
  <a href="index.html"><img src="images/logo.gif" alt="extreme updates" width="411" height="96" border="0" /></a>
  <h1>Morbi in turpis Nullavulputate</h1>
<ul class="top">
<li class="hover">home</li>
<li><a href="#" class="about">about us</a></li>
<li><a href="#" class="contact">contact</a></li>
</ul>
<p>Donec convallis nisl sed nequemauris vulputate leo sit Quisque consequat lacus nec nunc aenean</p>
<ul class="nav">
<li><a href="#">Blog</a></li>
<li><a href="#">Support </a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Ideas</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<br class="spacer" />
</div>
<!--header end -->
<!--bodyTopMain start -->
<div id="bodyTopMain">
<!--bodyTop start -->
<div id="bodyTop">
<!--left1 start -->
<div id="left1">
<h2><span>Why</span>extreme updates...</h2>
<p class="leftText1">Extreme Updates is a <span>free, tableless, W3C-compliant</span> web design layout by Template World. This template has been tested and proven compatible with all major browser environments and operating systems. You are free to modify the design to suit your tastes in any way you like.</p>
<p class="leftText1">We only ask you to not remove <span>"Design by Template World"</span> and the link http://www.templateworld.com from the footer of the template.</p>

<a href="#" class="link2">Morbi vel nunc aecenas urna arcu</a>
<br class="spacer" />
</div>
<!--left1 end -->
<!--mid1 start -->
<div id="mid1">
<p class="mid1Top"></p>
<h2>Important<span>Services</span></h2>
<p class="linkTop"></p>
<ul>
<li><a href="#">Malesuada a, pretium</a></li>
<li><a href="#">Facinia, tincidunt id,</a></li>
<li><a href="#">Jigula. Aliquam nec Dm.</a></li>
<li><a href="#">Maecenas Aliquet.</a></li>
<li><a href="#">Vestibulum Non eninec</a></li>
<li><a href="#">AuguIortaconsequat</a></li>
<li><a href="#">Iacus nec nunc. Aenean </a></li>
<li><a href="#">placerat Vestibulum</a></li>
<li class="bdrNo"><a href="#">lobortis mollis .</a></li>
</ul>
<br class="spacer" />
</div>
<!--mid1 end -->
<!--right1 start -->
<div id="right1">
<a href="#" class="jobBanner"></a>
<h2>what should<span>best for</span></h2>
<a href="#" class="rightLogo"></a>
<a href="#" class="viewMore">View more</a>
</div>
<!--right1 end -->
<br class="spacer" />
</div>
<!--bodyTop end -->
<br class="spacer" />
</div>
<!--bodyTopMain end -->
<!--bodyBotMain start -->
<div id="bodyBotMain">
<!--bodyBot start -->
<div id="bodyBot">
<!--left2 start -->
<div id="left2">
<h2><span>News</span></h2>
<p class="newsPic"></p>
<p class="newsText"><span>Vestibulum ante ipsum primis in faucis</span>orci luctus et  Pellentesque placerat. Sed neque. Nam eros dui, dapibus id, fermentum sit amet, ullamcorper vel, lacus. Etiam ultricies ligula sed<br />
<a href="#" class="linkNews">tincidunt id, ligula. Aliquam</a>  turpis, lacinia id, sollicitudin vel, aliquet eu, tortor. Donec at erat et ipm porttitor consequat.</p>
<a href="#" class="link3">Quisque consequat lacus nec nunc</a>
<br class="spacer" />
</div>
<!--left2 end -->
<!--mid2 start -->
<div id="mid2">
<h2>Members<span>Login</span></h2>
<form name="memberLogin" action="#" method="post">
<input type="text" name="name" class="txtBox" value="-Enter your name-" />
<input type="password" name="password" class="txtBox" value="-Your Password-" />
<label class="yellow"><a href="#" class="register">Want To Register ?</a></label>
<input type="submit" name="go" value="Go" class="go" />
<br class="spacer" />
</form>
<p class="memberBottom"></p>
<br class="spacer" />
</div>
<!--mid2 end -->
<!--right2 start -->
<div id="right2">
<h2><span>Support</span></h2>
<ul>
<li><a href="#">Vestibulum ante ipsum primis</a></li>
<li><a href="#">in Faucis orci luctus et ultrices</a></li>
<li><a href="#">re Cubilia Curae; Cras vel dui.</a></li>
<li><a href="#">Vivamus lacinia est non ante.</a></li>
<li><a href="#">Phasellus elit tellus, condimid,</a></li>
<li><a href="#">Euismod</a></li>
<li><a href="#">Vestibulum ante ipsum prim in</a></li>
<li><a href="#">Faucibusorci</a></li>
</ul>
<br class="spacer" />
</div>
<!--right2 end -->
<br class="spacer" />
</div>
<!--bodyBot end -->
<br class="spacer" />
</div>
<!--bodyBotMain end -->
<!--footer start -->
<div id="footerMain">
<div id="footer">
<ul>
   <li><a href="#">Blog</a>|</li>
   <li><a href="#">Support</a>|</li>
   <li><a href="#">Solutions</a>|</li>
   <li><a href="#">Testimonials</a>|</li>
   <li><a href="#">Developments</a>|</li>
   <li><a href="#">Ideas</a>|</li>
   <li><a href="#">Projects</a>|</li>
   <li><a href="#">Contact Us</a></li>
   </ul>
   <p class="copyright">&copy;Extreme Updates. All rights reserved.</p>
   <a href="http://validator.w3.org/check?uri=referer" target="_blank" class="xht">XHTML</a>
   <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" class="cs">CSS</a>
   <p class="design">Designed By: <a href="http://www.templateworld.com/" target="_blank" class="link">Template World</a>
   | <a class="link" href="http://www.cssportal.com/">CSS Portal</a></p>
</div>
</div>
<!--footer end -->
</body>
</html>
But, to be precise, when I copy this paste it to the HTML. it gives me only the text with no pics appearing, and I am not yet sure, where I must add the pics, and no clue being given inside the code

http://www.thedungeons.info

6Template Empty Re: Template Sat Aug 28, 2010 10:41 pm

ankillien

ankillien
Administrator
Administrator
Are you putting it on Forumotion?
Don't forget the CSS codes. There is a style.css file with your template, copy the codes of it and put them inside <style></style> tags that goes between <head></head> tags in the HTML page.

You also need to host the images on your image host site and update the URLs in HTML and CSS codes.

7Template Empty Re: Template Sun Aug 29, 2010 12:17 am

Behavior???


Registered Member
Registered Member
How can i integrate and allow my members to Log in throught the made up Homepage?

Also, Is there a way I can give my members notification about messages they have, by having a small button, appear as soon as the log In through the homepage?

http://www.thedungeons.info

8Template Empty Re: Template Sun Aug 29, 2010 10:44 am

ankillien

ankillien
Administrator
Administrator
Its not possible to have message notification on HTML page. You can create a log in form though.

Use this tutorial to create form...
http://www.webartzforum.com/tutorials-f7/creating-html-forms-t1250.htm

In the action="" attribute you will put this value : YOURFORUM.com/login.forum?connexion

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Template

Permissions in this forum:
You cannot reply to topics in this forum