Shop Mobile More Submit  Join Login
×




Details

Submitted on
June 26, 2010
File Size
2.5 KB
Thumb

Stats

Views
1,585
Favourites
40 (who?)
Comments
26
Installs
311

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial 3.0 License.
×
BlueGrey by KalethHasre BlueGrey by KalethHasre
"We're gonna let you make journal skins and personalize your journals! Oh wait, we're not going to give you the necessary information to do so. BUT, we will happily show you how to share your lovely new journal skin that you sweated over for a few days(or even more) trying to dig for the required code in the source code of your journal page!"

THANK YOU FOR PROVIDING A GUIDE, DA. =.=' If it weren't for by :iconginkgografix: I would've taken more than two days to finish this! (And that's two days with the original web design coded already)

-----------------------------------------------

That being said, the original web design: modified to fit a journal. Not the best, and a rather simple design.

Live can be viewed here: [link]

There you go, =The-Human-Fish, I did it. :P

-----------------------------------------------

In the header, you will find this:

< div class="navigation">< ul>< li>< a href="#">Lorem< /a>< /li>< li>< a href="#">Ipsum< /a>< /li>< li>< a href="#">Dolor< /a>< /li>< li>< a href="#">Sit< /a>< /li>< li>< a href="#">Amet< /a>< /li>< li>< a href="#">Consectetur< /a>< /li>< /ul>< /div>< div class="clear">< /div>< div class="main">

Replace # with your desired URL. Replace the text (lorem, ipsum, dolor, sit, amet, consectetur) with the desired name of the link. To add more or less links, add/remove < li>< a href="#">Lorem< /a>< /li>

Note me if you have any further questions.


-----------------------------------------------

Stats
:bulletblack: 2 days
:bulletblack: 100% from scratch
:bulletblack: Created purely in The GIMP 2.6 and Kate (advanced text editor)
Add a Comment:
 
:iconnamenotrequired:
namenotrequired Featured By Owner Sep 14, 2011  Student Interface Designer
Do you think you could give it a smaller or even a relative width? It cuts off rather badly for me, especially with the new beta journals. And my screen isn't outside the norm or anything... dA supports it, at least. ^^;
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Sep 14, 2011  Hobbyist Digital Artist
I was informed of that after I uploaded it :roll: but if I recall, I wasn't able to reupload the fixed version.... even if it is possible now, I'd have to dig up the code again (not that I have a sub to test it anymore :P ).

I think all you need to do is change the width in gr-body to max-width and that should do the trick... but it's been a while. Sorry about that. :(
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Sep 15, 2011  Student Interface Designer
I see ^^; Thanks :) I figured that as well, I just thought you could edit in the original maybe, but never mind then ^^;
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Sep 15, 2011  Hobbyist Digital Artist
:D
Reply
:icondan4archangel:
Dan4ArChAnGeL Featured By Owner Jul 16, 2010  Hobbyist Interface Designer
Hello, i wanted you to know that you have been featured in the Weekly "CSS Fever. Your css source of resources! #2" news article : [link]
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Jul 17, 2010  Hobbyist Digital Artist
wow, thanks! :D
Reply
:icondan4archangel:
Dan4ArChAnGeL Featured By Owner Jul 17, 2010  Hobbyist Interface Designer
no problem :D
Reply
:iconstreetster20:
Streetster20 Featured By Owner Jun 29, 2010
Nice Skin. :D Looks nice...
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Jun 29, 2010  Hobbyist Digital Artist
thanks ^^
Reply
:iconzephyrtronium:
zephyrtronium Featured By Owner Jun 27, 2010  Hobbyist General Artist
I approve. :meow:
Reply
Add a Comment: