Add-on Button "Post-New-Thread" at Homepage

I will love some addon to do this modification more easy and fast. :coffee:
--
anyway following the thread and editing the template my result is great.
thank you guys! (y)
 
Last edited:
--
Edit, fixed!

Code:
.node_15 .callToAction > span
{
   background-color: #ff0000;
}
@media (min-width:300px)
{
   .nodeList .nodeList .node { position: relative; }
   .forum_list .node .callToAction { position: absolute; right: 0; top: 15px; }
   .nodeList .node .nodeLastPost { right: 117px; }
   html .node .nodeControls { right: 365px; }
}
@media (max-width:1000px)
{
   .forum_list .node .callToAction { top: 5px; margin-left: 30px; }
}
 
Last edited:
oh, yeah, got it. you're right! good question.
I have no idea, if you found the solution please share it. I really like this customisation.
Thanks for open the thread.
 
I mean you don't really need an add-on for it, easy template editing.

Find this inside the template: node_forum_level_2
Code:
<div class="nodeControls">

Add this right above it:
Code:
    <a href="{xen:link 'forums/create-thread', $forum}" class="callToAction"><span>{xen:phrase post_new_thread}</span></a>

Extra.css:

Code:
.node_15 .callToAction > span
{
   background-color: #ff0000;
}
@media (min-width:1000px)
{
   .nodeList .nodeList .node { position: relative; }
   .forum_list .node .callToAction { position: absolute; right: 0; top: 15px; }
   .nodeList .node .nodeLastPost { right: 117px; }
   html .node .nodeControls { right: 365px; }
}
@media (max-width:1000px)
{
   .forum_list .node .callToAction { margin-bottom: 12px; margin-left: 30px; }
}

Can even target specific nodes like I did using the node ID #. Responsive may need some work depending on how you want it.

EDIT Forgot the screenshot:
View attachment 94546
Excuse me @Russ , @erich37 or someone there..
Could you please give me a hand to to this within a sub-forum? I can't find the exactly css code to put the button in the right side, please :coffee:
Example: https://foro.io/forums/general.10/

r-2015-03-03-at-10-10-37-jpg.100107
 
Last edited:
I mean you don't really need an add-on for it, easy template editing.

Find this inside the template: node_forum_level_2
Code:
<div class="nodeControls">

Add this right above it:
Code:
    <a href="{xen:link 'forums/create-thread', $forum}" class="callToAction"><span>{xen:phrase post_new_thread}</span></a>

Extra.css:

Code:
.node_15 .callToAction > span
{
   background-color: #ff0000;
}
@media (min-width:1000px)
{
   .nodeList .nodeList .node { position: relative; }
   .forum_list .node .callToAction { position: absolute; right: 0; top: 15px; }
   .nodeList .node .nodeLastPost { right: 117px; }
   html .node .nodeControls { right: 365px; }
}
@media (max-width:1000px)
{
   .forum_list .node .callToAction { margin-bottom: 12px; margin-left: 30px; }
}

Can even target specific nodes like I did using the node ID #. Responsive may need some work depending on how you want it.

EDIT Forgot the screenshot:
View attachment 94546

Hello! Would anyone show me what code it works on xf 2.1?
 
Top Bottom