The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Widget-like Tables in Homepage Message

2 posters

Go down

Widget-like Tables in Homepage Message Empty Widget-like Tables in Homepage Message

Post by Kechapoo May 16th 2014, 10:46 am

I've seen it on a few sites, namely http://narutonexusrp.com/, and I'd like to utilize that on my forum. I'm really bad with tables, though.

Site: http://hurricanechronicles2.forumotion.com/

Version: punBB
avatar
Kechapoo
Forumember

Male Posts : 40
Reputation : 0
Language : English
Location : Virginia

http://hurricanechronicles.forummotion.com

Back to top Go down

Widget-like Tables in Homepage Message Empty Re: Widget-like Tables in Homepage Message

Post by Pizza Boi May 16th 2014, 10:53 am

Hi Very Happy

Hmm... so you want a table? Well, bro, hmm... you can actually put the table in the index_body since you're using punBB or in the Homepage Generalities but if you just want a regular table then I guess I can design an easy one:

Code:
<table class="dta"><tr><td>Text Goes Here</tr></td></table>

^ Put that anywhere you want that accepts HTML and v in the CSS:

Code:
.dta {
  background: #Color
  background-image:url(IMG LINK);
  padding: #px #px #px #px;
  margin: #px #px #px #px;
  border: #px solid/dotted/groove/inset/outset/dashed/double #Color;
  border-radius: #px #px #px #px;
}

You change the values of #px and #Color and you can odd other designs so you should learn CSS here: http://w3schools.com/

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

Widget-like Tables in Homepage Message Empty Re: Widget-like Tables in Homepage Message

Post by Kechapoo May 16th 2014, 11:42 am

Hmm...

Is there a way I can put tables in there, but have the actual Homepage Message transparent? So that only the tables inserted there show (above the forum/categories and below the navigation bar)?


EDIT: I think this idea would work like how you said, with putting it in the index_body template. I have no idea where to put it inside the template, though.

EDIT #2: I managed to figure this out, but I was wondering if there's a way to either 1) have tables appear beside one another horizontally or, if that isn't possible, to 2) make it so the columns in a single table are spaced so that they appear as separate tables? I've been messing with the margins, padding, border width, and nothing's worked so far.
avatar
Kechapoo
Forumember

Male Posts : 40
Reputation : 0
Language : English
Location : Virginia

http://hurricanechronicles.forummotion.com

Back to top Go down

Widget-like Tables in Homepage Message Empty Re: Widget-like Tables in Homepage Message

Post by Pizza Boi May 16th 2014, 3:22 pm

Hi Very Happy

Is there a way I can put tables in there, but have the actual Homepage Message transparent? So that only the tables inserted there show (above the forum/categories and below the navigation bar)?

Yeah, that would be possible, I think. Please link me to your forum.

EDIT: I think this idea would work like how you said, with putting it in the index_body template. I have no idea where to put it inside the template, though.

It can be anywhere to be honest but I'd put it above {CHATBOX} if it were me.

EDIT #2: I managed to figure this out, but I was wondering if there's a way to either 1) have tables appear beside one another horizontally or, if that isn't possible, to 2) make it so the columns in a single table are spaced so that they appear as separate tables? I've been messing with the margins, padding, border width, and nothing's worked so far.

You should add or make the table something like this:

Code:
<table><tr><td></td><td></td></tr></table>

Just keep on increasing the # of td's you have until your liking and declare a td in another tr to do a line break/break.

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

Widget-like Tables in Homepage Message Empty Re: Widget-like Tables in Homepage Message

Post by Kechapoo May 20th 2014, 8:46 am

I'm having trouble with a few table attributes. I can't adjust the cellspacing, cellpadding, and I can't vertically align text inside their cells.

This is what I have so far.


Code:
<table style="text-align:center;border-collapse:collapse" width="500px" border="1">
<tr>
<td style="background-color:#A30E00">
Content
</td>
<td style="background-color:#A30E00">
Content
</td>
</tr>
<tr>
<td>
Content
</td>
<td>
Content
</td>
</tr>
</table>
avatar
Kechapoo
Forumember

Male Posts : 40
Reputation : 0
Language : English
Location : Virginia

http://hurricanechronicles.forummotion.com

Back to top Go down

Widget-like Tables in Homepage Message Empty Re: Widget-like Tables in Homepage Message

Post by Pizza Boi May 20th 2014, 3:35 pm

Hi Very Happy

Well the ideal would is to just use a class for tables. Something like this:

Code:
<table class="mytable">

And this in your stylesheet:

Code:
.mytable {
  /* My style here */
}

For cellspacing and cellpadding, that should be directly proportional to the width of the table.

If I were to re-write your code, it should look something like:

Code:
my class name {
text-align: center;
border-collapse: collapse;
width: 500px;
border: 1px solid #Color;
}

Change #Color to the color you want and my class name to the selector/class of your table.

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

Back to top


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