Only image boards.

[Incompetent Egoist]

I was wondering if there is a possible way to make an ONLY image board.
Where there is no description or anything. No last posted, new topic, or
any of the information like that. I want the code be on specific
boards, not all. My website is v4.5 so if there is a code, please tell
me. I will also need to know how to get the width of the boards also to
make the image fit. I haven't found a way to find the forum's width,
nonetheless get the width of the boards. If you understand me please
help me out on this.

[Tumbleweed]

This might take moving some boards but the easiest way is to create a new category (will be your fake board), give it a title between bold tags. Example of (fake board) category name:


[b]Category Title Here[/b]


Then you need to make a real board, copy the link to the board and then hide the board.

And then you'll need this code....

interoceandesigns.com/index.cgi?board=proboardcodedatabase&action=display&thread=343

...to add the link to the real hidden board plus the image. So if you look at the code above you'll see a section you need to edit. Your edit would look like this:


["Category Title Here","<a href='http://yourboardlink.proboards.com'><img src='http://i41.yourimagelink.jpg'></a>"],

The reason for the bold tags around your category name is because SubDevo's code looks for bolded titles. Oh also, when you add your board link and image link make sure you use single quotes and not double quotes or the code won't work.

[Incompetent Egoist]

Will this code do this? -> 



That is where I want the image to be. Instead of the one below it. Is that what I will get? 

[Tumbleweed]

Well, just to make sure I remembered the best way to do this, I set it up on a test site:

putteraroundix.proboards.com/index.cgi

But IE is giving me difficulties, of course. I'm probably tired and not thinking so I'll come back to it. I did remember I need to make those images backgrounds and also you don't need the bold ubbc tags around the category name. Maybe it is the boards you need to do that to. Anyway, If you are willing to try it I'll explain how to do it. 

You are welcome to view my source if you are impatient. (I know when I want to figure something out, I don't want to wait). Got to go offline for a while.

[Incompetent Egoist]

Urmurgurd, thank you so much!

[Tumbleweed]

I figured out IE. I was just having a stupid moment. lol Now I hope this works for you as I don't know how many other codes you might have that would mess this up but it won't hurt to try. Just test one to start with to make sure all is o.k.

Now to do that, it is a bit different than what I said before. You still need Subdevo's code. In order to make those look nice we need to remove the margin and padding in all categories and then you'll need to do some simple css to put back the padding in the categories with just text.

So in your Global header add this:

<style>
.catbg {margin:0px; padding:0px;
}
</style>

Now above SubDevo's code you'll need to start with this css and then add more css for each category as needed:

<style>
.myC1{background-image:url('http://i41.tinypic.com/64mesp.jpg');
background-repeat: no-repeat; width:100%; height: 200px;margin:0px;
}
.myC2{background-image:url('http://i41.tinypic.com/64mesp.jpg');
background-repeat: no-repeat; width:100%; height: 200px;margin:0px;
}
.other_cats{
padding: 4px 4px 4px 6px; 
}
</style>


In Subdevo's code it should look like this: (I have three categories named: Second, Third, Second Category) 

["Second","<a href='http://linktohiddenboard.com'><div class='myC1'></div></a>"],
["Third","<a href='http://linktohiddenboard.com'><div class='myC2'></div></a>"],
["Second Category","<div class='other_cats'></div>"]


Now for each category you want a different image in, (if you do) you'll need to add new CSS with a new class title. Notice my classes are .myC1 and .myC2 so the next one could be .myC3.

Then you'll need to add those to Sub's code. For all the categories that will have just text you'll need to add those in to the code as well but you can just use the same div in blue.

Hopefully, I didn't confuse you too much.

[Incompetent Egoist]

I put the code in, this is what I have. -> 


<style>
.myC1{background-image:url('http://i41.tinypic.com/64mesp.jpg');
background-repeat: no-repeat; width:100%; height: 200px;margin:0px;
}
.myC2{background-image:url('http://i41.tinypic.com/64mesp.jpg');
background-repeat: no-repeat; width:100%; height: 200px;margin:0px;
}
.other_cats{
padding: 4px 4px 4px 6px;
}
</style>



<style>
.catbg {margin:0px; padding:0px;
}
["Second","<a href='http://linktohiddenboard.com'><div class='myC1'></div></a>"],
["Third","<a href='http://linktohiddenboard.com'><div class='myC2'></div></a>"],
["Second Category","<div class='other_cats'></div>"]
</style>

Is this right?

[Tumbleweed]

No, that second part is not css. In SubDevo's code you'll see this part (blue) that you need to edit: (Read the instructions that comes with the code)

var n=[
["Topics","Threads"],
["Posts","Posts"]
];

So this line...
["Topics","Threads"],

becomes this....
["Second","<a href='http://linktohiddenboard.com'><div class='myC1'></div></a>"],





This goes in your global header but you can add it to existing css you might have there:
<style>
.catbg {margin:0px; padding:0px;
}
</style>

[Incompetent Egoist]

I don't have that in the code though. I'm sorry if I'm being difficult, just not getting your drift. ~sigh~

[Tumbleweed]

It's o.k. In my first post to you I gave you a link to the code you'll need. That code has that part in it.