The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Scripting

View previous topic View next topic Go down

Scripting

Post by RossB96 on 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

RossB96
Forumember

Posts : 64
Reputation : 0
Language : English

Back to top Go down

Re: Scripting

Post by coco moco on 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

coco moco
Forumember

Posts : 118
Reputation : 50
Language : English

Back to top Go down

Re: Scripting

Post by RossB96 on 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.

RossB96
Forumember

Posts : 64
Reputation : 0
Language : English

Back to top Go down

Re: Scripting

Post by coco moco on 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?

coco moco
Forumember

Posts : 118
Reputation : 50
Language : English

Back to top Go down

Re: Scripting

Post by RossB96 on 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?

RossB96
Forumember

Posts : 64
Reputation : 0
Language : English

Back to top Go down

Re: Scripting

Post by coco moco on 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.

coco moco
Forumember

Posts : 118
Reputation : 50
Language : English

Back to top Go down

Re: Scripting

Post by kirk on 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 Very Happy

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>
 


kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

View previous topic View next topic Back to top


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