Scripting

by RossB96 July 23rd 2011, 8:53 pm

Hi there,

Just before I start, here are a few points,

My forum type is PHBPP3 (or something similar, it has a 3 in it)
My forum can be found here.
Not very good with scripting, so if you are going to reply could you possibly tell me where to put it?

Well, I firstly if you have looked at my webpage, you can see it has the header and navigation bar. If you click here this is what i would like to continue too. I am keeping the red theme. I would like this situated under the navbar, but with a little gap so it does not look too crammed.

FEW MORE POINTS!

The red area(s) are for that perticular areas heading, therefore i would like to be able to put text there.
I would also like to be able to put the main part of the text in the white area
The modules on the right are for widgets, like links to facebook and other widgets.

I really hope someone will be able to help me and hopefully that isnt too hard!

Thanks in advance Very Happy

by coco moco July 23rd 2011, 9:02 pm

How are you wanting your forum split up? In display => structure and hierarchy, there are various options for setting it up. Also, what theme are you using as a base? The prosilver could be nicely butchered to give you your look - but I do like rounded corners Very Happy

by RossB96 July 23rd 2011, 10:04 pm

I have already set up my forum page, but this page is a html one.
This will be the homepage giving information, and facebook moduels at the side.

by coco moco July 23rd 2011, 10:17 pm

RossB96 wrote:I have already set up my forum page, but this page is a html one.
This will be the homepage giving information, and facebook moduels at the side.

Have you had a look at the portal? it might give you what you want nice and easily. I'm assuming as well as the facebook widgets you're just wanting a news widget as well?

by RossB96 July 23rd 2011, 10:33 pm

Yes, i will be.
But on the portal, if i am correct, you can only choose the forum layout?

by coco moco July 23rd 2011, 10:49 pm

RossB96 wrote:Yes, i will be.
But on the portal, if i am correct, you can only choose the forum layout?

Well the portal, is really just a collection of widgets, so it's pretty easy to change the layout. From the idea I get from your picture, it's pretty much what you are going for anyway, although the colours off the bat would be different. Personally, I'd try and keep the colour scheme consistent across your site.

Edit: If you're desperate to change the colours, widgets may still be the way forward in terms of a nice easy layout.

by kirk July 25th 2011, 4:21 pm

RossB96 wrote:

Well, I firstly if you have looked at my webpage, you can see it has the header and navigation bar. If you click here this is what i would like to continue too. I am keeping the red theme. I would like this situated under the navbar, but with a little gap so it does not look too crammed.

FEW MORE POINTS!
The red area(s) are for that perticular areas heading, therefore i would like to be able to put text there.
I would also like to be able to put the main part of the text in the white area
The modules on the right are for widgets, like links to facebook and other widgets.

I really hope someone will be able to help me and hopefully that isnt too hard!

Thanks in advance

well this is noting but a image.

Code:: <head> <title>pagenof2.jpg (JPEG Image, 984x529 pixels) - Scaled (46%)</title> </head> <body> <img width="455" height="245" src="http://img607.imageshack.us/img607/8862/pagenof2.jpg" alt="http://img607.imageshack.us/img607/8862/pagenof2.jpg" style="cursor: -moz-zoom-in;"> </body> </html>

you have to create your tables and heading then add color borders etc..
Do you have any basic html knowledge to create pages.

I woukd sugest creating everything in adobe dreamweaver and graghics in Adobe fireworks.
But thats exspencive stuff and i realise a lot of people may not have that.

So you can get something called Kompozer for free. And create you html page through that.
It's great for beginners, but of course you have have to read up a little bit and fiddle with it before you get the hang of it.

http://kompozer.net/

Other then that, me just seeing that image is not really a lot for me to go on to even give an example? but i will try to create some sort of example to better help you.

i will do it in kompozer to this way you can take the code and add it to it so it can be modified.

But yeah you may be better just using the portal.

Info added

I guess you are shooting for something like this.
Here is an example and you can take the code if you want to use it or modify how you wish your self in kompzer.
i left the borders for now, but they can always be removed as in this preview.

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title></title> </head> <body style="color: rgb(0, 0, 0); background-color: black;" alink="#3333ff" link="#0000ff" vlink="#4499b8"> <table style="text-align: left; margin-left: auto; margin-right: auto; width: 1112px; height: 270px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: left; vertical-align: top;"> <table style="text-align: left; width: 744px; height: 43px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: red;">header one</td> </tr> </tbody> </table> <table style="text-align: left; width: 744px; height: 193px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: white; text-align: center; vertical-align: top;"><big>content box 1 top center for now</big></td> </tr> </tbody> </table> </td> <td style="text-align: left; vertical-align: top;"> <table style="text-align: left; width: 226px; height: 42px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: red;">widget header 1</td> </tr> </tbody> </table> <table style="text-align: left; width: 225px; height: 138px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: center; vertical-align: top; background-color: white;">widget box one<br> TOP CENTER FOR NOW</td> </tr> </tbody> </table> <br> </td> </tr> </tbody> </table> <table style="text-align: left; margin-left: auto; margin-right: auto; width: 1112px; height: 270px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: left; vertical-align: top;"> <table style="text-align: left; width: 744px; height: 43px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: red;">Header two</td> </tr> </tbody> </table> <table style="text-align: left; width: 744px; height: 193px;" border="2" cellpadding="2" cellspacing="2"> <small></small><tbody> <small></small><tr> <small></small><td style="background-color: white; text-align: center; vertical-align: top;"><big>content box 2 top center for now</big></td> <small></small></tr> <small></small> </tbody><small></small> </table> </td> <td style="text-align: left; vertical-align: top;"> <table style="text-align: left; width: 226px; height: 42px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: red;">Widget header 2</td> </tr> </tbody> </table> <table style="text-align: left; width: 225px; height: 138px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: white; text-align: center; vertical-align: top;">widget box one<br> TOP CENTER FOR NOW</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table style="text-align: left; margin-left: auto; margin-right: auto; width: 1112px; height: 270px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: left; vertical-align: top;"> <table style="text-align: left; width: 744px; height: 43px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: red;">Header 3</td> </tr> </tbody> </table> <table style="text-align: left; width: 744px; height: 193px;" border="2" cellpadding="2" cellspacing="2"> <small></small><tbody> <small></small><tr> <small></small><td style="background-color: white; text-align: center; vertical-align: top;"><big>content box 1 top center for now</big></td> <small></small></tr> <small></small> </tbody><small></small> </table> </td> <td style="text-align: left; vertical-align: top;"> <table style="text-align: left; width: 226px; height: 42px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: red;">Widget header 3</td> </tr> </tbody> </table> <table style="text-align: left; width: 225px; height: 138px;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: white; text-align: center; vertical-align: top;">widget box one<br> TOP CENTER FOR NOW</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </body> </html>

Scripting

Scripting

Re: Scripting

Re: Scripting

Re: Scripting

Re: Scripting

Re: Scripting

Re: Scripting