Challenge - Week 4

9 min read

Deviation Actions

gillianivyart's avatar
Published:
1.4K Views


Challenge Theme: Freedom/Liberty & 4th of July


For America, the Fourth of July is coming up.  A time of patriotism and family gatherings and fireworks.  But for the rest of the world, it is just another day.  But Freedom and Liberty is something we all can relate to.  Freedom is the dream of every person on this planet.  Not just for your country, but to be who you are.  And for many, freedom has come at a price.  Freedom is about war.

There are two weeks til the 4th of July, so I hope this gives everyone time to jump on the #CSSChallenge this week.  poserfan and I have noticed there is a shortage of themed skins for this and it really is the perfect opportunity to make one.  Many people may want to get into the festivities and use a themed skin for the occasion.

Inspiration


4th of July by vongue Happy 4th July by MD-Arts Fourth of July by RadoJavor
Freedom::: by Madhorse5 Freedom by lanetkedi<da:thumb id="339344021"/>
<da:thumb id="312518475"/>

Personally, this holiday is a very sad time for me and my family.  You may expect me to be quiet a bit.  It has been many years, but I am still affected by this date.  To me, this holiday is only about family.  For me, it is a memorial.  I ask that all my friends and family be safe in whatever celebrations they are having.  

CSS Tip

:icongillianivyart: by gillianivyart 

Link tips


Besides just your standard a{}/a:hover{} (also :active and :visited), dA journals use specific a classes as well.  dA Thumbs actually use a.thumb{}.  So in some cases, adding an underlining border would also affect the other unless you specify which link class.

These are some additional classes which are for some of the newer codes.  external affects links that link outside of dA and add the funky little symbol.  If you want to remove that image, you'd set it to display:none;.  The discoverytag is for #hashtag links.  These are treated differently and you can code them to have a different appearance.

CSS
a.external:after{display: none!important;}
a.discoverytag{}

Often forgotten are the links that are in subheadings h1, h2, h3, h4, h5, and h6.  h2 a{} would also affect the .gr-top h2 a{} (journal title), so I use .text h2 a{} instead.

Of course, .commentslink a{} should not be forgotten.  This is the link to the comments on the post.

a.lit{} is your literature thumbs.  This will need to be coded to make certain it doesn't behave oddly on hover, etc.  As this may also be affected by just using a{}.

You can easily make your own a class, just write the code in your CSS and use the code anywhere in your journal.  These are often useful for making buttons or in menus, where the links will not match the style of the rest of the journal.


CSS
a.customclass{}
HTML
<a class="customclass"></a>

If you wish to make a name for your link to make a specific bookmark point, in the HTML add the unique name.  This way you can jump right to that in the document rather than need to scroll through the entire page.

HTML
<a name="uniquename">Bookmark</a>
Live
Bookmark


Archives




Have you suggested a DD lately?  
FAQ #18: Who selects Daily Deviations and how are they chosen?

:icongillianivyart:


 © CSS JMTH/poserfan
Comments6
Join the community to add your comment. Already a deviant? Log In
UszatyArbuz's avatar