Widget-like Tables in Homepage Message
2 posters
Page 1 of 1
Widget-like Tables in Homepage Message
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
Site: http://hurricanechronicles2.forumotion.com/
Version: punBB
Re: Widget-like Tables in Homepage Message
Hi
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:
^ Put that anywhere you want that accepts HTML and v in the CSS:
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
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- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Widget-like Tables in Homepage Message
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.
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.
Re: Widget-like Tables in Homepage Message
Hi
Yeah, that would be possible, I think. Please link me to your forum.
It can be anywhere to be honest but I'd put it above {CHATBOX} if it were me.
You should add or make the table something like this:
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
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- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Widget-like Tables in Homepage Message
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.
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>
Re: Widget-like Tables in Homepage Message
Hi
Well the ideal would is to just use a class for tables. Something like this:
And this in your stylesheet:
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:
Change #Color to the color you want and my class name to the selector/class of your table.
Regards,
Pizza Boi
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- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum