Shop Mobile More Submit  Join Login
×




Details

Submitted on
August 1, 2009
File Size
5.1 KB
Link
Thumb
Embed

Stats

Views
6,988 (1 today)
Favourites
95 (who?)
Comments
30
Installs
553
×
Photo-Film journal skin - dA by sturm Photo-Film journal skin - dA by sturm
For those of you who like the dA color scheme a lot, I've decided to make another version of my B&W Photo-Film journal skin. Feel free to use it, all I ask is that you give it a :+fav: if you use it :)

Some information about using this skin:

General
This skin is optimized for Firefox. It looks pretty ok in IE as well, but I'm having some problems with the navigation buttons (they don't switch color when you move over them with the mouse cursor). Also, the mini-gallery doesn't work as nicely in IE as in Firefox (it works, but you don't get the neat somewhat-bigger-thumbnail when you hover over it with the mouse). If anyone knows how to get it working nicely in IE too, please note me and I'll fix it.

Important: Don't forget to remove the spaces in the < div> codes below, otherwise it won't work!

Images
I use a couple of background images, which are hosted at my own website. If you use this skin, please download the images from my website and put them on your own and refer to that location in the skin.

Mood icon & now doing
Don't forget to put the mood icon and the "now reading / watching / eating / drinking" stuff at the top of the journal, otherwise, it'll look ugly ;)

Header
Don't forget to change the URL's in the Skin Header to your own URL's. Not that I'd mind the pageviews, but I'm sure it's not what you intended ;)

Content
< div class="title">Title</ div>
< div class="textbox">Text</ div>

Notes
< div class="note">Note text goes here</ div>

Mini-gallery
< div class="minigal">
:thumbXXXXXX: :thumbXXXXXX: :thumbXXXXXX:
</ div>

Don't forget to put the mini-gallery within the < div class="textbox"> tag, otherwise it won't be indented like the rest.

Code for thumbs courtesy of `thespook. I changed the code a little bit so that you can hover over the thumbs from left to right without the pop-up thumb completely covering the small thumbnail right next to it.

If you have any questions about using this skin or if you want something added / fixed, just send me a note.
Add a Comment:
 
:iconworldwar-tori:
WorldWar-Tori Featured By Owner Dec 3, 2013   General Artist
oh my, this is awesome :heart: thanks for sharing :)
Reply
:iconsturm:
sturm Featured By Owner Dec 5, 2013  Hobbyist Photographer
No problem, thanks for the :+fav: on it :)
Reply
:iconworldwar-tori:
WorldWar-Tori Featured By Owner Dec 7, 2013   General Artist
you're welcome :heart:
Reply
:iconneondemonsandhedgies:
NeonDemonsAndHedgies Featured By Owner May 9, 2013  Hobbyist Digital Artist
Hey how do you make a journal skin? I had an idea for one, but I don't know how to make it.
Reply
:iconsturm:
sturm Featured By Owner May 14, 2013  Hobbyist Photographer
Hmm, that's not a very easy question to answer. However, there's a deviantArt group completely dedicated to journal skins, perhaps they can help you out: [link]
Reply
:iconneondemonsandhedgies:
NeonDemonsAndHedgies Featured By Owner May 15, 2013  Hobbyist Digital Artist
Yaaay!:iconjeffthekillerlaplz: Thank you!
Reply
:iconsturm:
sturm Featured By Owner May 15, 2013  Hobbyist Photographer
You're welcome :)
Reply
:iconfigit090:
Figit090 Featured By Owner May 27, 2011  Professional Photographer
Thank you for the skin! It looks great! URL's changed themselves, too!
Reply
:iconsturm:
sturm Featured By Owner May 28, 2011  Hobbyist Photographer
No problem, glad you like it!
Reply
:iconfigit090:
Figit090 Featured By Owner May 31, 2011  Professional Photographer
=)
Reply
:iconfotofrida:
Fotofrida Featured By Owner Mar 6, 2011
Thanks a lot, love this!
Reply
:iconsturm:
sturm Featured By Owner Mar 9, 2011  Hobbyist Photographer
You're welcome, glad you like it :)
Reply
:iconfotofrida:
Fotofrida Featured By Owner Mar 9, 2011
Yeah, I really did, but it didn't work, probably because I don't have premium..
But it was really nice tho!
Reply
:iconjuapples:
JuApples Featured By Owner Nov 20, 2010
DARN, this is giving me problems with Safari..:/
Reply
:iconsturm:
sturm Featured By Owner Nov 24, 2010  Hobbyist Photographer
Hmm, any specific problems you are encountering? Perhaps I can look into it if I know what it is that's going wrong :)
Reply
:iconjuapples:
JuApples Featured By Owner Nov 26, 2010
yes, the right side of the film overlaps with the main journal...:/ is it because i am running safari?
Reply
:iconsturm:
sturm Featured By Owner Dec 4, 2010  Hobbyist Photographer
Hmm, that could very well be, although I must honestly say that I haven't tested the skin in Safari... On the other hand, all browsers should interpret CSS the same way nowadays...
Reply
:iconanonymous00admirer:
Anonymous00Admirer Featured By Owner Feb 8, 2010  Student General Artist
wow.. nice..
Reply
:iconsturm:
sturm Featured By Owner Feb 8, 2010  Hobbyist Photographer
Thanks :)
Reply
:iconanonymous00admirer:
Anonymous00Admirer Featured By Owner Feb 9, 2010  Student General Artist
you're welcome ^^ :huggle: :iconcocoglompplz:
Reply
:iconjardyn:
Jardyn Featured By Owner Sep 28, 2009
My Mini Gallery isn't aligning the thumbs properly with the rest of the layout!
Im using the right code but no luck. Can you help me figure this out? :( Im using your exact code for the mini gallery and I have taken out the spaces to make it function!
Reply
:iconsturm:
sturm Featured By Owner Sep 28, 2009  Hobbyist Photographer
Hmm, can you try it like this and see if that fixes it?

< div class="textbox">
< div class="minigal">
thumbnails then go here...
</ div>
</ div>

The textbox-class does the indent, while the minigal only does the thumbnails, it should work if you combine the two :) Let me know if this does or doesn't fix the problem.
Reply
:iconjardyn:
Jardyn Featured By Owner Sep 28, 2009
Yeah, that fixed the problem! You might want to mention in the description that the textbox does the indent! ...unless you have already and I just missed it. :XD:

Thanks for the help and thanks for the brilliant skin! :love:
Reply
:iconspooooonge:
spooooonge Featured By Owner Sep 8, 2009   Photographer
Very nice! :heart::heart::heart:
Reply
:iconsturm:
sturm Featured By Owner Sep 9, 2009  Hobbyist Photographer
Thanks, it looks really good on your page :)
Reply
:iconspooooonge:
spooooonge Featured By Owner Sep 9, 2009   Photographer
You're welcome! :heart: And thank you~ ;P
Reply
:icontencinoir:
tencinoir Featured By Owner Sep 2, 2009  Professional Interface Designer
wow, i love it:heart:
Reply
:iconsturm:
sturm Featured By Owner Sep 3, 2009  Hobbyist Photographer
Thanks :D
Reply
:iconnayiny:
nayiny Featured By Owner Aug 2, 2009  Professional Interface Designer
GREAT SKIN :D
Reply
:iconsturm:
sturm Featured By Owner Aug 2, 2009  Hobbyist Photographer
Thanks :)
Reply
Add a Comment: