HTML Pages?

by sasuraizero May 21st 2009, 9:04 pm

Hi there,

I saw the HTML pages in the acp and I was wondering, can you make stuff like the link below using HTML pages?

http://www.freelayouts.com/websites/html-templates

Cause I tried it and it doesn't work.

How would I go about doing that?

Thanks in advance Smile

by Vibhor May 22nd 2009, 5:42 am

i too wan to know this!
when we download the file, it gives only css and no html!!?!! :S
so how can we put it on our forums??plz replythanks!

by ankillien May 22nd 2009, 5:48 am

Follow the steps...

1) Download one that you like.
2) Unzip the folder.
3) Create new HTML page on your forum.
4) Copy the whole HTML code there. (Hit the "A/A" button on the top-right corner before you add the code)
5)
In the HTML code, find out <head> tag. Put
<style></style> tags inside <head> tags. Now copy
whole CSS code inside the <style> tags.
5) Upload the images to your image host.
6) Edit the link urls in the CSS codes for the images.
7) Click save.

To get the HTML and CSS source code. Open the files with notepad.

Hope this helps.

by sasuraizero May 22nd 2009, 6:22 am

I don't see any head tags in the code <_<

Here is the code:

body { margin:0; padding:0; font-size:11px; line-height:16px; font-family: Arial, Tahoma;}
a { color:#fe5800;}
a:hover { text-decoration:none;}
.orange { color:#fe5800;}

#header { background: url(images/header_bckg.gif) repeat-x ; height:120px; }
#logo { width:780px; margin:0 auto; padding:50px 0 0 20px; }
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
#logo a:hover { }
#menu {color:#fff; text-align:center; margin-top:22px;}
#menu ul{ width:780px; margin:0 auto;list-style:none; padding:0; text-align:left;}
#menu ul li{display:inline}
#menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; background:url(images/menu_enactive.gif) no-repeat bottom center; padding:8px 10px; width:118px; text-align:center; text-transform:uppercase;}
#menu ul a:hover { background:url(images/menu_over.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active:hover { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}

#main { width:100%; margin:20px 0 20px 0; float:left;}
#head_image { height:150px; background:url(images/head_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;}
#slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:21px; text-transform:uppercase; }
#under_slogan_text { color:#ffff00; font-size:10px; line-height:12px; padding-top:15px;}
#content { margin:0 auto; padding:0; width:780px;}
#content h1 { margin:20px 0 0 0; text-transform:uppercase; font-size:20px; color:#000; font-weight:normal;}
#text {float:left; width:530px; padding-left:20px;}
#sidebar { background:url(images/sidebar_bckg.gif) repeat-x; margin:20px 0 0 560px; color:#6f6e6e; padding:20px; }
#sidebar h2 {color:#fe5800; margin:0 0 15px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}

#footer {background:url(images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}
#left_footer { float:left; padding:40px 0 0 30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right; padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}

That is the only text file in the zip. Is this the HTML code or the CSS Code? Or are they both in the code above?

Thanks.

by ankillien May 22nd 2009, 7:53 am

You must get an HTML file with it.
Try this...
http://www.freewebtemplates.com/templates/xhtml-css

HTML Pages?

HTML Pages?

Re: HTML Pages?

Re: HTML Pages?

Re: HTML Pages?

Re: HTML Pages?