|
Post by ✈ATELIER on Sept 4, 2014 21:31:57 GMT -8
Hey! How do I make the board description a hover image? I don't want to use Shrike's Plugin because it completely screws up my remodelled board when I add in "main clickable" to the code. Does anyone know how I'd make this work? I'd like it to be a slider, too. I'm not exactly code savvy, either, so articulation will be needed or I won't understand. ^^;
|
|
|
Post by Deleted on Sept 10, 2014 10:04:23 GMT -8
is this what you're looking for?each of your boards have a separate IDso what i did was i coded the description with two divs. <div class="bg"><div class="desc">$[board.description]</div></div> the inner div is going to be the hover for the text .desc { font-family: arial; font-size: 12px; text-align: justify; opacity: 0; background-color: #353535; } .desc:hover { opacity: 1; } the outer div specifies the background image. you have to code one for each board #board-8 > .bg { background-image: url('http://i.imgur.com/ggQt9.png'); padding: 10px 30px 10px 30px; } #board-3 > .bg { background-image: url('http://i.imgur.com/ezMd7.png'); padding: 10px 30px 10px 30px; } hope this answered your question ^^;
|
|
|
Post by ✈ATELIER on Sept 10, 2014 11:09:19 GMT -8
YES! (Happy sobs) thank you so much. T_T (Wipes tears.) Ha ha, I'll try it out soon. I'm not exactly adept with coding so I may come back for questions if I screwed something up. (Grins) X'D
|
|
|
Post by ✈ATELIER on Sept 10, 2014 12:33:30 GMT -8
Of course. TwT; I need more help, @cadenza. It might have something to do with my shoddy attempt at board remodelling. OTL CSS, Board, Board List, and Result. All of the descriptions seemed to have "disappeared," but reappear upon hovering. No images show up to the corresponding boards.
|
|
|
Post by Deleted on Sept 10, 2014 12:53:52 GMT -8
the third div you have aroung <div class="bg"><div class="desc"> is messing it up.
|
|
|
Post by ✈ATELIER on Sept 10, 2014 13:27:17 GMT -8
Yeaah, I actually have more than just extra div. ^^; This is what's on the boardlist: <span class="link"><a href="$[board.href]"><div style="text-align:justify;width:595px;border-bottom:2px solid #C9CAC7;padding:15px;margin-bottom:5px;border-radius:0px;"><div class="bg"><div class="desc">$[board.description]</div></div></div></a></span> I've moved them out one at a time, moved them all around, and even deleted all of them except for your code. But even as just: <div class="bg"><div class="desc">$[board.description]</div></div>, it doesn't work so I'm thinking it might be something else?
|
|
|
Post by Deleted on Sept 10, 2014 13:30:56 GMT -8
can I see your whole board mod?you don't need the code in the actual board page, just in board list. make sure the bg div comes directly after something like this <div id="$[board.content_id]" class="$[board.content_class]"> if there's anything inbetween them, it won't work or you can try changing the class names from #board-# > .bg to #board-# div.bg
|
|
|
Post by ✈ATELIER on Sept 10, 2014 13:58:42 GMT -8
I'll PM you so I don't spam the page. XD (Be warned, it's not very good. Which is likely my issue. Ha ha ha.) I'll try that in just a little while (have to go for now). My guess is that it's not directly after the code you listed.
|
|
|
Post by Deleted on Sept 10, 2014 13:59:29 GMT -8
try the css first. if it doesn't work out i'll take a look at your mod ouo
|
|
|
Post by ✈ATELIER on Sept 10, 2014 14:12:31 GMT -8
Oooh, okay! I'll let you know in an hour or so. ;D
|
|
|
Post by ✈ATELIER on Sept 11, 2014 9:09:00 GMT -8
This has been solved! Much gratitude. :3
|
|