Change how threads display

[Chaotico]

First of all, Thank you very much for any help you can give...

---

I am after a way of changing how the threads are displayed within a board... but..

1) I only want it to effect a single board... (To use this support forum as an example... it should only effect the Support Board but not the Template board)

2) I would like the threads to display like this with each of the red squares being an image that links to a thread



2.1) As there are 30 displayed threads in a board, and I don't know how easy it would be to change that, maby 3 lines of 10 threads or 6 lines of 5 threads?
2.2) You will not need to take into consideration of Sticky Threads as these will not be used.

3) If you decide you would like to try making this, How long do you think it would take you? I would rather you not spend a lot of time on a single template mod

---

---

On another note.

If you feel this would be easier to achieve with the modification effecting all threads (regardless of what board they are under) this would be an option...

But I really would like Images to be usable as thread links

[Tumbleweed]

What would happen to threads that are announcements and stickied threads that are typically at the top? (Not saying I'm doing this or if I even can do it, but just getting more info)

By the way this is a template request so will move this to request board.

[mildred]

Just curious, is this going to be a "static" board, as in, are there only going to be your set support threads? Or is this meant to be used by your members to post new threads? Would the image need to be chosen by the member/different for every thread, or is it going to be a specific image that you choose for your threads beforehand?

[Chaotico]

Mar 21, 2014 12:20:19 GMT -8 mildred said:

Just curious, is this going to be a "static" board, as in, are there only going to be your set support threads? Or is this meant to be used by your members to post new threads?

It would be an Information board, so static (Part of the reason I made Point 3. I don't know if this is possible, or how long it would take,,, If it would take more than a reasonable amount of time, I would advise against helping me)

Mar 21, 2014 12:20:19 GMT -8 mildred said:

Would the image need to be chosen by the member/different for every thread, or is it going to be a specific image that you choose for your threads beforehand?

Either per-thread, or the option between two set images

Mar 21, 2014 10:36:25 GMT -8 Tumbleweed said:

What would happen to threads that are announcements and stickied threads that are typically at the top?

It can ignore Sticky and announcement threads

---

As it sounds pretty much impossible the more I type about this... Along with massively time consuming...

Another option would be to keep the threads as they are but..

1) Could you set height of each thread to about 150px
2) Would it be possible to use custom images per thread (I've seen this used on categories, possible on threads?)

[mildred]

Mar 21, 2014 12:41:50 GMT -8 Chaotico said:

Mar 21, 2014 12:20:19 GMT -8 mildred said:

Just curious, is this going to be a "static" board, as in, are there only going to be your set support threads? Or is this meant to be used by your members to post new threads?

It would be an Information board, so static (Part of the reason I made Point 3. I don't know if this is possible, or how long it would take,,, If it would take more than a reasonable amount of time, I would advise against helping me)


As it sounds pretty much impossible the more I type about this... Along with massively time consuming...

Another option would be to keep the threads as they are but..

1) Could you set height of each thread to about 150px
2) Would it be possible to use custom images per thread (I've seen this used on categories, possible on threads?)

I feel like this would be a lot easier to handle by creating a custom page that uses the wrapper of the forum and create these as your own divs that link to threads on a regular board...

I think there would definitely be a way to do this through a plugin (javascript/css) but the part I'm stumbling on is where the custom image per thread comes in.

[mildred]

Here's something super basic that I just kind of threw together.

Would something like that do what you want it to do? You can do pretty much anything you could possibly think of for a page like that, from different images to positioning things different to changing the url. The page is your oyster, or something.

[Chaotico]

That would be prefect for what I'm after

[mildred]

Chaotico do you need help setting something like that up? I'd be happy to. c: Also, you can set your 'support' board or however you have it set up on your forum to redirect to that custom page, which would in turn have the links set up to lead to the threads.

[Chaotico]

would it be ok to get the code you used to make the bottons for that test page,, Should be ok after that linking images/pages and making a redirect board

[mildred]

Of course! ;)

Here's what I used, and keep in mind if you'd like you can put the style into your stylesheet or you can leave it included here (just remember to take out the <style></style if you do paste it into your stylesheet). I cleaned up my code a bit so it's not so haphazardly thrown together. You can rename the class however you'd like, just remember to make each one the same.



See next post.


One thing to keep in mind is that if you'd like different background images for each box, you'll have to apply those to each box individually. This can be done by using an id, or you can do it inline, like this:


See next post.


Let me know if you need any help at all! c:

[mildred]

Chaotico (sorry for the double post) but I've actually made a couple revisions. The code I just gave you actually won't work properly if you put too much text in the box, so I made some changes, here is the new code:

<style>
   .threadly {
       background: #FF0FF0 no-repeat center; float: left; width: 150px; height: 150px; border: 1px solid #000000; margin: 5px; display: inline-block;}
#customlinks {width: auto; height: 500px; margin: 0px auto;}
</style>
<div id="customlinks">
<a href="link"><div class="threadly" style="background-image: url('your image url here');">text text text text text text text text text text text text text text text text text text text text </div></a>

<a href="link"><div class="threadly" style="background-image: url('your image url here');">testing 2</div></a>


<a href="link"><div class="threadly" style="background-image: url('your image url here');">testing 3</div></a>


<a href="link"><div class="threadly" style="background-image: url('your image url here');">testing 1</div></a>
   
</div>

You can change the height as you need it!

[Chaotico]

Just tried it out (sorry I'm trying to do a few other things aswell tonight)

and it works perfectly for what I want it to do

Thank's very much mildred

[mildred]

You're welcome! c: