Alternate Board Images

[Ishy]

Website

I am currently using a Board List Template created for me by Alisha implementing Picasso's Sliding Board Code (although I removed the hover effect for the project I'm working on) and I was wondering if there was any way to make the board images alternate from left to right depending on which row it is on. So for example, the top row would be to the left and the one below it would be to the right and etc.

[Ishy]

Bump.

[Ishy]

Bump.

[Ishy]

I would atleast like to know if its even possible, please. Bump.

[Kami]

The person best suited to help you is whomever wrote the code. Personally, I have never heard of "Picasso's Sliding Board" so based on the information provided I cannot really give you an accurate answer.

If we were simply talking template modifications, however (ignoring whatever "sliding board" is), this wouldn't be possible as such. There's no way to tell what row a board will appear on via templates, so you'd have to specifically target each board or combinations of board and do it that way.

So, something like:

{if $[board.id] == 1 || $[board.id] == 3 || $[board.id] == 5}
left side layout here

{elseif $[board.id] == 2 || $[board.id] == 4 || $[board.id] == 6}
right side layout here

{/if}

[Ishy]

I greatly appreciate you taking the time to help me with this issue and for sharing your knowledge in coding.

I am not quite sure how to implement this as I'm not very good with coding. I attempted your method and I'm starting to believe I'm either doing it wrong or it doesn't work with my current template. I tagged the creator of the template (of which she personally gave me the code after posting a request thread) with the hopes of her help but I assume she is preoccupied and is why she hasn't mentioned anything. Nonetheless, hopefully, if I explain myself better it may help you, or anyone reading this, understand how to implement the desired effect.

The Sliding Board is designed to have multiple boards side-by-side with a sliding-hovering effect. I wanted three or four boards side-by-side and with an image overlapping the board so that when you hover over it the content (board name, threads/posts, last post) would appear. I effectively removed the hover but the side-by-side effect is still present. I recently discovered a way to separate the board image and the board description so they were two different entities, but I would like, if possible, to have the images alternate. Currently, I have two boards within a row and I would like to make it easy (if possible) to be able to add and remove boards without having to go through a whole process just to make the images alternate. If any of this makes sense.

[Kami]

Unfortunately, I really couldn't say. Alisha is pretty excellent when it comes to modifying the templates so there could be a conflict between what she created and what I told you. You are welcome, if you wish, to post your template code in a [code] tag, hidden by a [spoiler] tag, so I can try to evaluate it.

If you're not comfortable with that (as I understand Alisha gave it to you in private) then your best bet is to continue trying to get ahold of Alisha.

[Alisha]

Kami Thanks for trying to help out! We ended up taking care of this request over on Adoxography. The code was super old so I rewrote it and created the desired effect using Flexbox, CSS, and a little Javascript to hack/expand the board description images plugin.

[Kami]

Apr 7, 2017 11:57:22 GMT -8 Alisha said:

Kami Thanks for trying to help out! We ended up taking care of this request over on Adoxography. The code was super old so I rewrote it and created the desired effect using Flexbox, CSS, and a little Javascript to hack/expand the board description images plugin. :)

I'm glad it was sorted! :D