Shop More Submit  Join Login
Group Info Group Founded 7 Years ago Statistics 1,831 Members
185,461 Pageviews3,066 Watchers

CSS: Cursors

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


All Browsers






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)







cursor:hand;




cursor:all-scroll;




cursor:no-drop;
















Firefox | Flock | Safari | Opera








Hidden cursor for Firefox only!

cursor:none;




cursor:-moz-grab;




cursor:-moz-grabbing;




cursor:-moz-zoom-in;




cursor:-moz-zoom-out;




cursor:cell;




cursor:copy;




cursor:alias;









Your Custom Cursors









Coming Soon.... with examples!







SUBMIT A QUESTION!
More Journal Entries

Deviants

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)
Group
Founded 7 Years ago
Dec 24, 2007

Location
Global

Group Focus
deviantART Related

1,831 Members
3,066 Watchers
185,461 Pageviews
Daily Pageviews

Admins

Founder


:iconaimanstudio:

CSS Makers PRO


:iconkjherstin::iconlemex::iconmarioluevanos::iconlilyas::icongillianivy::iconartbit::iconcyphervisor:

CSS Makers


:iconkuschelirmel-stock::iconkristofferm::iconposerfan::iconpjuk::iconhinachuu::iconsergbel::iconaskgooroo::icontrezoid::iconcherienoir::iconpreetikasharma::icondeviartart::iconnishithv::iconsynthes::iconedmunn::icondrake1::iconnicasus::iconlockjavv::iconnextexile::iconnesmaty::icondan4archangel:

Newest Members

:iconmaulle::iconnicholas-mark-amos::iconaflyingpassion::icondina16b::iconelevenxixer::iconeelball::iconsketchingtherain::iconmontyhack::iconnemerium::iconserrara::iconpersephone1503::iconselene-bunny::iconseoul-child::icongothalla123::icontheangeldove::iconrisasama::iconoldbotratchet::iconseiichiroyogalbx21::iconthevalentinetiger::iconnightpinkmoon:

Affiliates

:icondeviantartcommunity::iconui::iconmastercss::iconecssited::iconjournalcss:

Help Us Upgrade to Super..

Comments


Add a Comment:
 
:icongothicage:
gothicAge Featured By Owner Edited 3 days ago  Professional Artisan Crafter
I'd like to display 2 or 3 activity feeds only, is that feasible with CSS?

If no, is there a way to put the activity feed on the left column side? because the left side is shorter than the right side.

I dislike the new activity feed because my front page gets a visually unbalanced look!
Reply
:iconjemgirl:
jemgirl Featured By Owner 19 hours ago  Hobbyist Writer
Those are the kind of answers I would like to have too. :)

But it's nice to know that they are going to add a widget editor, but I question why they didn't wait until they had it before letting it loose on DA. They might have gotten a bit less hate comments about it if they did.

I hope any new ideas they come up with does on the left hand side this time. I worked on making my two sides even and complete until this happened. I got it back kinda, but not as well as before.

Oh well.

Thanks for voicing the questions and concerns we both had. :)
Reply
:icongothicage:
gothicAge Featured By Owner 13 hours ago  Professional Artisan Crafter
in the past i coded several things but not in Css, Html. Today i simply have no more the time to experiment around, everyone has its job.
Bah…i try this activity feed for some time and if things arent really improving i'll remove that widget.
If the Da admins see and improvement in their newest update, looking statistics, they will do no further improvements, thats sure.
Reply
:iconjemgirl:
jemgirl Featured By Owner 2 hours ago  Hobbyist Writer
You really don't think they would fix it? Or should I say, add the ability to edit it in a number of ways?
Reply
:icongothicage:
gothicAge Featured By Owner 2 days ago  Professional Artisan Crafter
thanks for your answers. Yup, it thought it like you-everything is possible until one tries. 
I dislike the new activity feed
>Why not to just remove it then?

:D youre right.
The feature itself isnt bad, but the right column gets too long
I cant understand why Da forces users to put some dialogs only on the right side, others to the left side. Its an older issue. 
Reply
:iconguardian-of-moon:
guardian-of-moon Featured By Owner Oct 2, 2014  Professional Interface Designer
guardian-of-moon.deviantart.co…

^ This is my dummy page to create a style for all of my gallery pages. I'm currently stuck on getting the titles of my thumbnails to be any color but the default teal color when you hover over the link.

I've changed the color with the .details .t {} code, but I can't seem to code the link version of it. 
Reply
:iconimmerot:
Immerot Featured By Owner Edited Oct 2, 2014
.details .t:hover {} ?

UPD: Oh, I see - some of the more specified attributes cover the common ones. Something like this should work:

.tt-fh .details a.t:hover, .tt-fh .details span.t:hover .tt-fh .details a.tt-fh-pr:hover, .tt-fh .tt-fh-oe:hover { color: writethecolorcodehere !important; }
Reply
:iconguardian-of-moon:
guardian-of-moon Featured By Owner Oct 2, 2014  Professional Interface Designer
Thank you VERY much. I'm sorry my code is messy, I was starting to cut away from things, hoping to fix the titles. Finding a up-to-date tutorial for deviantart CSS codes was getting tricky. I just kept finding pre-made themes.
Reply
:iconplexusdynasty:
plexusdynasty Featured By Owner Aug 31, 2014  Student General Artist
For journals, how do I make a hovering box? so basically there is a box with the title and when you put your cursor over it, it turns into whatever content you put inside?
Reply
:iconimmerot:
Immerot Featured By Owner Sep 2, 2014
Could you provide the example?
Reply
:icontaira2032:
Taira2032 Featured By Owner Aug 12, 2014   General Artist
Hello! Does anyone know the CSS for journals, but I mean the default one. I only want to change the background colour, nothing else. But when I input CSS and leave only the
.journalbox {
background-color: #DAE4D9;
}
part, everything else messes up. I like how it is now, I just want to change the background. So if there's some css for what my journal is when not having any skin installed, I'll be very thankful.. Like I said, I just want to put the greenish background colour so that it matches the rest of the page, nothing else fancy or complicated  :)
Reply
:iconposerfan:
poserfan Featured By Owner Aug 14, 2014  Professional
The "No Skin" skin is based on the gruze coding, therefore it messes up, cause journalbox was the old way of coding skins.

To get rid off all styling, insert this

* {background:none; border:none; padding:0; margin:0;}
.gr1, .gr2, .gr3, .tri, .gr-top img {display:none;}


This will give you a blank journal with the default dA background.

If you want to use your background color, also insert this code below the above code lines

.gr-box  {background-color: #DAE4D9;}
Reply
:icontaira2032:
Taira2032 Featured By Owner Aug 14, 2014   General Artist
Thank you for the response! But I think, by my unsufficient expressing, I seem to have made a misunderstanding. I want to keep the formatting. Um, here's what I mean. www.pixentral.com/show.php?pic…
On the left, it's with tampering with the CSS putting actually only the bacckground string. On the right is how it's by default. notice how everything is a bit more.. spacey somehow. That's what I was wondering if it can be achieved. Having it just as the right one but on the DA green background. So i'm guessing it will have to do with putting in cellpadding and everything. Hence I asked if anyone knows the values for that.

Anyhow, thank you and if I don't manage to figure it out, I'll just get over the "crunching" and at least have it in tone with the rest of the page :) It's really not a big deal since i use DA journals very seldomly but still, being a sore perfectionist, it started poking my eye a little so bright like that.

They should add some option to change the background colour of personal main pages though hahah.
Reply
:iconposerfan:
poserfan Featured By Owner Aug 14, 2014  Professional
The left is the old gruze "no skin" skin - the first part of the code I gave you removes all the borders, lines etc you see there, but leave the rest like text formatting untouched. The extra line changes the background color to your desired color, aka if you put all these  in the css part, you get a green skin similiar to the one on the right side.

If you just put in a background color change line, it reverts back to the old basic gruze skin. If you want a green/blank skin instead of the default white one, you need to strip the skin bare first ( though actually you overwrite the existing dA CSS code with your own one, at least partially). That's exactly what  the first two lines  do; while the third one adds in your background color. Play with padding and margin to have more space on the sides.
Reply
:icontefee:
Tefee Featured By Owner Aug 10, 2014  Hobbyist Digital Artist
Hello! Im wondering if anyone can help me. How do I make the background image at the top scale to size (so instead of just being in the center the sides of image will reach left and right sides of journal) when the window for the journal is bigger.  It looks good on my page but when you click on the journal itself, the image doesnt reach both sides of the journal.
Reply
:iconposerfan:
poserfan Featured By Owner Aug 11, 2014  Professional
As your image is not seamless (due to the plushtoy and text on it) I wouldn't try to  scale it as it will deform the text and toy. Right now your option would be to make the image itself bigger by adding the background to both sides (something around 1500px width). As long as the image is centered you have text and toy in the middle and the overflow gets hidden.

A seamless background image could be set to repeat-x; with text and toy as centered overlay image (with alpha channel).

Another option is to limit the journal width itself, so that even on the journal page the journal doesn't go big.
Reply
:icontefee:
Tefee Featured By Owner Aug 11, 2014  Hobbyist Digital Artist
thank you so much for the reply! Ill see about one of these options and try to make it work : )
Reply
:iconposerfan:
poserfan Featured By Owner Aug 11, 2014  Professional
You're welcome! :D
Reply
:iconcontinuinglegacy:
ContinuingLegacy Featured By Owner Jul 27, 2014  Hobbyist General Artist
So for my page, I seem to be having issues with the custom skin not fixing in the box correctly Owo Any suggestions? Like, its over on one side of the box xDD Thanks! :)
Reply
:iconposerfan:
poserfan Featured By Owner Jul 28, 2014  Professional
You talking about the custom background for your widgets?? From my side here, it looks like it is too small as it shows the orginal dA color at both sides. So a wider background is the solution.
Reply
:iconcontinuinglegacy:
ContinuingLegacy Featured By Owner Jul 28, 2014  Hobbyist General Artist
Yes :) I figured out that the scroll box is a lot bigger than I thought it was, so its covering up the custom skin. I'm going to see if there is a smaller scroll box latee :3 Thank you! :la:
Reply
:iconminakie:
Minakie Featured By Owner Jul 21, 2014  Hobbyist General Artist
Is there anything groups can do to customize their appearance other than using dividers and bullets on their journals?
Reply
:iconzaigwast:
Zaigwast Featured By Owner Jul 17, 2014
Hi there, I was wondering, how did they ->devpremium.deviantart.com/ make an awesome group profile like that ? :-?
Reply
:icongillianivy:
GillianIvy Featured By Owner Jul 17, 2014  Hobbyist General Artist
Journals now have CSS3 transitions and transforms.  So they get the awesome zoom effect on the hovers of the images.  With Premium membership, you would be able to add these in your profile as well.  If you want to know more, perhaps contact the founder of that group for the specific set up.  I think it is several featured journals.  
Reply
Add a Comment: