Replies

Feb 9, 2017 9 years ago
Nickel
is a Morostide warrior
User Avatar

I have scrolled and viewed thousands of pages, most more than once, in hopes of finding help finishing the coding on Hunter jr.. It's become too much as I'm looking for specific things. So far I've positioned the page the way I want it and removed most everything except the adopted date, I think I can figure that out, hopefully.

What I need specific help in doing is allowing users to 'navigate' through the different aspects of the profile, right now the statistics are in the white box. I'd like to make buttons or links under the white box going to the pets story, treasure, credits for the profile, etc. respectively. Each of which would appear where the stats are now.

I also know my 'coding' needs cleaned up, to a coder it's probably a nightmare, sorry. Sadly to say it's taken me days to get this far on my own as I started from scratch and am just learning.





Feb 13, 2017 9 years ago
Don't toy with
Choco
User Avatar

Hello.. I am not sure what you actually want to do - you can add buttons which are connected to different parts of your profile, which, when hovering over these buttons, these hidden areas can be displayed.

I created s quick codepen for you to check: http://codepen.io/chocolart/pen/ygZebz

What you need in your profile: The buttons or links The hidden areas in additional containers

Create all areas which you want to display, align them all at the same place (you can use position:absolute; and top/ left options for that), hide them by using opacity:0; or display:none; Wrap another container or button around every container you've hidden. Style these buttons however you like.

Use the :hover option in your code to display your area. :hover means it's displayed when the user hovers over the button with his or her mouse.

There are also options when clicking, but it's up to you what you're looking for.. Hope that helps a little bit.

Feb 14, 2017 9 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

are you referring to anchor links? basically what you want to do is position each section you want so they appear in the right spot, then hide them by adding the property "visibility:hidden" to each section's css. make sure the story is in its own div (you could just call it ""), and you'll have to create a new div for the credits (which you could call ""). then, for each section, do the following:

:target {visibility:visible}replacing "" with the divs' respective names. THEN, you're going to want to create the links. you can add a new div, call it "" for instance, and position it wherever you want. outside of the style tags, then, add this, making sure each piece of content is in the correct div:

text for story blah blah blah
credits information blah blah
and then you should be able to click each link on the profile to make the respective section appear. let me know if that doesn't work or you need any more help / clarification.

(ignore the backslashes that are showing up next to the quotation marks in the code, idk why subeta does that but it's very annoying)

Feb 14, 2017 9 years ago
Nickel
is a Morostide warrior
User Avatar

Thank you so much, both of you

It would be difficult, for me, to complete this and I believe I'll bribe (or pay) someone much more qualified. I could see it taking a while so I'm thinking of going to the profile/graphics buy/sell/trade board and get in line.

If nothing else you two have given me ideas to build upon and I thank you again.





Please log in to reply to this topic.