Daily Deviation
kuschelirmel-stock's avatar

Skull and Roses - Free CSS

635 94 20K (1 Today)
By kuschelirmel-stock   |   
Published:
© 2012 - 2020 kuschelirmel-stock
New Journal, Yeah!

Live Preview - [link]

Based on my fanfiction Hey Jude set in the Highlander universe. There's a motorcycle gang in there whose colours are a skull with roses, so that's the cover I'll be using for the story (once it's finished).

Terms of Use


  • This CSS is free for use on deviantArt for non-commercial purposes (i.e. use it in your journal and that's it - if there's a demand, I might make a gallery css, too).
  • I cannot allow you to use the images as backgrounds for modules because the stock I used is not completely without restrictions.
  • That is also why you need to keep the credit line (in the footer section) intact as long as you use the journal with its original images.
  • The images that are included are meant to be used with this journal ONLY! They are not your "stock" and not to be altered in any way (no colour changes to match whatever you have in mind either!) for any purpose (including avatars, sigs and what not).
  • Feel free to play with the code (altering the custom divs to fit your need or the link colours is perfectly fine as long as credit is given), just don't pretend you did it all yourself when all you actually did was change colours and swap the images. Just like the fact that I don't want to see any css contest entries that are basically this skin, just with different images.
  • No "skin remixing" i.e. I don't want to see my header on someone else's journal with yet another person's footer or whatever you may have dreamed up. I created the images to work together, tearing them apart is... just don't.
  • Once you do swap the images (completely) and play with the code, I'd love to see what you create! I'm curious like that.
A longer version of these rules (phrased differently, too) can be found in My Journal - scroll down for the css part!


How to Use


You need to be subscribed to use this feature!
You can use this css without knowing much about HTML or CSS, there's just one thing you should definitely do, and that is change the links in the header section to match what you need/want to use. To do so, go to "Edit Skin" and in the header locate the part that that inludes "Link One" etc. You need to put the actual URL instead of the # [hash tag] and the name instead of Link One - repeat for other links. Copy and paste a line if you need more links! (If you use too many, they'll overlap with the headline and journal text, but you'll see that for yourself.)

Other features include:


  • The h1 tag (also accessible in the sta.sh menu) creates the rose headline.
  • The h2 tag (also accessible in the sta.sh menu) creates the skull headline.
  • The h3 tag (also accessible in the sta.sh menu) creates the small red headline.
  • The h4 tag (also accessible in the sta.sh menu) creates the small beige headline.
  • Unordered lists look like the one shown here, that's done using ul tags (also accessible in the sta.sh menu)
  • Ordered lists look like the one shown above, that's done using ol tags (also accessible in the sta.sh menu)
  • blockquote tags make the fine black line on the side - after 300px it will cut off and show a scrollbar
  • There's a custom div called "noscrollquote" that has the same properties as using the blockquote but it won't cut off the text and start scrolling.
  • There's also a div that creates a dark box, imaginatively called "darkbox"
  • Featured images, no matter if you use the thumb code or sta.sh, will look the same, with a thin black border that turns red on hover.


More Help:


This journal was coded in gruze-style - if you need help on the customizing part (i.e. which code to use inside your journal) you will still find Journal CSS - Part 2 useful (even though it was written for the old style journals). My other tutorials on CSS can be found here


:heart: Comments are always welcome and cherished - even if I may not have time to reply to all.


Stock Credits:


Stock images & brushes courtesy of ~ChristasVengel-stock, *RiNymph-Stock, ~dazzle-textures, ~DadiLights, ~MouritsaDA-Stock, ~frozenstocks, ~PilgrimSoul, *joannastar-stock, ~Atenaispd, bittbox & =kuschelirmel-stock.
Design & coding by =kuschelirmel-stock.
Comments94
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In
RileyCasper's avatar
RileyCasperHobbyist Digital Artist
I know you just favorited my bullets I made from your skin, but I'll add links here for others if they want to use them (I'm currently working on a Gallery CSS to match which I too will link here when that is done.
Left Facing Skull Bullet by RileyCasper
Rose Bullet by RileyCasper
Right Facing Skull Bullet by RileyCasper
kuschelirmel-stock's avatar
kuschelirmel-stockHobbyist Digital Artist
:heart: thank you for sharing!
Makerva's avatar
MakervaProfessional Digital Artist
Greetings, I used this CSS for my Journal Skin here:  Black Roses Journal Skin by Makerv4 by MakerV4  I've credited you in the comments and in the journal credits at the bottom Thanks! :blackrose:
SweetGothicRose's avatar
SweetGothicRoseStudent Writer
Beautiful!
kuschelirmel-stock's avatar
kuschelirmel-stockHobbyist Digital Artist
:heart:
Sackielc's avatar
SackielcHobbyist General Artist
This is the most beautiful journal skin I have ever seen! :heart: It's everything that I want :XD: Great job!
kuschelirmel-stock's avatar
kuschelirmel-stockHobbyist Digital Artist
thank you! :love:
ShackledMuse's avatar
ShackledMuseHobbyist General Artist
Installing this for when I have a sub again 
kuschelirmel-stock's avatar
kuschelirmel-stockHobbyist Digital Artist
:heart:
Ikue's avatar
IkueHobbyist Digital Artist
Loving that red with the blue/grey hue. 
kuschelirmel-stock's avatar
kuschelirmel-stockHobbyist Digital Artist
:blowkiss: thank you muchly!
YoursTrulyAurora's avatar
YoursTrulyAuroraHobbyist General Artist
it doesn't let me save it to my journal skins o-o
kuschelirmel-stock's avatar
kuschelirmel-stockHobbyist Digital Artist
strange, it works fine for me. Reload the page and try again?
WeirdWondrous's avatar
WeirdWondrousProfessional Artisan Crafter
Love this! Thank you so much!
Ozzkat's avatar
OzzkatHobbyist Photographer
I absolutely love this skin! ^^  A very big thanks for making and uploading this. ^^  I do have a question however: When going into "edit skin", what exactly do you do to make the rose or skull header? I tried to figure it out, but absolutely can't. D:
kuschelirmel-stock's avatar
kuschelirmel-stockHobbyist Digital Artist
in stash you use the headings "h1" etc - it's in the dropdown menu on the top left
Ozzkat's avatar
OzzkatHobbyist Photographer
Okay, thank you! (:
Kokuei7's avatar
Kokuei7Hobbyist Traditional Artist
Thank you for this, it is very good!
Mortale-Memorias's avatar
Mortale-MemoriasStudent Digital Artist
Can I use to like skin paper? I créditerais a link to your deviant
Bellaura's avatar
Thank you for sharing ! :hug:
LordLollypop's avatar
LordLollypopHobbyist Digital Artist
I used your Awesome skin here [link] Thanks for sharing :hug:
CrazyBoyKilljoy's avatar
CrazyBoyKilljoyHobbyist Photographer
This is really cool
Mononoke-Kitsune's avatar
Mononoke-KitsuneProfessional General Artist
Sehr schönes Journal Skin! :love: Wird sofort benutzt ^^
kuschelirmel-stock's avatar
kuschelirmel-stockHobbyist Digital Artist
:love:
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In