Shop Mobile More Submit  Join Login
Metallic by Ikue Metallic by Ikue
This is for my battle with `pica-ae over at #theEpics
Media: JOURNAL (design and css)
Theme: Metal
Limits: only one image file.


To make it interesting we decided to only use one image file. I had originally decided to make a sprite sheet of the screws and fancy buttons but I really wanted to use that perforated metal texture for the featured section so I pushed a little harder and made the screws etc using css :B

If I had to rate the ease of this journal it would be a medium... Everything is really easy but because it involves math for the header links I bumped it up.

Header Explanation - Easy:
After you install and enable the skin edit the skin so you can adjust the header section. There are 5 premade header links that you can adjust the links and text to suit your needs. You can label them anything you want and link them to anywhere you wish. If you wish to add more links please read the "medium" section below for more assistance.

Header Explanation - Medium:
If you wish to add more than the 5 premade links you will need to add the following html in the header before the last list item labeled "last":
<li><a href="http://URL">More...</a></li>
Once you've added another link however the css wont display the bar properly so there's one more thing you need to do. Scroll through the CSS part of the journal and look for ".links li a{". Because the width of that bar is set to 100% and there are originally 5 buttons the width is set to 20% for each of them. If you add more you will need to adjust the widths percentage to account for the extra link. With the width of most browsers though I wouldn't make too many more links. I've supplied the percentages for up to 8 below, but beware if they are small the links wont be legible.

6 links = 16.66%
7 links = 14.28%
8 links = 12.5%

Once you've edited the html and css you can save for later use and write as you normally would. For other code to use for headers and the featured section in the journal itself use the code below:

<div class="head">Raised Header Text</div> -or-
<div class="head2">Inset Header Text</div>

Long line break: <hr>

<div class="feature">Feature Title
:thumb: :thumb: :thumb:
</div>


Long description is long :faint:... sorry about that. As always, any questions feel free to ask :)
Live Preview
Add a Comment:
 
:iconpawcanada:
pawcanada Featured By Owner Feb 4, 2014  Hobbyist Traditional Artist
I love this design. Thanks for making it :D
Reply
:iconikue:
Ikue Featured By Owner Feb 5, 2014  Hobbyist Digital Artist
My Pleasure! ^^
Reply
:icondeacon-blues-83:
Deacon-Blues-83 Featured By Owner Jun 11, 2013
Wow ,
I really think this is very beautifully done.
I love the subtle coloring .
The style is so clean and crisp . Excellent work !:iconpceplz:
Reply
:iconikue:
Ikue Featured By Owner Jun 13, 2013  Hobbyist Digital Artist
Thanks so much! :D
Reply
:icondeacon-blues-83:
Deacon-Blues-83 Featured By Owner Jun 13, 2013
:icontophatplz:
:iconjarryplz:
:icontuxedoplz: You're very welcome!!





And Thank You ~ I love it.:giggle:
Reply
:icondamonwakes:
DamonWakes Featured By Owner Jan 1, 2013   Writer
This looks like a nice, subtle skin! :-) I'll definitely give it a try.
Reply
:icontarantulakid96:
Tarantulakid96 Featured By Owner Dec 17, 2012  Hobbyist Digital Artist
Awesome, I'm totally using this! :dummy:
Reply
:iconikue:
Ikue Featured By Owner Dec 19, 2012  Hobbyist Digital Artist
:highfive:
Reply
:iconmiontre:
miontre Featured By Owner Apr 25, 2012  Hobbyist Photographer
Wow. :noes:
This is pretty amazing!
Reply
:iconikue:
Ikue Featured By Owner Apr 26, 2012  Hobbyist Digital Artist
Thanks!
Reply
:icondarrok:
Darrok Featured By Owner Mar 16, 2012  Professional Digital Artist
I like this Journal Skin!:meow: you did a very good job!^^
Reply
:iconikue:
Ikue Featured By Owner Apr 5, 2012  Hobbyist Digital Artist
Thanks!
Reply
:iconreinafawn:
reinafawn Featured By Owner Oct 16, 2011  Hobbyist General Artist
sexay!
Reply
:iconikue:
Ikue Featured By Owner Oct 18, 2011  Hobbyist Digital Artist
:blush:
Reply
:iconpakaku:
Pakaku Featured By Owner Aug 14, 2011
This actually looks reeeally similar to one of my journal CSSs :paranoid: [link]

[link]
Reply
:iconikue:
Ikue Featured By Owner Aug 15, 2011  Hobbyist Digital Artist
I respectfully disagree. :B The only thing that could be misconstrued as similar is the inset featured area and that is hardly an original concept on either of our parts. :)

I like how yours fits in with the dA theme though. :)
Reply
:iconjoerayphoto:
joerayphoto Featured By Owner Jul 6, 2011  Hobbyist Photographer
This is awesome. Thank you so much for sharing this!
Reply
:iconmidnightmagnificent:
MidNightMagnificent Featured By Owner Mar 31, 2011  Hobbyist Digital Artist
Looks great! I'm definitely going to use this. Thanks!
Reply
:iconhelewidis:
Helewidis Featured By Owner Mar 30, 2011   Photographer
Chris, I'm trying to upload this to a group, but I'm having troubles with it. Is it okay if I do it manually (copy-paste the code from my account) and then add your devname as the creator in a corner, manually? :flirty:
Reply
:iconx-sinfuldesires-x:
x-SinfulDesires-x Featured By Owner Mar 21, 2011  Student Digital Artist
This is very simple yet wonderful. Awesome job :aww:
Reply
:iconzanarky:
Zanarky Featured By Owner Mar 4, 2011  Hobbyist Photographer
Looks very clean! Nice work.
Reply
:iconikue:
Ikue Featured By Owner Mar 7, 2011  Hobbyist Digital Artist
why thank yew
Reply
:iconpatrickruegheimer:
PatrickRuegheimer Featured By Owner Feb 24, 2011   Photographer
Absolutly amazing, but the navi bar needs some seconds to load the hover. :v
Reply
:iconikue:
Ikue Featured By Owner Mar 7, 2011  Hobbyist Digital Artist
Yeah... it's cause of the ol and li tags they're nested in... ^^;
Reply
:icontimberclipse:
TimberClipse Featured By Owner Feb 21, 2011  Professional Filmographer
Hello! :wave:

I am writing you to let you know that you have been featured in my newest dAily Feature Article!

If you have a chance to let some others know about this series that would be great as well.

Best wishes,

:heart: =TimberClipse
Reply
:icontimberclipse:
TimberClipse Featured By Owner Feb 21, 2011  Professional Filmographer
:omg: Love it AGAIN! You rock Chris!
Reply
:iconpica-ae:
pica-ae Featured By Owner Feb 21, 2011  Professional Interface Designer
looks awesome! :clap:
Reply
:iconikue:
Ikue Featured By Owner Feb 21, 2011  Hobbyist Digital Artist
:huggle:
Reply
:iconpica-ae:
pica-ae Featured By Owner Feb 21, 2011  Professional Interface Designer
:iconmeltplz:
Reply
:icongoaligrltildeath:
GoaliGrlTilDeath Featured By Owner Feb 20, 2011  Professional Digital Artist
It turned out sweet! :la:
Reply
:iconikue:
Ikue Featured By Owner Feb 21, 2011  Hobbyist Digital Artist
thanks to you :blush: :tighthug:
Reply
:icongoaligrltildeath:
GoaliGrlTilDeath Featured By Owner Feb 21, 2011  Professional Digital Artist
d'aaaawww :blush:
Reply
:iconspirit-of-yggdrasill:
Great use of css3
Reply
:iconikue:
Ikue Featured By Owner Feb 21, 2011  Hobbyist Digital Artist
thanks :D :D
Reply
:iconjbensch:
jbensch Featured By Owner Feb 20, 2011
Wow - very, very nice. I particularly dig the 'Feature' area.
Reply
:iconikue:
Ikue Featured By Owner Feb 21, 2011  Hobbyist Digital Artist
thanks man
Reply
:iconalecwolfe:
AlecWolfe Featured By Owner Feb 20, 2011
Swanky skin. Looks great!
Reply
:iconikue:
Ikue Featured By Owner Feb 21, 2011  Hobbyist Digital Artist
thanks! :w00t:
Reply
:iconalexander-gg:
Alexander-GG Featured By Owner Feb 20, 2011  Hobbyist Interface Designer
:clap:
Reply
:iconikue:
Ikue Featured By Owner Feb 21, 2011  Hobbyist Digital Artist
:aww:
Reply
:iconjussta:
jussta Featured By Owner Feb 20, 2011  Professional Digital Artist
woooo this looks so so cool
Reply
:iconikue:
Ikue Featured By Owner Feb 21, 2011  Hobbyist Digital Artist
thanks hun
Reply
:iconprincesskooh:
PrincessKooh Featured By Owner Feb 19, 2011  Hobbyist General Artist
Well I say you win :D leave it to you to turn a simple skin epically awesome :la: *goes to install*
Reply
:iconikue:
Ikue Featured By Owner Feb 21, 2011  Hobbyist Digital Artist
:tighthug:
Reply
:iconprincesskooh:
PrincessKooh Featured By Owner Feb 21, 2011  Hobbyist General Artist
:-) daww so much hugging :3
Reply
:icondomism:
DomiSM Featured By Owner Feb 19, 2011  Professional Digital Artist
Very nice, clean, crisp and sharp!
Reply
:iconikue:
Ikue Featured By Owner Feb 21, 2011  Hobbyist Digital Artist
it's not sharp it's round :ohnoes:
Reply
:icondomism:
DomiSM Featured By Owner Feb 21, 2011  Professional Digital Artist
lol not that kind of sharp! :giggle:
Reply
:iconcrcarlosrodriguez:
crcarlosrodriguez Featured By Owner Feb 19, 2011  Professional Digital Artist
:omg: OMFG...very well done bro!...:clap:
Reply
Add a Comment:
 
×




Details

Submitted on
February 19, 2011
File Size
10.3 KB
Link
Thumb
Embed

Stats

Views
6,272 (1 today)
Favourites
105 (who?)
Comments
56
Installs
557
×