Help Tabs as Images??

[wistful]

I've been playing around with BBCode+ tabs and I had an idea I don't know how to do. I basically want each tab you'd click on to be as images. I was already working on the code when I had the idea, so heres the coding currently:

Spoiler: click me!

[nobr][class=photo1]
margin: auto;
border-radius: 100px;
width: 200px;
height: 200px;
overflow: hidden;
display: inline-block;
[/class]

[centerblock=80]
[div class=photo1][div=pointer-events:none;][img]https://78.media.tumblr.com/1710ab2a67934409a65635c6e0839669/tumblr_ou50qrqUoI1wtaonio8_400.png[/img][/div][/div]

[div class=photo1][div=pointer-events:none;][img]https://78.media.tumblr.com/255cfe95f993b7e0f2b532f81c7603cc/tumblr_orwkmpx5k21w0qr1bo3_1280.jpg[/img][/div][/div]

[div class=photo1][div=pointer-events:none;][img]https://78.media.tumblr.com/cf24f462a76dcab6b0f4a32eb995181b/tumblr_pcjyarZQq81xag78eo1_400.png[/img][/div][/div]
[/centerblock][/nobr]

So yeah, I have no idea how to code what I want done. x(

 

[Alteras]

Looks like you should rename the class photo1 and add secondary classes to all your tabs, if you're following the example in the BBCode+ Guide. After that, you just need a place for your content and the bbscript. Is there anything specific you'd like to know?

 

[wistful]

The thing that throws me off with the BBCode+ tabs is that I don't know how I'd make the three round icons actual tabs.

 

[Alteras]

You need to use bbscript. The example in the bbcode+ guide gives a good outline for what it should look like.