I wanted to make a new journal skin using the icons from the SWEET-ness decor pack so... ta-da?
It's fairly simple yet again but if you'd prefer to jazz it up a bit then go right ahead.
The full set of icons and dividers can be downloaded from the link below. If you want to fully customize this skin then you are also welcome to recolour the icons too
Enjoy, m'dears!
♥ ADD A HEADER IMAGE
--------------------------------------------------
Replace background: #EEEEEE; in the .journaltop section with this:
background: url(IMAGE URL GOES HERE);
height: --px;
(Where -- is the height of your header image)
♥ ADD A FEATURE BOX
--------------------------------------------------
Add this to your footer. It can be repeated to add more boxes.
<div class="footer">
YOUR CONTENT
</div>
♥ EXTRA
--------------------------------------------------
- Add <p> to the beginning of any paragraph to change the colour of the first letter.
- The icons and heart divider can be found in the SWEET-ness decor pack.
- REMEMBER to add the correct links in the Skin Header section.
- MAKE SURE your journal entry contains enough text to reach the bottom of the sidebar. If it doesn't just add a few <p> tags until it lines up correctly.
- YOU CAN EDIT THIS SKIN
-----------------------------------
Sta.sh
`anmari has been spreading her infectious positivity throughout our community for over 6 years. Throughout this time Ana has been at the core of all things devious, passionately developing an eclectic gallery, helping organise devmeets, participating in chat events and also recently completed dedicating her time as a Community Volunteer. We are absolutely delighted to bestow the Deviousness Award for May 2013 to `anmari, congratulations! Read More
just a question, how could i add links on the sidebar icons, sorry I'm quite new to these so i would greatly appreciate your response
Click on Edit Journal Entries or New Journal Entry, depending on what you would like to do. Click on the Edit Skin button (above the skin options) and you'll get a pop-up where you can customize the skin. The link options are in the Skin Header section.
There are four links that you can change, below is an example of one.
<a href="http://"><img title="m y . g a l l e r y" src="http://fc08.deviantart.net/fs70/o/2012/197/7/4/314888888_437601_299618539_397359_2wd3ehu.gif">
You need to change the sections in bold. The first should be the address of the page you want to link to and the second should be the title of your link (such as gallery, facebook, etc. This step is optional and you can remove the title=".." if you want). You can replace the image too by changing the image url at the end of the code.
You can change as many links as your like and you can also remove some if you don't need all of them. When you have changed your links click on Save.
Hope that helps. ^^
or, maybe I should type them
its cute and simple~