2015-08-02, 05:46 AM
(2015-08-02, 03:33 AM)ecoo Wrote: [ -> ](2015-08-02, 03:15 AM)eNvy Wrote: [ -> ](2015-08-02, 02:43 AM)ecoo Wrote: [ -> ]Hey there, great theme! I have one questions, and is it, how do I add another sidebox below/above the current "Latest Activity" sidebar?
Thanks!
Look inside the index template, you will see this:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="thead"> <div class="expcolimage"><img src="{$theme['imgdir']}/collapse.png" id="ths_img" class="expander" alt="[-]" title="[-]" /></div> <strong>{$lang->xstyled_latestactivity}</strong> </td> </tr> <tr> <td style="{$collapsed['ths_e']} padding: 0;" id="ths_e"> <div class="latestthreads float_left"></div> </td> </tr> </table> <div class="theadend"></div>
If you want to add another sidebox, just copy the same table, but before, adds a <br /> tag, and after paste the same table with the last <div class="theadend"> tag, and just change the title / content there.
The title is here:
[size=small][font=Monaco, Consolas, Courier, monospace]<strong>{$lang->xstyled_latestactivity}</strong>[/font][/size]
And the content is here:
[size=small][font=Monaco, Consolas, Courier, monospace]<div class="lates[/font][/size][size=small][font=Monaco, Consolas, Courier, monospace]tthreads float_left"></div>[/font][/size]
Cheers.
Hey there, thanks for the reply. What would the code be for if I want to put a specific thread in the sidebar, just like how the threads are formatted in the "Latest Activity" sidebar.
Thank you!
I started with one question, but now I have another!
Is there a way to disable the feature where when you put your mouse over a link a small black box appears that gives you a description of the link? I want to disable it because it causes mobile users to have to double tap a link to open it.
Thanks!
Well it's kinda hard, but you can "fake" it, writing in the table and put the link on the words you want, something like this:
<a style="font-weight: 700;" href="LINK TO THE THREAD">This is a fake thread</a><br />
<span class="small text">by <a href="LINK TO THE USER PROFILE">eNvy</a><br />
7 hours ago</span>
For the mouseover, that's the tipsy effect, you can put mor or less elements to have that effect, go to ACP > Templates & Styles > Square Templates > Ungrouped templates > headerinclude
Search this code:
<script type="text/javascript">
jQuery(function() {
jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("title").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("i").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("span").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("div").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("label").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("input").tipsy({gravity: jQuery.fn.tipsy.autoNS});
});
</script>
If you saw there, you have multiple html tags, you can delete or add more as you like. In this case I think the problem is the "a" tag (the first one) and maybe the "title" tag (the second one), try removing only one of them and check if that works.
