pages to ur profile / blog!

(mainly the illusion of pages but it's all the same visually)

heres an example of what i mean --> #example-1

heres a blog example of what you can do --> https://blog.spacehey.com/entry?id=2201609

heres an example of a profile using it (computer use only, it's very possible for mobile too but it's annoying and i'm lazy) --> https://spacehey.com/grenadejumper


to get to the page, you simply add a link to the div
<a href="#divname">link to page</a>

and to get back to the blog/profile;
<a href="#">back</a>

things to change in the code is in bold, basic knowledge of html/css is needed :)

code:
<div id="divname">
[content using html features]
</div>

<style>
#divname{
visible: hidden;
opacity: 0;
position: fixed;
top: 0;
bottom: 0;
left:0;
right:0;
background: white;   /* -- can change this to whatever -- */
pointer-events: none;
z-index: 100;
overflow-y: scroll;
}

#divname:target {
  opacity: 1;
  visibility: visible;
pointer-events: all;
}
</style>

plain example!

this has no function, just an example of what the page looks like blank :)

go back to blog | code for this page


7 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

fishingforfriends

fishingforfriends's profile picture

oh my hell UP UP UP, GO UP~!!


Report Comment