arrows

Author Comment
User avatar

Posts: 2390

 arrows
#1 
I don't see where this is discussed or see it on this board. i think it was on your last board.
remember the arrows you had that brought you up to the top of the page after you read to the bottom?
is there a code for that and if so where do i put that code?
i am guessing it goes with one skin at a time?

User avatar

Admin

Posts: 11073

The post still exists but is broken and needs attention.

Firstly, I need to find out which arrows you are talking about as there were two. Arrows can be placed in the Auto-Title, so they show below a poster's name. Arrows can be placed in a margin, conveniently beside the scroll-bar. They could also be placed in other locations. They are all functionally the same but directions are all completely different. They are also dependent on which type of board you have (conventional or responsive).

So, if you can describe what it is that you want where and on what board, this can be answered for you.

User avatar

Posts: 2390

okay I'll try and explain.
when i read the last post in a thread. i think it would be beneficial, if not for everyone, then for me, to be able to go to the first post in that thread without using the side scroll or mouse scroll.
it would be for the conventional.
lets say i am at the bottom of this thread now, which i am, and i want to read up to where the first post is, i would need or like an arrow at the bottom of this writing space. or now that i am thinking about it, the arrow below a posters name would be good enough.

User avatar

Admin

Posts: 11073

The simplest way to achieve what you are requiring is to add a link to the Custom (or Global) Footer.

<div style="text-align:center">
<a href="#" title="Jump to the top of the page">Top</a>
</div>


To use an image instead, just replace the word "Top".

<div style="text-align:center">
<a href="#" title="Jump to the top of the page"><img src="url_goes_here" height="10" width="150" alt="Top"></a>
</div>


Insert URL and change the height and width to suit.

Your "B" option requires me to fix that old topic and that will not be today. You can always use more than one method too.

User avatar

Admin

Posts: 11073

User avatar

Posts: 2390

Thank You

User avatar

Admin

Posts: 11073

You're welcome. :)

User avatar

Posts: 2390

okay i may have left something out.
i put the codes in and i do have an down arrow under my avatar but there is no up arrow.
??? :o

User avatar

Admin

Posts: 11073

Maybe not. If you have an arrow showing, then most things are right.

Really, we need to see your code in-situ and also know which browser and version is seeing it like that.

This is where the problem area lies:

<div style="width: 100px;">
<a href="#" title="Go to top" style="text-decoration: none;"><img src="http://images.yuku.com/image/gif/f6926175a57ed8ae9dfea34c2b76020a1f83ba92.gif" alt="top"></a>
<a href="#bottom" title="Go to bottom" style="text-decoration: none; width: 29px; float: right;"> <img src="http://images.yuku.com/image/gif/f5e16c587d8494eb47264ed9c4b8695831820674.gif" alt="bottom"></a>
</div>

The issue is in the 3rd line.

If the code is unaltered, you may try swapping the second and third lines around. I have confirmed the image is good, so the cause is not that. If testing this, a further post will be required for it to change.

If the board is private, please paste back to me the exact HTML as it is in the auto-title. Paste this into a post, highlight it all and press the "code" button in the toolbar of the post editor. Previewing your post should show it entire and correct, allowing you to make any changes necessary before pressing "submit".

You are not far away, I assure you! ;)

User avatar

Posts: 2390

sorry i can't get my mind around it at the moment.
thank you
i'll try it later after my mind clears.

User avatar

Posts: 2390

its not working for me. i tried swapping the codes.
i don't know what a post editor is.
i am testing this at the spa.
i am on FF.
<div style="width: 100px;">&nbsp;<a href="#bottom" title="Go to bottom" style="text-decoration: none; width: 29px; float: right;"> <img src="http://images.yuku.com/image/gif/f5e16c587d8494eb47264ed9c4b8695831820674.gif" alt="bottom"></a>&nbsp;<a href="#" title="Go to top" style="text-decoration: none;"></a></div>

User avatar

Admin

Posts: 11073

For some reason you just do not have that image in your code. I just tested and this code is good.
<div style="width: 100px;">
<a href="#" title="Go to top" style="text-decoration: none;"><img src="http://images.yuku.com/image/gif/f6926175a57ed8ae9dfea34c2b76020a1f83ba92.gif" alt="top"></a>
<a href="#bottom" title="Go to bottom" style="text-decoration: none; width: 29px; float: right;"> <img src="http://images.yuku.com/image/gif/f5e16c587d8494eb47264ed9c4b8695831820674.gif" alt="bottom"></a>
</div>


What I will do though is take the spacing out of it, in case the non-breaking spaces entered by the post editor are causing the issue. Like this:
<div style="width: 100px;"><a href="#" title="Go to top" style="text-decoration: none;"><img src="http://images.yuku.com/image/gif/f6926175a57ed8ae9dfea34c2b76020a1f83ba92.gif" alt="top"></a><a href="#bottom" title="Go to bottom" style="text-decoration: none; width: 29px; float: right;"> <img src="http://images.yuku.com/image/gif/f5e16c587d8494eb47264ed9c4b8695831820674.gif" alt="bottom"></a></div>

Yeah, I know it is one long line now but just click "select all" in the header and then Ctrl+C to copy it out.

As a secondary issue, you are missing the named anchor in the Custom/Global Footer. The only effect of this missing is that the "to the bottom" arrow will not work.
<a name="bottom"></a>

User avatar

Posts: 2390

:D
okay we got it!!

thank you. woooooooooo

User avatar

Admin

Posts: 11073

We have lift-off! :lol

Well done! :)

User avatar

Posts: 2390

a question just to be sure .
i can do this for just one skin can't i?
i don't want to play with it until i am sure.

User avatar

Admin

Posts: 11073

Not using the auto-title method you can't.

There could be a workaround by using different HTML in the Auto-Title and applying dimensions and background image in a single skin's CSS. The auto-titles would be present on all forums but only show the arrows on the one you apply the specific skin to.

This is not a bad idea because it allows the images to be changed board (OK forum if you wish) wide if desired without having to wait for people to post. It would also cover potential image breakage.

This would be an auto-title:
<div class="jumps">
<a class="jump up" href="#" title="Go to top"></a>
<a class="jump down" href="#bottom" title="Go to bottom"></a>
</div>

Te CSS would be image specific, so image URLs would be required. Nothing will be seen without the CSS.

User avatar

Posts: 2390

Thank You Andrew, it worked.

User avatar

Admin

Posts: 11073

Impossible as you only have part of the code.

User avatar

Posts: 2390

i thought i saw it when i viewed the skin.
i'll have to look again. if i can remember where i tried it out.

User avatar

Posts: 2390

ohhh, of course i see the arrows as its on the whole board.lol
okay how do i check to see if its on a skin.
do i have to delete it from the global footer?

Display posts from previous:  Sort by  



Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
Jump to:  
cron
Powered by phpBB® Forum Software © phpBB Group