Deviant Login Shop  Join deviantART for FREE Take the Tour

Half-Birthday + Contest

Fri Sep 19, 2014, 12:23 PM
Evening everyone!

It's almost that time of year again. The one where I get increasingly more excited about a thing that isn't actually a thing. That's right, it's almost my half-birthday! Yes, on Sunday I shall be the grand old age of 29½ and I'd like to invite you all once again to the celebrations.

For those of you who may not be aware of this hallowed event, it's basically just an excuse to have some fun, to party for the sheer joy of it. I usually just post up a journal and invite people to leave funny stories and Muro drawings in the comments. A smattering of points are often given away. It's just silly random fun because that kind of thing always puts a smile on my face and I always hope it can do the same for others too.

This year, however, I'm taking things a little further. Sunday will mark the start of a new contest. I'm not going to give you the details just yet but I can tell you that it will run until the end of the year and prizes will include Gasarasrevolution merchandise. Actual things. That you will receive in the post. I'm telling you this because I am excited by it. I love receiving things in the post and I'm really sort of hoping that you do too (it'll be a pretty sad contest otherwise). So yes, there's that.

I'll still be posting up the usual journal though so if you're around on Sunday feel free to pop in and leave a bunch of emotes or lyrics to your favourite song in the comments. Whatever you like. There may be points on offer. And a tangible sense of joy - there will definitely be that.

So there we are. Not entirely sure why I'm giving you a heads up about this but it seemed like the thing to do. That and I'm feeling randomly chatty. And really excited about my half-birthday, even though it isn't even a thing.

I'll go now.

Enjoy the rest of your day, guys!

Freebie Friday #08

Fri Sep 19, 2014, 9:11 AM
Howdy! Welcome once again to Freebie Friday!

Sometimes you need to declare something. Sometimes you need to show a little support for the people you love. Sometimes you need to let the world know just how much you love toast.

Of course, you could do this with text but it's often so much better with a stamp.

Stamps have visual impact not only with their content but also with their borders. Use the traditional stamp edging for a classic look or wrap your message in lace for an elegant touch. Or, y'know, just go wild and use something unique like a graphic of an open book or computer screen. There's so many wonderful and creative borders on dA that you'll always be able to find something to suit your message.

Especially because toast goes with almost everything!

Enjoy, m'dears!

New Freebie




Folder Stamp Base by Gasara

Laptop Stamp Base by Gasara




Features




Stamp - Template by firstfear

Stamp Template by zilla774


Stamp Border #13 by OtomeNishiki

Stamp Border #17 by OtomeNishiki


Mass Effect Paragon Computer Stamp Base by Gasara

Mass Effect Renegade Computer Stamp Base by Gasara


Star Stamp Border by Mirz123

Stamp Border ~ hearts by OtomeNishiki


Pixel Template by stuck-in-suburbia

Ribbon Stamp Template by Sophibelle


Traditional Stamp Border by Gasara

Pixel Stamp Base Updated by Mirz123




Guides & FAQ



01 - deviantART Customisation FAQ
02 - Basic HTML Formatting Guide
03 - Basic CSS Style Guide
04 - Custom Box Troublehsooting


Freebie Friday Archive

Freebie Friday #07

Fri Sep 12, 2014, 4:46 PM
Howdy! Welcome once again to Freebie Friday!

It's been a quite while since I last made a journal skin but after last week's gallery CSS it seemed somewhat appropriate to do so now.

The skin I've created for you today is very simple but if you're looking for something a little more fancy, or perhaps with a few more bells and whistles, then how about some of the skins featured below?

Enjoy, m'dears!

New Freebie



Fruit Salad Journal CSS by Gasara


Features




Surreal Journal CSS v2 by SimplySilent

Fransis FREE Journal Skin (with CSS3 Features) by CypherVisor


Teal Box by ginkgografix

Shattered by Ikue


Valentines Skin by pica-ae

I doodle while studying by Nesmaty


3D Glasses Journal Skin by fantasy-alive

Air Mail by Ikue


Sheep Journal Skin by Sirri-R-P

Classic - Journal Skin by ZeBunnyzz


Journal 'skins' for NON-PM users and groups by UszatyArbuz

Journal 'skins' for NON-PM users and groups by UszatyArbuz




Guides & FAQ



01 - deviantART Customisation FAQ
02 - Basic HTML Formatting Guide
03 - Basic CSS Style Guide
04 - Custom Box Troublehsooting


Freebie Friday Archive

Freebie Friday #06

Fri Sep 5, 2014, 1:36 PM
Howdy! Welcome once again to Freebie Friday!

Sadly, I don't have many freebies for you today. I decided the theme of this week was going to be gallery skins so I went ahead a made one for you guys. It was only afterwards, when I was putting this article together, that I realised that while there are a number gallery skins available very few are actually free. As a result, there's just a couple here for you. If I track down any more I'll add them to this post at a later date. But for now enjoy!

New Freebie



Fruit Salad Gallery CSS by Gasara


Features




TFY Gallery Skin by vanmall

Floral Rose Gallery Skin CSS Code by cupcakekitten20


Winter Wonders - Journal + Gallery Skin by ginkgografix

{CSS} Free Lace Gallery Skin - Blue and Pink by Shyriet




Guides & FAQ



01 - deviantART Customisation FAQ
02 - Basic HTML Formatting Guide
03 - Basic CSS Style Guide
04 - Custom Box Troublehsooting


Freebie Friday Archive

Information



Oh, guys. Do you remember those little contests I used to host back when I had money for prizes? Me too. And I miss them. So I've decided to ignore my oft-dire financial situation and bring them back.

The primary purpose of these contests is to have art-based fun. While there is obviously that element of competition there, the idea is to enjoy the process of creating your art rather than worrying about winning. It's not about perfection, it's not about skill, it's about doing. You have an entire month to enter, during which you can spend as much or as little time on your piece as you like. I only ask that you put effort into you work as this will be partly how I judge the entries.

How to Enter



All you have to do is create a piece of art based on the theme of music. Your art can contain references to your favourite band, a song or perhaps an instrument you play. If your musical reference is an obscure one (or based on a song or musician I might not know) please just note it down in your artwork's comments.

You can submit any kind of art you like - drawings, pixels, literature, skins, photographs, anything at all.

Your art must be created and uploaded during the duration of the contest. Art submitted before the first day or after the last day of the month will not be counted.

Your art must be submitted by no later than midnight Tuesday 30th September.

Leave a link to your entry in the comments here and I'll add it to the contest gallery.

And, as ever, if you have any questions just get in touch. Good luck, m'dears!

Prize



The lucky winner will receive one month premium membership. Everyone else who enters will receive 5 points.

Entries





Skelly of Black Taj by Yumek0

Written as a Note by xxDreamDealerxx


Music by Raspberl

Music notes by Twitter-light


Wanna hear a song? by eeveeeh

In the Rut by TheLittleTomatoFairy


Music by Azoz7

Feel the Music by TanoshiiGirl


Mioda Ibuki Wallpaper by LlikeOaVsinE

Music Fairies by coralpinkflorescent


PLUR by Snake-Freak

Lullaby for the Sleepless by DeeDraws


Lost my music by kit-su-ne

music by kim-bijl


Chillin with Music by khkairi12

paint it black. by vexnir


Gustavo Cerati-lauraypabloDeviantArt by lauraypablo

Contest Entry: This music is Rock'n. by Cherrywind101


CE: Music by HoursUponHours

Noise by Kuroneko-Hikage



sta.sh/01ku6udobamx



Freebie Friday #05

Fri Aug 29, 2014, 12:21 PM
Howdy! Welcome once again to Freebie Friday!

I've inundated you this week with uploads so I thought I'd just share a single new freebie today. Here's classic Eggman from Sonic the Hedgehog for those of you maybe wanting a little bit of gaming nostalgia. If that's not your cup of tea then how about some of the other wonderful free avatars featured below? Enjoy!

New Freebie



Classic Eggman Avatar by Gasara


Features





Vintage Typewriter Avatar by Kezzi-Rose

Royal Air Mail Avatar by Kezzi-Rose

Fairground Avatar by Kezzi-Rose

Owl Avatar by Kezzi-Rose

Watermelon Avatar by Kezzi-Rose

Chintz Bunting Avatar by Kezzi-Rose



Book Icon by vanmall

Ink and Paper Icon by vanmall

Beauty of Nature - Free Avvie by r0se-designs

Rainbow - Free Avvie by r0se-designs

Flying Pig FREEAVATAR by MellotheMarshmallow

Blue Fan Avatar by Mel-Rosey



Game Boy Color and Pokemon Red Wobbly Icon by angelishi

Tetris - Free Avvie by r0se-designs

Purple Gamecube - Free Avatar by Hardrockangel

GameBoy Advance Avatar by Kezzi-Rose

NES Controller Avatar by Kezzi-Rose

Green GameBoy Color Avatar by Kezzi-Rose



Avatar - The Great Outdoors by stuck-in-suburbia

Free Poppy Avatar by Gasara

Free Skull Avatar - Pink by Gasara

New Bottle Base by CitricLily

Free Tech Base Avatar by guitarcraze

Mass Effect Avatar Base by Gasara



free pudding DA icons by PyroGoth

free Katamari DA icons by PyroGoth




Guides & FAQ



01 - deviantART Customisation FAQ
02 - Basic HTML Formatting Guide
03 - Basic CSS Style Guide
04 - Custom Box Troublehsooting


Freebie Friday Archive
Edit 2 Seriously, guys, I wasn't joking when I mentioned the amount of uploads. I repeat, if you don't want individual notifications then please turn on stacks in your inbox. If you'd prefer not to get any notifications at all for my individual graphcs then please unwatch my Scraps. Doing either of these things means that you'll still get notifications for journals and artwork but you don't have to bother with my graphics if you're not interested in them. End Edit 2

Edit 1 Also, some links might be broken for a short while. Sorry about this! Everything will be back to normal real soon though. End Edit 1

Hiya guys!

I'm reshuffling my gallery a bit today so you might find that things aren't where you left them. I'm trying to do this as swiftly as possible to minimise disruption but with the best will in the world you might have trouble finding things for a short while. Sorry for the inconvenience.

Please note though that while things might seem like they're disappearing I'm not actually deleting anything from my gallery. You don't need to worry about that. Everything will still be available when I'm finished.

Also, I'm going to be uploading a few of the individual resources from older packs that aren't on here yet so if you don't want a bunch of notifications in your inbox you can either turn on stacks in your inbox so the uploads are collected into a single notification or unwatch my scraps so you don't get any notifications at all.

Right then, let's begin.

Happy dA birthday to me!

Mon Aug 25, 2014, 11:16 AM
I've just realised that today is the 7th anniversary of my joining deviantART. Seven whole years, guys! Seven years of art and friends and silliness and inspiration, llama and cake and dancing and joy. What an amazing experience it's been!

I feel it's appropriate to give a special mention here to some of the first people to watch me. The fact that you guys still watch me... It's beyond words. Thanks for sticking with me so long!

:iconbobthescaryman::iconaelitamoon::iconandoore::iconkringaling::iconlittle-miss-shorty::iconfyetari::iconmyvxkirito::iconkolamaya::iconkat-koshkova::iconsephora909::icondani-mag::iconhorror-child::iconwodemy::iconlinka1333::iconiwonn::iconwish-away::iconsue-kee-chan::iconneko-jin-orange::iconoutsidefate::iconm00gli::iconsukinaromi::icondolsi::iconlittlewildviolet::iconaisha-kun::iconflowerfox95::iconmangakamaiden::iconxx-ming-xx::iconchibi-15::icondanevers::iconroppie::iconnamineh::iconeveheart::icondshroom::iconsignewk::iconmitsusune::iconkoneko-hiruka::iconpeach-coke::iconluna-moon824::iconthemy::iconpinkmochi:

And while the nostalgia is rife, I've gone back through my gallery to find some of the first pieces I uploaded. Not much has changed from the early days, has it? Boys Over Faeries, Beyblade and abject silliness still abound. And I fervently hope that these things will abound forever.

Meiro by Gasara
Happy Halloween 2008 by Gasara Mao by Gasara Hellboy Mini 5 by Gasara



You know, we should celebrate. Because I love birthdays and any excuse for celebration and fun. And, after all, without all of you guys reading this now my account would be a lonely, sad little place. You've filled this account with joy and cheer, you've inspired me and supported me. You've cheered for my characters and encouraged me when thing have been rough.

You, my dears, are so very important to me.

So let us celebrate. We might not be able to do it in person but let's have a party of sorts. Take this as an opportunity to go and grab some cake or to treat yourself to your favourite snack. Put on your favourite song and have a dance. Take a moment to realise that you are utterly adored. Just for a few minutes forget about everything but how awesome you are.

And feel free to share the ways you have celebrated this random thing in the comments. Feel free to tell the world how awesome you are!

So let us party and dance and, together, let's look forward to the many more dA years ahead ♥

Freebie Friday Archive

Fri Aug 22, 2014, 12:50 PM

Introduction



Freebie Friday is a weekly celebration of free-to-use graphics and resources from all over deviantART. Every Friday I'll upload new free resources as well as feature some of my favourite freebies from other artists. Amongst other things I'll be sharing with you pixel decorations, backgrounds, fonts, avatars and stamp bases.

The idea behind Freebie Friday is to keep my resources posted on a regular basis as well as to share with you some of the great freebies that the generous artists of deviantART offer.

Below you'll find a list of all the Freebie Friday articles as well as guides for helping you with using the featured freebies on your dA pages and personal websites.

And as always, if you have any questions or requests just let me know. Enjoy, guys!


Archive



Freebie Friday #01 / Mood Icons
Freebie Friday #02 / dA's 14th Birthday
Freebie Friday #03 / Pixel Fonts
Freebie Friday #04 / Pixel Bullets 
Freebie Friday #05 / Avatars
Freebie Friday #06 / Gallery Skins 
Freebie Friday #07 / Journal Skins
Freebie Friday #08 / Stamp Templates 
Freebie Friday #09 / TBA
Freebie Friday #10 / TBA
Freebie Friday #11 / TBA
Freebie Friday #12 / TBA
Freebie Friday #13 / TBA
Freebie Friday #14 / TBA
Freebie Friday #15 / TBA
Freebie Friday #16 / TBA
Freebie Friday #17 / TBA
Freebie Friday #18 / TBA
Freebie Friday #19 / TBA
Freebie Friday #20 / TBA
Freebie Friday #21 / TBA
Freebie Friday #22 / TBA


Guides & FAQs



deviantART Customisation FAQ
Basic HTML Formatting Guide
Basic CSS Style Guide
Custom Box Troublehsooting
Custom Folder Icon Tuorial
Free backgrounds, graphics and skins

Freebie Friday #04

Fri Aug 22, 2014, 12:50 PM
Howdy! Welcome once again to Freebie Friday!

This week I'm sharing with you a bundle of pixel bullets for decorating your pages. These little guys can add a lot of flair with very little effort. Enjoy!

New Freebie



SWEET-ness Bullet Pack by Gasara


Features





Star + Dangles Bullet (Pink) - F2U! by Drache-Lehre

Star + Dangles Bullet (Purple) - F2U! by Drache-Lehre

Star + Dangles Bullet (Blue) - F2U! by Drache-Lehre

Star + Dangles Bullet (Black) - F2U! by Drache-Lehre

Star + Dangles Bullet (Purple2) - F2U! by Drache-Lehre

Star + Dangles Bullet (Silver) - F2U! by Drache-Lehre



Butterfly Bullet V2 - Turq by Drache-Lehre

Butterfly Bullet V2 - Pink by Drache-Lehre

Butterfly Bullet V2 - Pale Orange by Drache-Lehre

Butterfly Bullet V2 - Light Purple by Drache-Lehre

Butterfly Bullet V2 - Pale Pink by Drache-Lehre

Butterfly Bullet V2 - Light Green by Drache-Lehre



Arrow Bullet (Pink) by JEricaM

Arrow Bullet (Gray_1) by JEricaM

Arrow Bullet (Light_Blue) by JEricaM

Arrow Bullet (Green) by JEricaM

Arrow Bullet (Light Blue) by JEricaM

Arrow Bullet (Purple) by JEricaM



Spinning Bone (Outline) - F2U! by Drache-Lehre

[-ai- ROMANCE] Light Pink Love Letter by Gasara

Sweet Points by UndeadZombiie

Computer Bullet by Pastel-BunBun

F2U - Pixel Wing by vvhiskers

[-ai- ROMANCE] Dark Pink Heart Balloons by Gasara



37 Free Fruit Bullet Icons by iingo

64 Free Pixel Bullet Icons by Gasara




Guides & FAQ



01 - deviantART Customisation FAQ
02 - Basic HTML Formatting Guide
03 - Basic CSS Style Guide
04 - Custom Box Troublehsooting


Freebie Friday Archive

Fruit Salad Journal CSS

Fri Aug 15, 2014, 12:22 PM
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquam sollicitudin turpis, quis convallis tellus ultricies sit amet. Nullam non mattis dui. Ut pretium bibendum tempor. Sed at purus lacus. Duis laoreet scelerisque consectetur. Ut ac lorem ligula. Quisque nisi augue, ultricies in iaculis ut, varius dapibus tortor.

italic bold underline strong strike link

KissKiss BangBang - Extended Ver. by Gasara [SS: MYVxKIRITO] Live Well by Gasara Gasarasrevolution by Gasara

header


Pellentesque velit dolor, condimentum vel dictum vitae, eleifend et arcu. Suspendisse sit amet lorem est, vel fermentum nisl.

Vivamus nec odio justo. Pellentesque volutpat fringilla metus, mattis aliquet arcu blandit eget. Vestibulum vestibulum congue eros vel laoreet. Aliquam erat volutpat. Duis sed purus lacus. Mauris rutrum ornare lectus. Aliquam odio massa, fermentum non varius sed, sodales ac leo. Praesent sit amet dolor eget risus dignissim gravida. Proin faucibus, mi vitae auctor luctus, arcu lectus aliquam neque, eget commodo nisl sem nec sem. Donec eget urna in nibh vulputate malesuada.

Freebie Friday #03

Fri Aug 15, 2014, 11:52 AM
Hello and welcome once again to Freebie Friday!

This week I'm sharing some of my favourite pixel fonts. These awesome little fonts can be used to add a little something extra to your stamps and pixel art, amongst other things of course. Enjoy!

New Freebie



Sweet Heart by Gasara


Features





Nano-Serif Pixel Font by Mirz123

CAPS LOCK Pixel Font by stuck-in-suburbia



PjukHand Pixel Font by pjuk

Gothic Pixel Font by SparklyDest



Simply Font by SimplySilent

Tall and Skinny: Pixel Font by BlissfullySarcastic




Guides & FAQ



01 - deviantART Customisation FAQ
02 - Basic HTML Formatting Guide
03 - Basic CSS Style Guide
04 - Custom Box Troublehsooting


Freebie Friday Archive

My deviantART Story

Fri Aug 8, 2014, 1:52 PM
I'm not usually one to point the finger of blame. But it was all bobthescaryman's fault.

SR- Officer down by bobthescaryman

And wish-away' certainly had something to do with it.

OC - Miyuki by wish-away

Come to think of it, SlumberPoppy didn't help matters either.

BEYBLADE - Fiery Battle by SlumberPoppy

And don't get me started on Ponchounette...

Arpakawaii sketchbook :: guest art by Ponchounette 

Oh, goodness, and MYVxKIRITO has a lot to answer for!

.:Levin + Snueks:. by MYVxKIRITO

These guys! These are the guys that started my dA journey.

Like many of us deviantARTists, my dA story, while art-based, is more about being part of this wonderful (and often strange) family. It's about the people I've met, the people I stalk admire, the people who encourage me and the people I've yet to discover. It's my watchers - my friends - and the people who just stumble by. It's my heroes, my inspirations. It's that little moment of joy when someone you adore leaves a comment on your profile.

It's just... everything. It's all of us together. And that's why it's so wonderful. That's why I came here. It's why I stayed.

And it's all of you guys reading this now. My deviantART story is very much for and because of you.

Which, I think, is perhaps how it should be.

I love you guys ♥

Freebie Friday #02

Fri Aug 8, 2014, 1:03 PM
Hello and welcome once again to Freebie Friday!

This week's freebies are all birthday-themed in celebration of dA's 14th birthday! Happy birthday, dA!

New From Me



dA Birthday Decor Pack by Gasara


Features





Pixel - BDay Box Bar by firstfear

Happy Birthday Balloons (Rainbow)! by Drache-Lehre



Free Avatar: La Birthday Caek by FreeAvatarProject

Happy Birthday Sign by Mirz123



Birthday Present Custom Box Background by Gasara

Cupcake Custom Box Background by Gasara


Free Lovely Cupcake avatar by iamyourleader

:party:

:cake:

FREE AVATAR: Birthday Caik by jamal1

Happy Birthday dA by xXAli-StarXx

DA brithday free party avi by MixedMilkChOcOlate




Guides & FAQ



01 - deviantART Customisation FAQ
02 - Basic HTML Formatting Guide
03 - Basic CSS Style Guide
04 - Custom Box Troublehsooting


Freebie Friday Archive

All Things Gasara Preview

Tue Aug 5, 2014, 3:27 PM
Look what arrived today! ♥





Remember, you can still pre-order your copy up until the 31st August. Use discount code 15BRO to get 15% off for a limited time only.

Tiny Star Emoticon by Gasara Click to pre-order @ Storenvy Tiny Star Emoticon by Gasara



[Pre-Order] All Things Gasara - Second Edition by Gasara


And the winner is...



Winter and Spring by TheKatherynn

Congratulations TheKatherynn!



Winter and Spring is a really lovely piece with a wonderful concept and it's clear that a huge amount of effort went into creating it. An absolutely beautiful illustration!

TheKatherynn will receive a one month sub and, though it's not much, I'll also be giving everyone else who entered 5 points just because. Thanks for all of your wonderful entries guys!

Information



Oh, guys. Do you remember those little contests I used to host back when I had money for prizes? Me too. And I miss them. So I've decided to ignore my oft-dire financial situation and bring them back.

The primary purpose of these contests is to have art-based fun. While there is obviously that element of competition there, the idea is to enjoy the process of creating your art rather than worrying about winning. It's not about perfection, it's not about skill, it's about doing. You have an entire month to enter, during which you can spend as much or as little time on your piece as you like. I only ask that you put effort into you work as this will be partly how I judge the entries.

How to Enter



All you have to do is create a piece of art based on the theme of seasons. Your art can contain references to one, some or all of the four seasons.

You can create any kind of art you like - drawings, pixels, literature, skins, anything at all.

Your art must be created and uploaded during the duration of the contest. Art submitted before the first day or after the last day of the month will not be counted.

Your art must be submitted by no later than midnight Sunday 31st August.

Leave a link to your entry in the comments here and I'll add it to the contest gallery.

And, as ever, if you have any questions just get in touch. Good luck, m'dears!

Prize



The lucky winner will receive one month premium membership. And there might be one or two points given away too.

Entries





Wondering in a Winter Forest by CaptainSquirel

Autumn by LilacColourSplash



Equinox by LlikeOaVsinE

At least I can dream by kit-su-ne



The Seasons by by-MK

Summer- Gasara-sama contest by bobthescaryman



Gasara Season Entry by BubblezMs

Winter Child.. by OliverTauras



Week 29 - Majestic Matterhorn by serel

Winter and Spring by TheKatherynn



Ophelia .redesign. by Grim-Grinning

sty's least favourite season by isaeway



Spring by shiroi-kitsune-chan

Sweet Fall Afternoon by Saby3



Strangeness by ailerozn

.seasonsss by isaeway




Freebie Friday #01

Fri Aug 1, 2014, 12:26 PM
Hello and welcome to the first Freebie Friday! In this new series I'll be featuring some of my favourite free-to-use resources from around deviantART as well as posting new freebies of my own.

A new journal entry will be up every Friday with each week featuring a different theme. This week we're celebrating the absolute necessity that is mood icons and emotes - for all those times when words just aren't enough.

New Freebie



16 Flat Mood Icons by Gasara


Features





bey . rei smilies by chrissichan

Tardmotes by darkmoon3636



tardmotes part deux by darkmoon3636

Skull Emoticon set by oOLuccianaOo



Rainbowmotes: Animated Emote Pack by BlissfullySarcastic

Star Emotes by etNoir


Heart Emote by Gasara

Exclamation Emote by Gasara

Skull Emote by Gasara

Sweatdrop Emote by Gasara

Silence Emote by Gasara

Question Emote by Gasara




Guides & FAQ



01 - deviantART Customisation FAQ
02 - Basic HTML Formatting Guide
03 - Basic CSS Style Guide
04 - Custom Box Troublehsooting


Freebie Friday Archive

Operation: Tidy Up

Fri Jul 25, 2014, 3:11 AM
25/07/2014 - Operation: Tidy-Up

Update 4: Day three. Moved a bunch of scruffy sketches and promotional images to my scraps. Working on updating the terms of use for my graphics.

Update 3: It's been an entire day and I've only just finished sorting out my journal entries. After looking through them again I decided to keep only a mere handful: the tutorials and the personal ones that mean the most to me. I thought it made sense to keep only the ones that might warrant a second or third read through. It was a shame to get rid of so many but I have to admit that I feel somehow liberated and my mind somehow clearer. It's funny how that happens.

So, with that done, it's off to start on my gallery. Good fun.

Update 2: I've now replaced the worst of the broken journal skins. Some extra editing to do at a later date.

Update 1: I've deleted all of my unnecessary journals - y'know the ones that don't actually really say anything or are no longer relevant. Reading back through them was good fun, though. It's always nice to be reminded of the good things that happen or how ridiculous you are sometimes.

---------------------

Yes, this mission that I have been putting off for ages has finally commenced.

Today I'll be starting the epic sort out of my gallery and journal pages. This is going to include a little bit of a reshuffle in the gallery, relevant updates to links and artist's comments and perhaps the removal of one or two things. With six years of submissions to go through this may take me a while...

Suffice to say I'll be on dA for quite a while today so now's a good time to catch me if you need to. And, y'know, feel free to drop by later to provide moral support when I've had enough!

Have a good day, guys!

deviantART Customisation FAQ

Wed Jul 23, 2014, 11:26 AM

Basic CSS Style Guide

Wed Jul 23, 2014, 11:16 AM

Introduction



CSS is a style language used to define the style and formatting of web pages. It is used in conjunction with HTML.


If we think of HTML as the building blocks of the web then, essentially, CSS is the painter and decorator. Very simply, HTML defines the structure of the page and CSS defines the style.

What I'll be helping you with here is getting to grips with the basics of CSS. I'll be explaining how use CSS as well as providing a number of examples that you can use to style your own web pages and journals. All you need to do is copy/paste the code and replace the sample text with your own content. Along with the quick reference I've also written a brief glossary of terms and provided a list of useful links in case you wish to do some further reading.

A point of note is that while the information and examples I've given here apply to CSS use anywhere on the web, this guide itself is geared towards the use of CSS on deviantART. As such, and given that this has been created as a basic guide and quick reference, you may require further reading to make the most of CSS's capabilities.

As always, if you have any questions or problems just let me know.




How To



CSS is written in the following format.

selector {property:value;}

The selector selects the element to be styled, the property defines the aspect of that element to be styled and the value defines the way the element will be styled. Let's look at a complete example to see how it works.



h1 {color:#4f4f4f;}

In this example we're saying that we want the colour (property) of all h1 (selector) elements to be dark grey (value).

You can specify a number of properties and values for the same element.



h1 {color:#4f4f4f;text-transform:uppercase;}

In the above example we're saying that we want the colour of all h1 elements to be dark grey and written in uppercase letters.

Now, CSS contains the information for styling elements but it can't act on it's own. HTML elements are needed to create content for those styles to then be applied to. Let's look at an example of how this works.



CSS
h1 {color:#4f4f4f;}
HTML
<h1>sample text</h1>


In the CSS we're saying that the h1 header elements should be dark grey. In the HTML we're declaring the sample text as a h1 element. The CSS will read the HTML <h1> tags and colour the text in-between them dark grey.

CSS on deviantART can be used in journal and gallery skins. For journals, the HTML will be written along with your normal journal text in the Sta.sh editor and the CSS will be written in the journal's Edit Skin area. For galleries, the HTML will be written in the description box and the CSS will be written in the Add CSS area.




Selectors



Selectors determine the element to be styled. There are a number of different selector types you can use depending on the desired outcome.

Element Selectors target the content of HTML tags based on the element name. The example below says that all paragraph text should be dark grey.



CSS
p {color:#4f4f4f;}
HTML
<p>sample text</p>


id Selectors target the content of HTML tags based on a specified id. The id should be unique and used for a single element on the page.  Id selectors are signified in CSS by a hash tag preceding the id name. The HTML element should include the text id="..." within the opening tag.

The example below says that paragraph text with the 'intro' id should be dark grey.


CSS
#intro {color:#4f4f4f;}
HTML
<p id="intro">sample text</p>


Class Selectors target the content of HTML tags based on a specified class name. Elements using the same class can be used multiple times on the page. Class selectors are signified in CSS by a full stop preceding the class name. The HTML element should include the text class="..." within the opening tag.

The example below says that any element with the 'info' class should be dark grey. In this case any <a> tag, <p> tag or any other tag including the 'info class' will be styled.


CSS
.info {color:#4f4f4f;}
HTML
<p class="info">sample text</p>


The example below says that any paragraph text with the 'info' class should be dark grey. In this case only <p> tags including the 'info' class will be affected. <a> tags, for example, containing the 'info' class will not be styled.


CSS
p.info {color:#4f4f4f;}
HTML
<p class="info">sample text</p>


You can use your own id and class names. Just remember to make sure that the class or id name you use in the HTML matches what you've written in the CSS.


References



The reference list below gives examples of a number of common properties that you can use to style your pages and journals. Simply replace the green text in each example with your own values. If there are limited acceptable values for a property then the options are given underneath the example. Where a numerical or hex value are required you can enter any valid value.



Text



font-family
specifies the font to be used
font-family: arial;
times new roman, georgia, arial, etc

font-size
specifies the size of the text
font-size: 12px;
insert a value

font-style
styles text as italic or normal
font-style: italic;
normal, italic

font-weight
styles text as bold or normal
font-weight: bold;
normal, bold

color
sets the text colour
color: #000000;
insert a hex value

letter-spacing
inserts space between letters
letter-spacing: 2px;
insert a value

text-align
aligns text
text-align: right;
left, right, center, justify

text-decoration
strikes out or underlines text
text-decoration: none;
none, underline, line-through

text-transform
sets text to uppercase or lowercase letters
text-transform: uppercase;
uppercase, lowercase


Design



background-color
sets the background colour
background-color: #ffffff;
hex value, transparent

background-image
sets a background image
background-image: url(http://website.com/bg.png);
insert your image URL.

background-repeat
repeats background image / used with background-image property
background-repeat: repeat-x;
repeat, repeat-x, repeat-y, no-repeat

border
creates a border around an element
border: 1px solid #4f4f4f;
solid, dotted, dashed

border-radius
creates rounded border corners / used with border property
border-radius: 5px;
insert a value


Layout



margin
creates space around the outside of an element
margin: 10px auto 10px auto;
insert a value for each side (top-right-bottom-left)

padding
creates space inside an element
padding: 10px auto 10px auto;
insert a value for each side (top-right-bottom-left)

float
floats an element left or right
float: left;
left, right

position
specifies the type of positioning used for an element
position: absolute;
absolute, relative

width
sets the width of an element
width: 50px;
insert a value

height
sets the height of an element
height: 50px;
insert a value

display
specifies what type of box to use for an element
display: none;
none, inline, block


Glossary



CSS (Cascading Style Sheet) is a style language used to define the style and formatting of web pages.

HTML (HyperText Markup Language) is a markup language used to create web pages.

Selectors specify the element to be styled. Below we are selecting all h1 header elements to be styled.


h1 {color:#4f4f4f;}


Properties are the different aspects of style that can be defined. Below we are defining the colour of all h1 header elements.


h1 {color:#4f4f4f;}


Values define the way elements are styled. Below were are saying we want all h1 header element to be dark grey.


h1 {color:#4f4f4f;}


Tags are used to define layout and styles. Tag names are enclosed in angle brackets and usually come in pairs consisting of an opening tag and closing tag. The closing tag includes a forward slash before the tag name.
<tag> </tag>


URL (uniform resource locator) refers to the specific location of an item on the internet. It is also refered to as a web address and is used to identify and link to specific pages and content.


http://www.website.com


Hex codes are a string of six digits and letters preceeded by a hash tag used to define a certain colour.


#ffffff


Helpful Links



deviantART Customisation FAQ
A list of the most frequently asked questions regarding customising your deviantART account. Answers include information and instructions.

Basic HTML Formatting Guide
A quick guide to formatting content with HTML.

w3schools
A comprehensive information resource covering all aspects of HTML.

Hex and RGB values
Get hex and rgb numbers for any colour

Google Fonts
A collection of Open Source fonts you can use on your pages for free.