[x]
News
News
[x]  

Notices



More Resources News

Resources Round up // August

^znow-white:iconznow-white: reports, 9h 36m ago
A round up of wonderful resources,contests and features together with delicious nibbly bits ...

Photoshop Actions - A feature

*davidnanchin:icondavidnanchin: reports, 1d 17h ago
A feature of some great photoshop actions!

Stock Newsletter - August Feature and info

^Hanratty-Stock:iconHanratty-Stock: reports, 1d 12h ago
A look back into the fabulous stock submitted in August and other eye pleasing extras.

Photo-manipulation

~troubled-waters:icontroubled-waters: reports, 2d 19h ago
Need help with Photo-manipulation? Look no further!

the lady of darkness

*WCS-Wildcat:iconWCS-Wildcat: reports, 2d 18h ago
This newsletter is dedicated to "the lady of darkness". The lady in our photomanipulations who tells her story of all her pain, fears and sorrows and also her feelings of joy and happiness. I have gathered some stock resources that I hope you will love to use and work with

seven // days // 9

^bleedsopretty:iconbleedsopretty: reports, September 1
Seven days is an article featuring sexy resources that were submitted
to the resources gallery in the past week.

eCSSited August Features

*eCSSited:iconeCSSited: reports, September 1
A monthly feature for CSS designs and templates for your journals and galleries.

Texturegasm #11

`pendlestock:iconpendlestock: reports, August 31
A round up of this month's most edible textures

Happy Stock

*Rachastock:iconRachastock: reports, August 30
A small collection of happy stock to inspire artists in their work.

T E X T U R E S - improve your artworks

=freaky665:iconfreaky665: reports, August 30
In this article I've gathered some textures and tutorials to help you achieve different effects,I recommend that u experiment and combine to create something really unique and outstanding.
Come and take a look :heart:

Resources News This Week

T E X T U R E S - improve your artworks

=freaky665:iconfreaky665: reports, August 30
In this article I've gathered some textures and tutorials to help you achieve different effects,I recommend that u experiment and combine to create something really unique and outstanding.
Come and take a look :heart:

Texturegasm #11

`pendlestock:iconpendlestock: reports, August 31
A round up of this month's most edible textures

Stock Newsletter - August Feature and info

^Hanratty-Stock:iconHanratty-Stock: reports, 1d 12h ago
A look back into the fabulous stock submitted in August and other eye pleasing extras.

Resources Round up // August

^znow-white:iconznow-white: reports, 9h 36m ago
A round up of wonderful resources,contests and features together with delicious nibbly bits ...

seven // days // 9

^bleedsopretty:iconbleedsopretty: reports, September 1
Seven days is an article featuring sexy resources that were submitted
to the resources gallery in the past week.

Photo-manipulation

~troubled-waters:icontroubled-waters: reports, 2d 19h ago
Need help with Photo-manipulation? Look no further!

the lady of darkness

*WCS-Wildcat:iconWCS-Wildcat: reports, 2d 18h ago
This newsletter is dedicated to "the lady of darkness". The lady in our photomanipulations who tells her story of all her pain, fears and sorrows and also her feelings of joy and happiness. I have gathered some stock resources that I hope you will love to use and work with

Photoshop Actions - A feature

*davidnanchin:icondavidnanchin: reports, 1d 17h ago
A feature of some great photoshop actions!

Happy Stock

*Rachastock:iconRachastock: reports, August 30
A small collection of happy stock to inspire artists in their work.

eCSSited August Features

*eCSSited:iconeCSSited: reports, September 1
A monthly feature for CSS designs and templates for your journals and galleries.

Resources


Make you CSS Journal #1

=dot-Silver:icondot-Silver: reports, February 28, 2007
Welcome to the "Make you CSS Journal" - this is part one of a series of tutorials/articles on making your own completely journal.

In this part we will cover of what is what for the CSS and a very basic style of changing colours and text.

So before we can even start with the CSS, you first need to know what part of the journal you can style and the name of it. Well you're in luck since our lovely ^thespook has done an image showing the different blocks (or divs) that the journal uses.



So we'll do this in order of how it's shown from that image. So first one is .journalbox. As you can see, this will style the box that holds the whole journal inside. Within all of these CSS Codes, you can change the hex colours (shown as #------) and borders and fonts.

.journalbox{
background: #561420;
border: 2px solid #C59A6F;
padding: 0px;
}


Then we move onto .journaltop, this is the top bit of the journal that shows the journal icon, date, time and subject. We can't style the subject from this bit, but we can at least do something with the data and time.

.journaltop{
background: #333333;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 9px;
color: #CCCCCC;
}


If you previewed this then only our date and time are styled. Do we all like the journal icon? no? Well let's get rid of it. You are not able to change this but we can get rid of it easily.

.journaltop img{
display: none;
}


And now to style the Journal Subject.

.journaltop h2{
color: #FCFCFC;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 17px;
}


So we have the top bit done, what about the text of the journal? This is where our header, body and footer text will be.

.journaltext{
color: #FCFCFC;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 11px;
}


We need to carry this one a bit further with the links, so we can have our links styled too.

.journaltext a{
color: #821122;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 11px;
}
.journaltext a:hover{
color: #C59A6F;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 11px;
}

This will style the links, and also the links when the mouse is hovering over them.

Now we move onto the bottom bit of the journal.

.journalbottom{
background: #333333;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 9px;
color: #CCCCCC;
}


Hang on, this doesn't do anything for our links? We have to style those two, looking at thespooks image, you can see that there is the prevlink and also the commentslink.

.prevlink{
font-family: tahoma, arial, verdana, sans-serif;
font-size: 11px;
color: #CCCCCC;
}
.commentslink{
font-family: tahoma, arial, verdana, sans-serif;
font-size: 11px;
color: #CCCCCC;
}


There is one more bit you need to know to complete our very basic CSS Journal. Styling the list boxes.

.list{
color: #FCFCFC;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 11px;
background: #821122;
}
.list .a{
background: #561420;
}

The .list will style it as a whole, but we still have the .list .a which is the alternate row colour. So we just need to change our background. It is also possible to keep the same background as .list so we don't have alternate row colouring.

Well that's it for now. All the CSS Code on this journal is being used on this journal for an example of how it will turn out. It's not the best colours used. There are a lot of places you can go to get different colours. Below are some colour picker sites.

Hyper Solution
Colour Schemer
Waffle Software Hex Picker

Devious Comments

love 0 0 joy 0 0 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0

`BoffinbraiN:iconBoffinbraiN: Feb 28, 2007, 9:09:52 AM
Interestingly, you've put the statements "font-family: tahoma, arial, verdana, sans-serif; font-size: 11px;" In nearly every time, but you only needed to state it once, in .journalbox, hence applying the effect to the entire journal. :)
=dot-Silver:icondot-Silver: Feb 28, 2007, 10:56:31 AM
Well yes but not everyone wants to use the same font everywhere, so this can show them that they can change it for different areas.
`BoffinbraiN:iconBoffinbraiN: Feb 28, 2007, 11:31:20 AM
It's good design practise to use at most two or three fonts in a single presentation. I think people will be more interested in colours, rather than different fonts, when they create their journals. :thumbsup: Yeah, I'm just suggesting that it's best to keep the CSS as simple as possible especially when creating it for beginners. They will find it greatly advantageous to understand inheritance through CSS. :nod:
=dot-Silver:icondot-Silver: Feb 28, 2007, 12:21:36 PM
Indeed. I've got a second part on my new current journal if you would like to comment on that and how it is. Your CSS has always been great. But one thing, think you could give me a link for the deviantBOX? I tried implementing one myself but failed miserably :( lol
`BoffinbraiN:iconBoffinbraiN: Mar 1, 2007, 3:05:14 AM
Yeah, the next section looks good. :thumbsup:

I'm afraid we can't give out the code for deviantBOX any more, since staff say that users might abuse it, which is true. Anyway, the CSS to make my journal isn't deviantBOX code anyway. If you're determined, I'm sure you can work out something similar for yourself.
=dot-Silver:icondot-Silver: Mar 1, 2007, 3:40:24 AM
yea I know. I could make your journal pretty easy. But meant the boxes underneath the journal.
`BoffinbraiN:iconBoffinbraiN: Mar 1, 2007, 5:17:59 AM
That's the magic part. :ninjaplot:
=dot-Silver:icondot-Silver: Mar 1, 2007, 7:39:00 AM
ha, so what other great idea's have you got? I've noticed you've become an idea machine, thinking of all the things that others have designed and coded (deviantBOX, journal +FAV, etc.)
`BoffinbraiN:iconBoffinbraiN: Mar 1, 2007, 10:32:43 PM
I wish I had more free time to do so. But you're always welcome to suggest new things, or improvements for my existing works. :)