HOME | DD
CypherVisor β Profile Navigation Menu tutorial
by-nc-nd
Published: 2013-08-05 16:54:07 +0000 UTC; Views: 40516; Favourites: 1172; Downloads: 0
Redirect to original
Description
LAST UPDATED: 22-Feb-2014The long awaited super secret customization tutorial is here today!
Lot of deviants have asked me for this tutorial and so here you go. I have kept it a secret for a long time now and finally releasing it to public. Not to deny that some of them did figure this out on their own and successfully customized their own profile widgets. Kudos to those who did!
Critiques are welcome
LIVE VIEW: CypherVisor
Journal used in this tutorial: Link
Custom background code and tutorial: Link
Other tutorials:
Want to customize your profile more?
Check all my free resources + tutorials: cyphervisor.deviantart.com/galβ¦
Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks before writing a comment below.
I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some points
to me as an appreciation or support.I take commissions to make custom journal CSS too. Check out my Journal CSS folder or send me a note for more details
Related content
Comments: 297
Ugh I think my brain just melted. I'll come back to this.
π: 0 β©: 1
Lol. It's a great guide. I'll let you know when I've made something of it XD
π: 0 β©: 1
cool! will look forward to it!
π: 0 β©: 0
thanks for this...! also, you're using win8! that's awesome!
π: 0 β©: 1
My pleasure!
And it's actually win 8.1
π: 0 β©: 1
ooh... i see, i've always wanted to upgrade to 8.1, but the windows store somehow does not allow me to.. the download keeps failing... anyway, cool!
π: 0 β©: 1
Hmm...
I think I never upgraded that way. I downloaded the windows image from msdn and then freshly installed the 8.1
π: 0 β©: 0
Can you use this for your gallery? :s
π: 0 β©: 1
Ok thank you c: I got it sorted in the end ^^
π: 0 β©: 1
I tried, failed and ish sad T-T this is so complicated....technology is not my strong point.Β
π: 0 β©: 1
You may want to get it commissioned if you want. I do commissions to make this.
π: 0 β©: 1
What's a commission? Owo
π: 0 β©: 1
Commissions are paid projects.
π: 0 β©: 1
but i got no money
π: 0 β©: 1
Oh okay. But I was just saying...you know...that I do commission work.
π: 0 β©: 1
mkay thanks! 
π: 0 β©: 1
Hmm... I understand.
π: 0 β©: 1
Is it possible to link to say a Custom widget so if you click a button it takes you lower to the widget?
π: 0 β©: 1
Very good tutorial, thank you so much!
I have a question, is possible to do the Feature Deviation widget higher?
π: 0 β©: 1
It's my pleasure really.
And by higher do you mean increasing the height?
π: 0 β©: 1
Yes, I'm not trying to do a menu exactly, I want to put more images and text, but when I submit it into the widgetΒ it is cut off because is longer... and I can't select the option "Full View...
I hope I explained well ^^UΒ
π: 0 β©: 1
okay use
tags at the bottom of the codes as many times you want to expand the box.
π: 0 β©: 1
I've tried it and yes, the box is expanded, but the content has the same height as before (it doesn't expand with the box), I've tried to put that the content has a specific height, but this doesn't work. I don't know why this happens u.u Thank you so much for your help, anyway! I appreciate it! ^^
π: 0 β©: 1
The content won't expand. It was just to make the the box longer.
Btw, which content are you talking about?
And no problem at all.
π: 0 β©: 1
The content is what I have in my profile page. I wanted to do this tutorial because I want to put css in that content (button effects, etc).
Here is how it looks when I put the widget uwu
sta.sh/0cozolo7ibn
π: 0 β©: 1
Sorry, for the late reply. But I see you have got it working now.
Btw, just wanted to let you know that you page is half cut-off in my screen. You should try and optimize your content width in those widgets.
π: 0 β©: 0
REALLY REALLY REALLY THANK YOU! very good explained!
π: 0 β©: 1
I am glad that I could explain it well!
And it's my pleasure!
π: 0 β©: 0
Hi! I really, really love this and I recently tried combining it with your tutorial for the Red header: cyphervisor.deviantart.com/artβ¦
Β
Now I have a lot of extra space at the bottom. The extra space goes away when I remove the Red Header, but is there a way to lose the space and keep the Header?
π: 0 β©: 2
Yes, that's because the code has text and image which occupies a space. You can try and reduce some space by removing all line breaks between codes and writing them in one continuous line.
π: 0 β©: 0
I don't know if you'll see this message, but I wanted to let you know that I fixed my goof. Also, I recently purchased cyphervisor.deviantart.com/art⦠which is amazing! So, thanks for everything!
π: 0 β©: 0
can you add a picture in it instead than navigation?
π: 0 β©: 1
Yes, it is basically how you code your journal skin. And using CSS you can pretty much do anything.
π: 0 β©: 1
Is there a tutorial for it?
π: 0 β©: 1
Hmm. I do commission to make custom navigation menus though. If you want one for yourself then I can probably do I for you.
π: 0 β©: 1
Really? Great! How much?
π: 0 β©: 1
You can find my rates here: cyphervisor.deviantart.com/jouβ¦
For premium menus it starts from $5 and for professional ones (with cool effects and added customization features) it starts from $10
π: 0 β©: 1
im broke..waaaahh guess i will never learn
π: 0 β©: 1
Well, it's not really that hard to learn too.
π: 0 β©: 1
I will try to learn..I just suck at coding
π: 0 β©: 1
Hmm... Just keep experimenting!
π: 0 β©: 1
| Next =>