#deviantCSS

deviantART XHTML & CSS Ref

Back Room

Group Info

#deviantCSS is a full CSS and HTML resource/guide regarding available places on deviantART that you can use codes into it (e.g. Devious Journal, Custom Module, Artist's Comment, News Article, dAmn Chat, etc)

Super Group
Until Aug 8, 2013

Founded 4 Years ago
Dec 24, 2007

Location
Global

Group Focus
deviantART Related

1,369 Members
2,508 Watchers
115,815 Pageviews

+Watch Join our Group Send a Note

Gallery Folders

Help Us..

Donate

Admins

Founder

CSS Makers PRO

CSS Makers

Newest Members

Affiliates

CSS: Cursors

Wed Apr 8, 2009, 6:23 PM by `AimanStudio

All Browsers

Top

cursor:default;

cursor:pointer;

cursor:text;

cursor:vertical-text;

cursor:wait;

cursor:progress;

cursor:help;

cursor:move;

cursor:s-resize;

cursor:nw-resize;

cursor:w-resize;

cursor:sw-resize;

cursor:col-resize;

cursor:row-resize;

cursor:not-allowed;

cursor:crosshair;

Internet Explorer (Only)

Top

cursor:hand;

cursor:all-scroll;

cursor:no-drop;

Firefox | Flock | ~~Safari~~ | ~~Opera~~

Top

Hidden cursor for Firefox only!

cursor:none;

cursor:-moz-grab;

cursor:-moz-grabbing;

cursor:-moz-zoom-in;

cursor:-moz-zoom-out;

cursor:-moz-cell;

cursor:-moz-copy;

cursor:-moz-alias;

Your Custom Cursors

Top

Coming Soon.... with examples!

SUBMIT A QUESTION!

47 Comments

More Entries

XHTML: Limitation Guide

Fri Mar 13, 2009, 3:58 PM by `AimanStudio

146 Comments

Do you have your own CSS or HTML tutorials?

75%

389 deviants said No, I'm trying to learn, so I'm here.

19%

98 deviants said No, I'm a CSS Maker but I haven't any tuts.

34 deviants said Yes, ~link-PLZ

17 comments, Previous Polls

Random from Featured

Fruitylicious

by $Ikue

128 Comments

Browse Folder

Active Members

Most Active

Least Active

Group Info

Super Group
Until Aug 8, 2013

Founded 4 Years ago
Dec 24, 2007

Location
Global

Group Focus
deviantART Related

1,369 Members
2,508 Watchers
115,815 Pageviews

Daily Pageviews

+Watch Join our Group Send a Note

Comments

=IAmTheBlackbird 6 hours ago Student Writer

Hello! Random passerby here. I love using journal skins and I decided I'd like to learn CSS so I could make some of my own. I understand that it'll take time to learn it, but so far it's pretty interesting so I think it'll be fun to learn as well as rewarding. What I want to know is, generally how long does it take to learn CSS? As in, if I started two days ago, how long will it take until I can make a journal skin?
Thanks.

--
...at night.

There's a little thing called curiosity... [link]

=wildrune11 May 4, 2012 Hobbyist Photographer

Does anyone know if there's a dA class that will let me change the look of an <hr> on my profile page?

--
Suggest-a-thon - Win a 1 Year Premium Membership!

=GillianIvy May 5, 2012 Hobbyist Traditional Artist

Not on profile. But maybe you can fake it using DA's button codes/custom boxes. =somrat updated his list. Another idea, make a png image of your hr line and just have an img tag there instead.

--
Etsy: [link]
DeviantART Team: [link]

*TheArtisticKitsune Apr 26, 2012 Hobbyist Traditional Artist

Can somebody please tell me what the css code would look like to center my gallery??? I can't STAND this awful new thumbnail crap because it's all left-aligned. EW! Please save me before my OCD goes haywire and I die.

--
_{Critique any of these for a llama: [link]

What's the difference between a cat and a comma? One has claws at the end of its paws, and one is a pause at the end of a clause}

=GillianIvy May 3, 2012 Hobbyist Traditional Artist

.stream{
text-align:center;
}

This should work, though not for featured.

--
Etsy: [link]
DeviantART Team: [link]

*TheArtisticKitsune May 3, 2012 Hobbyist Traditional Artist

Loll guess I won't have featured art anymore xD

thank you!! Hopefully they decide against these stupid thumbs and I won't have to worry about it ><

--
_{Critique any of these for a llama: [link]

What's the difference between a cat and a comma? One has claws at the end of its paws, and one is a pause at the end of a clause}

=GillianIvy May 3, 2012 Hobbyist Traditional Artist

I'm putting the center thing on all of mine. Since the empty space, which could fit a whole 'nother deviation is annoying to me.

--
Etsy: [link]
DeviantART Team: [link]

=Roses-to-Ashes Apr 25, 2012 Hobbyist General Artist

Hello!!

I am trying to get my group to look like [link] with the image there.. Ive got the transparent journal But I don't know how not to get the title to show up. Also How would I get the images to expand with the resolution. So that it always looks the same. zoomed in or zoomed out.. I have no idea what type of code I would use or where I would put it..

Thanks for any help

--
Founder of: #Trees-With-character
The Largest Tree Group on DA

Founder of: #Tiny-Worlds-Photo
Macros, Just Look really Close.

Want your Super Group Customized? [link]

=GillianIvy May 3, 2012 Hobbyist Traditional Artist

For the title, try:

.gr-top h2{display:none;}

For the image, make it an img tag

<img src="#" width="100%">

It should scale to the resolution. Be wary of wide screens making it too wide. You may want to set limits via CSS. Assign the img tag a class and set max-width and min-width variables.

--
Etsy: [link]
DeviantART Team: [link]

=Roses-to-Ashes May 3, 2012 Hobbyist General Artist

Thanks!!

--
Founder of: #Trees-With-character
The Largest Tree Group on DA

Founder of: #Tiny-Worlds-Photo
Macros, Just Look really Close.

Want your Super Group Customized? [link]

=ShadowJournals Apr 19, 2012 New member Student Digital Artist

i have a problem with my CSS code, something dA upadated changed my CSS code and its doesn't change its size according to what size screen monitor you have

can u help? i need a bit of the code or something to add to the CSS code would u be able to tell me what it is?

so basically on smaller screens on the profile, the journal is cut off on the right side

--
I do custom journal skin COMMISSIONS starting at 20

To order a journal skin, read the instructions in my donation pool ^^

=GillianIvy Apr 21, 2012 Hobbyist Traditional Artist

Perhaps if you split your image into two parts, left and right since both are on the sides. If you are using gruze you can assign one to the extra div .grf-indent and the other to the .gr-body. Then it can be a flexible width skin. Just be sure to position your background left|right for each piece. Then as monitors get wider and thinner, the sides should move with it, rather than as one static image. You may need to fiddle with margins, padding etc to get the exact look you want. And maybe set a min-width and max-width if you do not want it to stretch too far.

--
Etsy: [link]
DeviantART Team: [link]

=ShadowJournals Apr 22, 2012 New member Student Digital Artist

this is all very confusing, would i be able to send u the CSS via note and maybe u can fiddle around with it? i can pay points?

--
I do custom journal skin COMMISSIONS starting at 20

To order a journal skin, read the instructions in my donation pool ^^

=GillianIvy Apr 22, 2012 Hobbyist Traditional Artist

I suppose I did phrase that all rather badly. I toook over a day to answer you trying to think how to put it. I'm actually busy with journal commissions at the moment. (only accepting paypal, I'm in need of income) I don't charge for CSS help tho. I don't mind having a look to see if I can explain it better. But I won't be able to do soon

--
Etsy: [link]
DeviantART Team: [link]

(1 Reply)

=Binkatong Apr 9, 2012 Hobbyist Digital Artist

Hey there, I'm fairly new to journal CSS and am having a bit of an issue.

In this journal that I'm working on, the journal title isn't a link for some reason, and I also can't change the color to anything but black. I can't even highlight the text. I'm assuming that this is caused by the fact that I changed the position of .journaltop to absolute, since I've used all the other properties without problems before. Is there anything I can do about this?

--
"Your writing should be like a bathing suit. Cover the basics, but still show enough to be interesting." -My Science Teacher

Languages I speak:
English: Fluent
Na'vi: Intermediate
Español: Basic-Intermediate
Esperanto Basic

=GillianIvy Apr 10, 2012 Hobbyist Traditional Artist

For the journal title, DA has changed them to links so you now need to code for the link. Try this:

.gr-top h2 a{
color:inherit!important;
}

Inherit will set it to the color you have for h2. !Important because it needs to override DA's defaults.

Next, I see that the list at the bottom has the bg color issue, this is also something that does not show up in the preview but does on the deviation page of your journal. To fix this, you remove the bg from the list:

.list li{
background:none;
}

Finally, I see your journal is all to the left instead of in the center of the browser. The fix for that centers the journal but not the text or anything. You set the margins on the left and right to auto so that it makes them even. Do this on your .gr-box

.gr-box{
margin:auto;
}

I had no problem highlighting the text. I don't know what that issue would be. And the title was a link when I saw it. I see I'm a little late on replying, so maybe the same issue is gone?

--
Etsy: [link]
DeviantART Team: [link]

=Binkatong Apr 10, 2012 Hobbyist Digital Artist

Alright, the layout seems to be working for the most part now, thank you. But now there's ANOTHER problem. XP I can't seem to get rid of the white box behind the text in gr-top, or that line that's under it down there. This is my first time working with gruze, so it's probably something really obvious...

--
"Your writing should be like a bathing suit. Cover the basics, but still show enough to be interesting." -My Science Teacher

Languages I speak:
English: Fluent
Na'vi: Intermediate
Español: Basic-Intermediate
Esperanto Basic

=GillianIvy Apr 10, 2012 Hobbyist Traditional Artist

Okay, try this as I think it is DA's gruze styles showing through and there is an easy way to clear the defaults.

*{
background:none;
border:none;
padding:0;
margin:0;
}

Put that at the top of your code so there are no conflicts anywhere.

--
Etsy: [link]
DeviantART Team: [link]

(1 Reply)

=Binkatong Apr 10, 2012 Hobbyist Digital Artist

Well, actually, someone at my school suggested that I change the top to relative, then move the journaltext up with the "top" property, but now there's a huge space under the text. :/ I'll try changing it back to absolute and doing all of this, thank you.

--
"Your writing should be like a bathing suit. Cover the basics, but still show enough to be interesting." -My Science Teacher

Languages I speak:
English: Fluent
Na'vi: Intermediate
Español: Basic-Intermediate
Esperanto Basic

=wildrune11 Mar 17, 2012 Hobbyist Photographer

Hello!

I was wondering, would you guys have any idea why the big buttons on my profile have underlined text like that?

It happened a while ago, and I assumed dA just must have changed something, but then I realized that other people's didn't have this problem

--
Suggest-a-thon - Win a 1 Year Premium Membership!

=GillianIvy Mar 17, 2012 Hobbyist Traditional Artist

Looks like the green buttons changed? I had noticed a change on my page for some things, so switched which ones I used. Try looking through =somrat's gallery for custom box alternates that won't do an underline for links.

--
Etsy: [link]
DeviantART Team: [link]

=wildrune11 Apr 26, 2012 Hobbyist Photographer

I'll do that

Thanks!

--
Suggest-a-thon - Win a 1 Year Premium Membership!

~ChizuruMiyagi Mar 5, 2012 Student General Artist

Does anyone know how big a stamp is supposed to be? I want to make one in the future when I get my tablet but I don't know how big a stamp is supposed to be :/

also, how big is a group icon supposed to be so that it fills up the space for the group icon?

--
Icon made by *Rubeah. Don't use it, please. OC is MINE!.

／l、
ﾞ（ﾟ､｡７
　l、ﾞ ~ヽ
　じしf_, )ノ

I have commissions/requests on hold. Please wait.

=wildrune11 Mar 17, 2012 Hobbyist Photographer

Download a stamp template and see

--
Suggest-a-thon - Win a 1 Year Premium Membership!

~ChizuruMiyagi Mar 17, 2012 Student General Artist

i saw someone else made a stamp template & i asked them how big it was & you can put it on your group for future reference if anyone else asks: 99X56 ~~I wrote it down lol~~

--
Icon made by *Rubeah. Don't use it, please. OC is MINE!.

／l、
ﾞ（ﾟ､｡７
　l、ﾞ ~ヽ
　じしf_, )ノ

I have commissions/requests on hold. Please wait.

Advertise | Premium Membership

Etiquette | Privacy Policy | Terms of Service | Copyright Policy

*RAIS1	~turcz2009
*RooksRooftops	~AngelTFX
*Artress	*FACEABOOK
~Vibrato-of-Sound	=Airiin
~hetalia10111	=TOPjiyong23

*RAIS1	~turcz2009
*RooksRooftops	~AngelTFX
*Artress	~Vibrato-of-Sound
=Airiin	~hetalia10111
=TOPjiyong23	=witty-remark

#deviantCSS

Group Info

Gallery Folders

Help Us..

Admins

Founder

CSS Makers PRO

CSS Makers

Newest Members

Affiliates

CSS: Cursors

XHTML: Limitation Guide

Do you have your own CSS or HTML tutorials?

Random from Featured

Active Members

Deviants

Group Info

Comments