Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
July 15, 2012
File Size
3.9 KB
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
8,210 (2 today)
Favourites
353 (who?)
Comments
29
Installs
1,138
×
Champagne Bubbles Journal CSS by Gasara Champagne Bubbles Journal CSS by Gasara
09.10.2013 - Updated to remove dA's new default external link styles.



My third journal skin for %eCSSited's Pure & White CSS contest.
I think I'm getting slightly carried away here...

For this contest you have to create a new design or skin that uses white as the dominant 'color'.

I thought I'd try something a little more detailed and elegant this time round, something pale and floaty. All of the images used in this skin were made by me so please don't, um, liberate them. Cheers m'dears.

:pointr: LIVE PREVIEW



I N F O
--------------------------------------------------
Width: Liquid
Features: Header | Sidebar | Feature Box
Customizable: Yes
Tested in IE, Chrome & Firefox

Custom journal skins can only be used by premium members.

E X T R A
--------------------------------------------------
Feature box
<div class="feature">...</div>

Centered content
<div class="center">...</div>

Width
To set the skin to a certain width add the following to the .journalbox section of the journal CSS:
width: --px;


T E R M S . O F . U S E
--------------------------------------------------
- This skin is free to use
- You can completely edit this skin for personal use
- You may not redistribute this skin, edited or otherwise
- You may not sell this skin, edited or otherwise


G A L L E R Y . C S S
--------------------------------------------------

Add a Comment:
 
:iconimrandall:
ImRandall Featured By Owner May 1, 2014  Student Photographer
Very very very beautiful
Reply
:iconserel:
serel Featured By Owner May 12, 2013  Hobbyist Photographer
I really like this skin and am currently using it here.
I changed a bit here and there and probably will adjust it a bit more to fit my personal preference, but I never could have created this on my own, so thank you for sharing this!
Reply
:iconpurouty:
Purouty Featured By Owner Apr 16, 2013
So nice and elegant. I will be using this, can I? :meow:
Reply
:iconmadissondankworth:
MadissonDankworth Featured By Owner Mar 20, 2013  Hobbyist Traditional Artist
Omg!! It´s awesome! So elegant and so... asfasdfasdf i´m gonna use it if you don´t mind uwu ♥ congrats!
Reply
:icongasara:
Gasara Featured By Owner Apr 9, 2013
Thank you very much indeed. Enjoy! ♥
Reply
:iconcelestialmemories:
CelestialMemories Featured By Owner Dec 12, 2012  Hobbyist Writer
A very beautiful skin! I will be using it :aww:
Reply
:icongasara:
Gasara Featured By Owner Dec 31, 2012
Thank you very much ♥
Reply
:iconceruleanviceroy:
CeruleanViceroy Featured By Owner Sep 22, 2012  Student Digital Artist
ok so, I need your help :faint:

I've installed the journal skin, and want to change the links, after hours of searching I've
finally found the links in the header box, I can now change the name from "Link 1" to "gallery"
but when i go to put in the actual url it won't take you to my gallery?!?

why is this?
I've looked at sooo many tutorials and i still can't figure this out.
i guess cuz its common knowledge? idk, i just want help.
Reply
:icongasara:
Gasara Featured By Owner Sep 22, 2012
Hello.

In the Edit Skin option, look at the Skin Header section and find this line:

<a href="..."><img src="http://fc01.deviantart.net/fs70/o/2012/197/b/e/314834043_437349_fleur_icon_by_gasara-d57fdqq.gif"> Link 1</a>

The sections in bold are the sections you need to change. Add your url instead of the three dots and your link name where it says Link 1. For example:

<a href="http://ceruleanviceroy.deviantart.com/gallery/"><img src="http://fc01.deviantart.net/fs70/o/2012/197/b/e/314834043_437349_fleur_icon_by_gasara-d57fdqq.gif"> Gallery</a>

This should now work and you can change the other links in the same way. Hope this helps.
Reply
:iconceruleanviceroy:
CeruleanViceroy Featured By Owner Sep 22, 2012  Student Digital Artist
yea, i tried it that way earlier and i tried it again just now, but it takes you to a link out of DA and then a blank page.
Reply
Add a Comment: