You are here:  » HTML TIPS


HTML TIPS

Submitted by madison on Fri, 2006-11-17 18:34 in

Any tips

what HTML file do i modifiy to change the front page layout

what page would i mod if i wanted to add menu tables either side for the front page

any other tips on mods of the html would be great

Submitted by support on Fri, 2006-11-17 19:12

Hi,

The front page is entire generated by index.php - the only includes are the standard HTML header, html/searchform.php and the footer. Remember that if you make any changes to html/searchform.php they will appear on every page that shows the search box at the top.

If you wanted to add your own tables to left and right of the front page you are best off doing this with a table in index.php. If you want to make changes across all pages you could make some of the mods described in this thread:

http://www.pricetapestry.com/node/409

...quite a ideas for HTML mods in there...

Cheers!
David.

Submitted by madison on Sun, 2006-11-19 16:44

many thanks

what if i have a html template , how would i do this , if at all possible

Submitted by support on Sun, 2006-11-19 17:07

Hi madison,

If you have a template that you would like to use as the basis of your Price Tapestry site the way to go about it is basically;

1) Split the template into to 2 files, everything that should be displayed before the Price Tapestry code, and everything that should be displayed afterwards.

For example, if this involves all the Price Tapestry content being within a table as part of your overall design, then the first part would end in <td> and the second part would begin with </td>

2) Copy everything from the first file into html/header.php. I would suggest that you stay with the HTML <head> section; but start your custom code from the <body> tag.

3) Copy everything from the second file into html/footer.php; completely replacing all the existing code in footer if you like.

That should help get you started...

Cheers,
David.

Submitted by rolli1 on Tue, 2006-11-21 07:50

Hi David,
I would not recommend to use tables. For SEs css is much better and it fits best for PT. One can define css either in the index.php or separately in each file of the html directory.

roland

Submitted by Eddie on Tue, 2006-11-21 10:53

Roland,

Can you post some examples here fof CSS structure with out tables please.

Eddie

Submitted by madison on Tue, 2006-11-21 13:41

yeh that would be great as i haven't a clue what you mean :)

Submitted by henk on Wed, 2006-11-22 20:47

if you use dreamweaver you can include more php tags in the script.

example the index.php has two tags  <?php and at the end ?>

ok when take the last rows with include("html/footer.php"); change it to

?>
<?php include("html/footer.php");

its a very simple change but you see in dreamweaver in wysiwyg mode the footer in the index.php.

you can do this with almost all pages.

Cheers HEnk

Submitted by rolli1 on Thu, 2006-11-23 20:06

Between the head tags:

^style type="text/css">

#menucontainer {
border:1px solid #ffffff;
background-color:#ababab;
width:120px;
padding:5px;
margin:5px;
line-height:30px;
color:#ffffff;
}
#menucontainer{
float:left;
}

.menutitle
{
margin:-5px -5px 5px -5px;
padding:2px;
background-color:#003333;
color:#eeeeee;
font-weight:bold;
border-bottom:1px solid #ffffff;
}

h1
{
color:red;
}

center
{font-size:18;
color:blue;
}

#bannercontainer

{
border:1px solid #ffffff;
background-color:#ff00ff;
width:400px;
padding:5px;
margin:5px;
line-height:20px;
color:#ffffff;
}
#bannercontainer{
float:right;
}

^/style>

Put the followin code for menucontainer into body tags:

^div id="menucontainer">
link1
link2
.....
^div>

do the same with banners.

ROland