kuschelirmel-stock on DeviantArthttps://www.deviantart.com/kuschelirmel-stock/art/This-is-Halloween-Journal-CSS-342337187kuschelirmel-stock

Deviation Actions

kuschelirmel-stock's avatar

This is Halloween Journal CSS

Published:
25.7K Views

Description

For `ginkgografix' 2012 Christmas Calendar Project - I'm sorry I'm a day late submitting, we had the company Christmas party yesterday so I was not around. And yes, I know it's Christmas now, not Halloween ;P

Live Preview - [link]

Based on my image This is Halloween.


:bulletred: Note that there are still some minor things I want to add here, so keep a look out for an update :) I would be thankful for any creative ideas on how to spice up the link section at the top!

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 "Stock & Resources" etc. You need to put the actual URL instead of the # [hash tag] and adjust the names to what you need instead of the ones I used - repeat for other links. Copy and paste a link if you need more links!

Other features include:


  • The h1 tag (also accessible in the sta.sh menu) creates the big headline.
  • The h2 tag (also accessible in the sta.sh menu) creates the smaller 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 dotted light blue line on the side
  • Featured images, no matter if you use the thumb code or sta.sh, will look the same, but are not coded yet to my satisfaction - this and some other minor things will be adjusted as soon as I resurface from Christmas parties and work ;)


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 courtesy of =FairieGoodMother, !AlaskaStock,
~Esmeralda-stock, ~riktorsashen, *YBSilon-Stock.
Design & coding by =kuschelirmel-stock.
© 2012 - 2024 kuschelirmel-stock
Comments16
Join the community to add your comment. Already a deviant? Log In
ezradeacon's avatar
This is gorgeous! Love the image.