Shop Mobile More Submit  Join Login
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
:iconkalethhasre:
KalethHasre Featured By Owner Jun 27, 2010  Hobbyist Digital Artist
"i am zephie and i approve this journal skin!"
Reply
:iconoctobrianacz:
octobrianacz Featured By Owner Jun 27, 2010  Hobbyist Artist
Excellent, thanks for this
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Jun 27, 2010  Hobbyist Digital Artist
no probs! ^^
Reply
:iconschindlabua:
schindlabua Featured By Owner Jun 27, 2010
:clap:
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Jun 27, 2010  Hobbyist Digital Artist
:aww:
Reply
:iconthink-creative:
Think-Creative Featured By Owner Jun 27, 2010
Wowa, nice. :)
Good job. ;)
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Jun 27, 2010  Hobbyist Digital Artist
:D
Reply
:iconpsychotropicfox:
PsychotropicFox Featured By Owner Jun 26, 2010  Hobbyist Digital Artist
It's very nice when viewing fullscreen, but then it's sitting on the front page of a deviant's profile, it gets pushed off to the side-- and the text goes with it! Consider revising the CSS so that half of a journal doesn't get lost on the front page of a deviant.
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Jun 30, 2010  Hobbyist Digital Artist
:| i have only one problem. it refuses to let me upload the revised version.
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Jun 27, 2010  Hobbyist Digital Artist
:o that would be a problem. ill see what i can do..... thats why fixed-width web designs should never be journal skins on da :XD:
Reply
:icontobizord:
Tobizord Featured By Owner Jun 26, 2010  Student General Artist
:0
I really like this. If my friend hadn't just made me one i would totally use it.
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Jun 26, 2010  Hobbyist Digital Artist
the ones made by friends are best :dummy:
Reply
:icontobizord:
Tobizord Featured By Owner Jun 27, 2010  Student General Artist
They are :la:
Reply
:icontwilie:
Twilie Featured By Owner Jun 26, 2010  Hobbyist Photographer
:DDDDD
can I use? ;3
Reply
:iconkalethhasre:
KalethHasre Featured By Owner Jun 26, 2010  Hobbyist Digital Artist
of course! ^^ i uploaded it for a reason, eh? :3
Reply
:icontwilie:
Twilie Featured By Owner Jun 26, 2010  Hobbyist Photographer
:meow:
Reply
Add a Comment:
 
×




Details

Submitted on
June 26, 2010
File Size
2.5 KB
Thumb

Stats

Views
1,648
Favourites
39 (who?)
Comments
26
Installs
316

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial 3.0 License.
×