Former Member
inherit
guest@proboards.com
236829
0
Nov 25, 2024 15:39:38 GMT -8
Former Member
0
January 1970
Former Member
|
Post by Former Member on Oct 13, 2016 8:14:19 GMT -8
dragonsim.boards.netI am hoping to change my subboards where they're a different color and they aren't called Sub-boards at the bottom, and seperated by a square or something different besides a coma and that color. Is this possible?
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Oct 15, 2016 22:39:22 GMT -8
dragonsim.boards.netI am hoping to change my subboards where they're a different color and they aren't called Sub-boards at the bottom, and seperated by a square or something different besides a coma and that color. Is this possible? Sure. If you go to your board list template and right around line 26 you'll see this: {if $[board.sub_board]} <p class="sub-boards"> Sub-board{if $[board.sub_board] != 1}s{/if} :{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a> $[board.sub_board.comma] {/foreach} </p> {/if} Change the blue to whatever you want your sub-boards called and not sure if you want the colon as something else but I made it blue too. Then the green is for the comma so that would be replaced with whatever you want: I'm not sure exactly what you had in mind but if you were to use font awesome you'd do something like this: {if $[board.sub_board]} <p class="sub-boards"> New sub-board name{if $[board.sub_board] != 1}s{/if} <i class="fa fa-arrow-right" style="margin-left:4px;"></i> {foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a> <i class="fa fa-square-o" aria-hidden="true"></i> {/foreach} </p> {/if} You would need to place the link to 'Font Awesome' fonts in your wrapper template. If you need help with that, let me know. As far as coloring the sub-boards, you could just add this to the bottom of your style sheet: /*change subboard color*/ .sub-boards{color:#ff0000; } .sub-boards a{color:#00ff00; } Hope that helps. |
|
Former Member
inherit
guest@proboards.com
236829
0
Nov 25, 2024 15:39:38 GMT -8
Former Member
0
January 1970
Former Member
|
Post by Former Member on Oct 16, 2016 17:16:49 GMT -8
Hi sorry I've been offline lately due to vacation. Question: Do I change the whole $[board.sub_board.comma] to whatever i want, or do I change it to $[board.sub_board.example]
EDIT Where do I get the links from font awesome?
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Oct 17, 2016 20:14:51 GMT -8
Hi sorry I've been offline lately due to vacation. Question: Do I change the whole $[board.sub_board.comma] to whatever i want, or do I change it to $[board.sub_board.example] EDIT Where do I get the links from font awesome? Here is the link you need to put between your <head> and </head> tags in your wrapper template: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> You replace that $[board.sub_board.comma] totally and replace with a ! or a # or and image or like I demonstrated, the font awesome. But I did just now realize it will add that after the last sub-board so I need to figure out how ProBoards did it so their comma doesn't show after the last sub-board. Hopefully, I'll figure it out before I head to bed but if not tonight, I'll see about figuring it out tomorrow. Update: Realized it would be easy using css that is if you use font-awesome. So you'll need to add this at the bottom of your style sheet to remove that last symbol after the last sub-board: (Change the red to what ever font awesome symbol you use) .fa-circle-o:last-child{ display:none; } If you are using something else like an image or just text let me know and I'll see if I can figure that out as well. |
|
Former Member
inherit
guest@proboards.com
236829
0
Nov 25, 2024 15:39:38 GMT -8
Former Member
0
January 1970
Former Member
|
Post by Former Member on Oct 22, 2016 13:10:03 GMT -8
Thanks!! Trying it out. (Soo sorry for not answering, I got really busy with RL things) EDIT works, and that symbol you provided as an example was perfect for my forum (actually used this on a dif forum  ) Thanks! I'll let you know if I have any more problems with it. BTW just curious, have you discovered how to make the symbol not appear after the last board? |
|
Former Member
inherit
guest@proboards.com
236829
0
Nov 25, 2024 15:39:38 GMT -8
Former Member
0
January 1970
Former Member
|
Post by Former Member on Oct 22, 2016 14:29:26 GMT -8
One more request....How do I change the sub-boards to be BELOW the normal threads, at the bottom instead?
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Oct 22, 2016 16:40:24 GMT -8
Thanks!! Trying it out. (Soo sorry for not answering, I got really busy with RL things) EDIT works, and that symbol you provided as an example was perfect for my forum (actually used this on a dif forum ) Thanks! I'll let you know if I have any more problems with it. BTW just curious, have you discovered how to make the symbol not appear after the last board? If you read the edit in my previous post I posted how to remove it from the last board. I'll take a look how one might do what you asked. |
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Oct 23, 2016 22:59:12 GMT -8
@quadrill ,
To move the sub-boards below the threads, it's real easy. Go to the "Board" template: (Admin > Themes> Layout Templates>Board and make sure you are on the "Board" tab.
At the very top you'll see this:
{if $[board.sub_board_list]}
<div class="container boards">
<div class="title-bar"><h2>Sub-Boards</h2></div>
<div class="content cap-bottom">
$[board.sub_board_list]
</div>
</div>
{/if}
You'll want to move the above whole bit to about line 55 after the closing {/if} and to help you where you paste it, here is part of the above and below code you will paste it between:
{foreach $[legend]}
<td>$[legend.icon] <span>$[legend.name]</span></td>
{/foreach}
</tr>
</table>
</div>
</div>
{/if}
{/if}
<<<<<Put it here>>>>>>
{if $[board.id]}{if $[show_stats]}
And that's it. Mind you it is keeping the thread legend below the threads so it is Threads, Threads Legend and then Sub-Boards.
|
|
Former Member
inherit
guest@proboards.com
236829
0
Nov 25, 2024 15:39:38 GMT -8
Former Member
0
January 1970
Former Member
|
Post by Former Member on Oct 24, 2016 6:36:31 GMT -8
@quadrill , To move the sub-boards below the threads, it's real easy. Go to the "Board" template: (Admin > Themes> Layout Templates>Board and make sure you are on the "Board" tab. At the very top you'll see this: {if $[board.sub_board_list]}
<div class="container boards">
<div class="title-bar"><h2>Sub-Boards</h2></div>
<div class="content cap-bottom">
$[board.sub_board_list]
</div>
</div>
{/if}You'll want to move the above whole bit to about line 55 after the closing {/if} and to help you where you paste it, here is part of the above and below code you will paste it between: {foreach $[legend]} <td>$[legend.icon] <span>$[legend.name]</span></td> {/foreach} </tr> </table> </div> </div> {/if} {/if} <<<<<Put it here>>>>>>{if $[board.id]}{if $[show_stats]} And that's it. Mind you it is keeping the thread legend below the threads so it is Threads, Threads Legend and then Sub-Boards. Yaaaay thank you!!! It's perfect now!  Can't thank you enough  ) |
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Oct 24, 2016 10:54:39 GMT -8
Happy to have helped. Have fun with your site.  |
|
) Thanks! I'll let you know if I have any more problems with it.
Can't thank you enough 
)