Shop More Submit  Join Login
×




Details

Submitted on
February 24, 2012
File Size
6.7 KB
Link
Thumb
Embed

Stats

Views
973
Favourites
13 (who?)
Comments
26
Installs
38
×
Belated Valentine by GillianIvy Belated Valentine by GillianIvy

Live View -- [link]

4th ValentineValentine feature meme, 4th of 10.  For more details, follow the article link on the right.  Basically, I'm doing a 10 part feature, with the first 9 to comment being featured and my first feature, the person who I got the meme from.
:iconcaska1979: :devcaska1979:

:thumb259082469:A little about SaraI've bumped into Sara several times via our group circles.  Journal skinning has really connected me with the community on DA and it's great to see so many varied artists with an interest in coding and design.  I know very little about her other than she is from Italy.  But exploring her gallery today, I find a wonderful assortment of abstract an


My belated Valentine's feature skin. This skin is extremely versatile. Ideal for use as a feature skin with HTML formatting incorporated. Advanced HTML can be used for dynamic layouts. There are several examples of mix and matching the codes to achieve the desired effect.

Used plainly, this is a simple yet elegant skin. Just install and begin writing your journal, no additional HTML or CSS knowledge necessary.

Advanced Codes -- [link]

Belated Live ExamplesStandard HTML Formatting
Subheadings
Subheading 1Subheading 2Subheading 3Subheading 4Subheading 5Subheading 6 (white subheadings - h2, h3, & h5 - are best viewed in the red bg box, though it is legible against the white on DA color)

Horizontal Rule

Text Formatting
Bold, Strong, Italics, Emphasis, Insert, Strike, Underline, Code, Teletype, Small, Subscript, and superscript.

Standard blockquote, matches the style of the "gr-box" DIV, which can also be used within the journal.  You can re-use any of the regular journal structure in order to create different layouts.  Simply mix n' match the DIVs in different orders to get the effect you li


Gallery CSS -- [link] -- Live View



Something I forgot to do, the moods were not added back in. You will need to remove a line!


.list{display:none;}

And I forgot to add the proper formatting for this. I had too many copies of this skin in my drafts...

Okay, if you want it to look like mine, then copy & paste this at the end:

.list{
padding:14px 4px;
background:transparent url('http://fc07.deviantart.net/fs70/o/2012/055/a/9/287008234_371150_texture_fill_transparent_by_gillianivy-d40q3i1.png');
background-position:top right;
background-repeat:repeat;
background-attachment:fixed;
border-top:#ffffff 1px solid;
box-shadow:#ffffff 0 0 20px;
}

.list li{
background:none;
line-height:12px;
}

.f img{
padding:0;
background:none;
box-shadow:none;
border:none;
margin:3px;
}

.list strong{
font-size:14px;
margin-right:10px;
}
Add a Comment:
 

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconposerfan:
poserfan Featured By Owner Feb 6, 2014  Professional
:iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz:
Heart La You have been featured in journalcss CSS Feature #2 Valentine! :heart: rvmp 
:iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz::iconheartsdividerplz:
Reply
:icongillianivy:
GillianIvy Featured By Owner Feb 6, 2014  Hobbyist General Artist
That is a lot of loves!  Thank you, checking it out now ;D
Reply
:iconposerfan:
poserfan Featured By Owner Feb 6, 2014  Professional
You're very welcome! :D Enjoy the feature!
Reply
:iconnesmaty:
Nesmaty Featured By Owner May 6, 2012
Why whenever I add

{
filter:alpha(opacity=70);
}

to any property DA wont let me save my css and tell it's an error or a token .. :confused:

Even though I 've seen many using it so far ?? :grump:
Reply
:icongillianivy:
GillianIvy Featured By Owner May 6, 2012  Hobbyist General Artist
try

opacity:0.70;


or this one if you want just the bg:


backround:rgba(255,255,255,0.70);
Reply
:iconnesmaty:
Nesmaty Featured By Owner May 6, 2012
Yay .. it works :eager: .. I was going to call DA some names due to my frustration :hug:

Love you my dear thnx a lot :heart:
Reply
:icongillianivy:
GillianIvy Featured By Owner May 7, 2012  Hobbyist General Artist
:giggle:
Reply
:iconseraphylia:
Seraphylia Featured By Owner Mar 9, 2012  Student Digital Artist
How do I add the beveled box at the bottom? I am getting extremely confusing with this coding! I can only work with tiny HTML...
Reply
:iconazeeratheninja:
AzeeraTheNinja Featured By Owner Feb 25, 2012  Student Interface Designer
Wow, I just saw the live version and that must be SO MUCH CODE! :faint:
I could never imagine myself having that sort of patience. I make skins too, but mostly for commissions or myself and my sorting needs... and usually they aren't even that complicated. XD

Anyway, great skin! :heart:
Reply
:icongillianivy:
GillianIvy Featured By Owner Feb 25, 2012  Hobbyist General Artist
Hee hee. I'm addicted to making things overly complicated. It's actually just a few custom boxes which you mix n' match the order of to get the effect you want. It's writing the content that becomes the work. Otherwise, it's a simple skin.

I like making skins with feature articles in mind.
Reply
Add a Comment: