Back to top/bottom buttons .

[nina]

Hello...I would like to have the 'back to top/bottom' feature on each post instead of off to the side.  I would like to use smilies instead of arrows to identify the direction, please.


http://i219./cc152/smoface/smiliepointingup.gif

http://i219./cc152/smoface/smiliepointingdown.gif

Thank you...I was dreading the change but I love love love it!

[Smangii]

Is there a specific place in the post that you want it to go? Top, next to buttons, bottom, under mini profile, etc?

Here, try this!


<div style="float: right;">
<a href="#" onclick="$('html, body').animate({ scrollTop: 0},'slow');"><img src="http://i219./cc152/smoface/smiliepointingup.gif" border="0" /></a><br />
<a href="#" onclick="$('html, body').animate({ scrollTop: $(document).height()},'slow');"><img src="http://i219./cc152/smoface/smiliepointingdown.gif" border="0" /></a>
</div>

If you go to Theme > Layout Template > Thread > Post List, paste it right above this line:

<div class="message">$[post.message]</div>

We can move it around if that's not a good spot, but let me know if it works

[nina]

but let me know if it works

OK...   I'd like  them to be to the left of the quote button on each post. 

[nina]

That worked great...Smangii!  If it's too much trouble to put to the left of the quote button, it 's ok where it is.  Thank you!

That is a good idea jrryan.  Except, how many times have you heard,.. "because it's always been that way"?  That's what I'm hearing.

[Smangii]

Working on this now, I'll see what I can do!

I am assuming the forum you want this on is Hometalk Break? So I know what it'll look like and where to position

[nina]

Oh!  Yes, sorry.  It is Hometalk break.  Thank you Smangii.






     ? 

[Smangii]

Oh this was easy to do, just take the code:

<div style="margin-top: -5px; float: right;">
<a href="#" onclick="$('html, body').animate({ scrollTop: 0},'fast');"><img src="http://i219./cc152/smoface/smiliepointingup.gif" border="0" /></a>
<a href="#" onclick="$('html, body').animate({ scrollTop: $(document).height()},'fast');"><img src="http://i219./cc152/smoface/smiliepointingdown.gif" border="0" /></a>
</div>

And move it right below this part:

<div class="controls">
    $[post.quote_button]
    $[post.edit_button]
    $[post.likes.button]
    $[post.select_options]
</div>

I highlighted the -5px in red because that is what makes it center-aligned with the icons, otherwise there is a bit of a gap at the bottom. You can change this number or remove it to see what it does, so if you want to edit some other parts this number might need adjusting

[nina]

This is a dumb question but do  I delete what I put in earlier?  

<div style="float: right;">
<a href="#" onclick="$('html, body').animate({ scrollTop: 0},'slow');"><img src="http://i219./cc152/smoface/smiliepointingup.gif" border="0" /></a><br />
<a href="#" onclick="$('html, body').animate({ scrollTop: $(document).height()},'slow');"><img src="http://i219./cc152/smoface/smiliepointingdown.gif" border="0" /></a>
</div>

[Smangii]

Yes or you'll have it in two spots!

[nina]

Yes it was a 'duh'...

[nina]

Working great!  Thanks too much Smangii!