You're welcome.
| OurBoard Support https://support.ourboard.org/ |
|
| arrows https://support.ourboard.org/viewtopic.php?f=66&t=2086 |
Page 1 of 3 |
| Author: | Sally [ 11/16/13 14:06:50 ] |
| Post subject: | arrows |
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? |
|
| Author: | andrew [ 11/16/13 23:06:56 ] |
| Post subject: | Re: arrows |
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. |
|
| Author: | Sally [ 11/17/13 01:10:03 ] |
| Post subject: | Re: arrows |
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. |
|
| Author: | andrew [ 11/17/13 01:52:37 ] |
| Post subject: | Re: arrows |
The simplest way to achieve what you are requiring is to add a link to the Custom (or Global) Footer. Code: Select all <div style="text-align:center">To use an image instead, just replace the word "Top". Code: Select all <div style="text-align:center">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. |
|
| Author: | andrew [ 11/18/13 00:55:14 ] |
| Post subject: | Re: arrows |
Here is the tutorial for up and down arrows in the auto-title. Further discussion about up and down arrows in the auto-title. |
|
| Author: | Sally [ 11/18/13 14:31:20 ] |
| Post subject: | Re: arrows |
Thank You |
|
| Author: | andrew [ 11/18/13 15:49:37 ] |
| Post subject: | Re: arrows |
You're welcome.
|
|
| Author: | Sally [ 11/18/13 17:04:55 ] |
| Post subject: | Re: arrows |
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. ??? 
|
|
| Author: | andrew [ 11/18/13 17:25:59 ] |
| Post subject: | Re: arrows |
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: Code: Select all <div style="width: 100px;">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! 
|
|
| Author: | Sally [ 11/18/13 17:36:25 ] |
| Post subject: | Re: arrows |
sorry i can't get my mind around it at the moment. thank you i'll try it later after my mind clears. |
|
| Author: | Sally [ 11/18/13 23:36:37 ] |
| Post subject: | Re: arrows |
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;"> <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> <a href="#" title="Go to top" style="text-decoration: none;"></a></div> |
|
| Author: | andrew [ 11/19/13 00:18:18 ] |
| Post subject: | Re: arrows |
For some reason you just do not have that image in your code. I just tested and this code is good. Code: Select all <div style="width: 100px;">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: Code: Select all <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. Code: Select all <a name="bottom"></a> |
|
| Author: | Sally [ 11/19/13 14:06:49 ] |
| Post subject: | Re: arrows |
 okay we got it!! thank you. woooooooooo |
|
| Author: | andrew [ 11/19/13 14:57:19 ] |
| Post subject: | Re: arrows |
We have lift-off!  Well done!
|
|
| Author: | Sally [ 12/04/13 00:33:53 ] |
| Post subject: | Re: arrows |
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. |
|
| Author: | andrew [ 12/04/13 03:04:16 ] |
| Post subject: | Re: arrows |
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: Code: Select all <div class="jumps">Te CSS would be image specific, so image URLs would be required. Nothing will be seen without the CSS. |
|
| Author: | Sally [ 12/07/13 13:56:15 ] |
| Post subject: | Re: arrows |
Thank You Andrew, it worked. |
|
| Author: | andrew [ 12/07/13 19:16:15 ] |
| Post subject: | Re: arrows |
Impossible as you only have part of the code. |
|
| Author: | Sally [ 12/08/13 01:18:41 ] |
| Post subject: | Re: arrows |
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. |
|
| Author: | Sally [ 12/08/13 01:22:53 ] |
| Post subject: | Re: arrows |
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? |
|
| Page 1 of 3 | All times are UTC |
| Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |
|