Home › Blogs › sablepuss's blog

lookin' for a CSS code

sablepuss's picture
May 26, 2014 - 9:35pm — sablepuss
HEYYyy does anyone have a code they could share with me, for where you can make it that you can click on a picture, and after clicking the picture it reveals the whole hidden blog?

kind of like this one? (sorry to use your blog as an example, it's just really cool and i couldn't find any of the others i'd seen! ;w;)

if nobody is comfortable sharing the code, could you at least tell me the general idea of how it's done? is it like, javascript tabs, except one of the tabs is just the picture and the other one has a bunch of different boxes an things within?

thank you! ;w;
May 26, 2014 - 9:37pm — littlesinner
littlesinner's picture

Trackin.

Trackin.
—
May 26, 2014 - 9:57pm — Unplugged
Unplugged's picture

I think you could try

I think you could try something like this. It's basically hraeth's tab code, just one tab has the link in it, the other has the picture. When the link is clicked, it'll hide the div with the link and show the one with the content.


<div id="one" style="display:block;">
<a href="javascript:;" onmousedown="if(document.getElementById('two').style.display == 'none') { document.getElementById('two').style.display = 'block'; document.getElementById('one').style.display = 'none'; } else { document.getElementById('two').style.display = 'block'; }"> LINK HERE </a>
</div>

<div id="two" style="display:none; text-align:left;">
Div box 2
</div>


So this code doesn't actually hide the entire blog, the rest around it can just be removed with css. I do have an idea how you could possibly go about "really" hiding the entire blog but this is the simplest option. If someone else wants to offer another idea for this i'd also be interested to see it.
May 26, 2014 - 10:03pm — sablepuss
sablepuss's picture

aaah thank you very much,

aaah thank you very much, that's exactly what i wanted! ;w;
—