InterOcean Designs - Side table

InterOcean Designs :: ProBoards Codes :: Code Chat & Support :: Side table

Author

Topic: Side table (Read 458 times)

Dragon
Full Member
member is offline

[avatar]

Joined: Dec 2010
Gender: Male

Posts: 389
Karma: 30

Side table
« Thread Started on Jan 9, 2012, 7:47pm »

Is it possible to make the sidetables for main page like regular side tables to show like an actual box ?

http://cloudianpublicity.com/index.cgi

« Last Edit: Jan 9, 2012, 8:01pm by Dragon »

Link to Post - Back to Top IP:

Logged

Pebble
Code Helper
IOD Supporter
member is offline

Joined: Mar 2011
Gender: Male

Posts: 1,179
Location: Here & There
Karma: 155

Re: Side table
« Reply #1 on Jan 10, 2012, 10:17am »

mmmmmm , probably ! But you'll have to be a bit more specific about what you mean. A border around all the stuff on the right hand side ? Head and base images on it ?

Link to Post - Back to Top IP:

Logged

Dragon
Full Member
member is offline

[avatar]

Joined: Dec 2010
Gender: Male

Posts: 389
Karma: 30

Re: Side table
« Reply #2 on Jan 10, 2012, 1:01pm »

Well with a regular side table you get what looks like a box around the content in each table, which is what I'm going for. A border and head/base images would be good also.

Link to Post - Back to Top IP:

Logged

Pebble
Code Helper
IOD Supporter
member is offline

Joined: Mar 2011
Gender: Male

Posts: 1,179
Location: Here & There
Karma: 155

Re: Side table
« Reply #3 on Jan 10, 2012, 1:53pm »

OK,

I don't use side tables so I'm not sure what a regular one looks like! Can you post a link to one that shows something similar to what you want.
Also , have a look here to see if I'm on the right track : http://pebbletest2.proboards.com/index.cgi

Link to Post - Back to Top IP:

Logged

Dragon
Full Member
member is offline

[avatar]

Joined: Dec 2010
Gender: Male

Posts: 389
Karma: 30

Re: Side table
« Reply #4 on Jan 10, 2012, 2:47pm »

The borders are a good start though I question the spaces up top and below ?

I was aiming for something like TENO: http://tenorpg.proboards.com/index.cgi

Link to Post - Back to Top IP:

Logged

Pebble
Code Helper
IOD Supporter
member is offline

Joined: Mar 2011
Gender: Male

Posts: 1,179
Location: Here & There
Karma: 155

Re: Side table
« Reply #5 on Jan 10, 2012, 4:24pm »

Right

OK, I'll knock something up tomorrow when I have a bit of time. I'll do it with CSS so it's easy for you to modify if you want to at a later date.

You want 4 boxes ?
----------------------------------
Head image?

CP welcome
see whats new abroad
CP updates
Twitter

Base image ?

________________-

Have a look again - Like that but with spacing between the boxes ?

« Last Edit: Jan 10, 2012, 5:03pm by Pebble »

Link to Post - Back to Top IP:

Logged

Dragon
Full Member
member is offline

[avatar]

Joined: Dec 2010
Gender: Male

Posts: 389
Karma: 30

Re: Side table
« Reply #6 on Jan 10, 2012, 6:48pm »

? O.O

Its only two boxes so far mate: CP Welcome, CP Updates. Those two are the titles for the boxes and underneath the content....

Do you think we should have only 1 uniform head/base or 1 per box though ?

Yeah a small amount of space like on TENO between boxes is good.

Thanks Pebble, I appreciate the help.

Link to Post - Back to Top IP:

Logged

Pebble
Code Helper
IOD Supporter
member is offline

Joined: Mar 2011
Gender: Male

Posts: 1,179
Location: Here & There
Karma: 155

Re: Side table
« Reply #7 on Jan 10, 2012, 9:52pm »

2 boxes ! ok.

Save your code and put this in replacing what you've got there already (I assume it's top of your main footer)

Code:
</td><td id="sidetbls" style="display:none">
<table>
<tr><td id="sidetbls">
<center><img src="http://img26.imageshack.us/img26/7066/cpwelcome.png" /></center><hr>
<font size=1>
You are entering the online community known as 'Cloudian Publicity', an open-ended online forum geared toward everyones many interests and hobbies! Some of the various subjects you'll find here include Info/links for: tv shows, movies, music artists, youtube channels, and so much more! So sign up today (it's 100% free!) and join our family!<P ALIGN="RIGHT"> <a href="http://cloudianpublicity.com/index.cgi?action=viewprofile&user=dragon"><b> <FONT COLOR="006400">Dragon</a></font></b><br> <font size=1><b>Forum Administrator</b>
</font>
...See What's New Abroad...
</td></tr>
<tr><td>
<br />
<br />
</tr></td>
<tr><td id="sidetbls">
<center><img src="http://img839.imageshack.us/img839/9525/cpupdates.png" /></center>
<style type="text/css"></style>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 5,
interval: 6000,
width: 190,
height: 180,
theme: {
    shell: {
      background: '#00001e',
      color: '#ffffff'
    },
    tweets: {
      background: '#000033',
      color: '#FFFFFF',
      links: '#2244aa'
    }
},
features: {
    scrollbar: true,
    loop: false,
    live: false,
    hashtags: false,
    timestamp: true,
    avatars: false,
    behavior: 'all'
}
}).render().setUser('cloudianpublics').start();
</script>
</td></tr>

</table>
</td></tr></table>

And this at the top of you main header:

Code:
<style type="text/css">
#sidetbls { border-style:solid; border-color:#0000ff; border-width:4px;}
</style>

You can play about with this second part until you get it looking how you want it.

Then you'll have to decide what you want to do. The nav bar, square tabs, rounded headimage etc is looking a bit mis-matched. Having some more head/base images may make it look even more jumbled up.
Maybe get the tabs below the headimage ?

If your page stretches you may have to narrow your images. Also your CP updates looks odd as it's not set the same as the other one. It needs to be set to the left.

« Last Edit: Jan 10, 2012, 10:08pm by Pebble »

Link to Post - Back to Top IP:

Logged

SubDevo
Co-Admin
Code Support
member is offline

[avatar]

Creator of LSD...

Joined: Mar 2009
Gender: Male

Posts: 2,594
Location: MI, USA
Karma: 102

Re: Side table
« Reply #8 on Apr 6, 2012, 12:35am »

Though this was a nice exercise, I don't see why you just can't use good ol' Smangii's Side Tables for this purpose. Or am I missing something here? :-/

Link to Post - Back to Top IP:

Logged

Why are you looking at my signature, [ME]?

Dragon
Full Member
member is offline

[avatar]

Joined: Dec 2010
Gender: Male

Posts: 389
Karma: 30

Re: Side table
« Reply #9 on Apr 6, 2012, 11:57am »

Wormo designed a side table code for main page only and only showed on the right of our board content..

Link to Post - Back to Top IP:

Logged