Shop Mobile More Submit  Join Login
Group Info Group Founded 7 Years ago Statistics 1,884 Members
197,079 Pageviews3,138 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,884 Members
3,138 Watchers
197,079 Pageviews
Daily Pageviews

Admins

Founder


:iconaimanstudio:

CSS Makers PRO


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

CSS Makers


:iconpreetikasharma::iconaskgooroo::iconextraordi-mary::icondeviartart::icondeararts::iconsergbel::iconkuschelirmel-stock::iconnishithv::iconnicasus::iconkristofferm::iconlockjavv::iconsynthes::iconfantasy-alive::iconorchidsinruin::iconnoxiousone::iconposerfan::iconimmerot::iconnesmaty::iconnextexile::iconhairac:

Newest Members

:iconmarisahaut::iconkenmolimg::iconmariabchughtai::iconiwannabethebiggest::iconemi100::iconagentfuzz::iconnukkacapulet::iconsoniczeldafangirl::iconhollykbear::iconalasmay::iconrosmarii::iconnotecardpasta::iconmr-world::icontahan-bases::iconnjima::icondragontattoo1830::iconnopinopa::iconfortunetellerkitkat::icontrinidarkiegirl4eva::iconkari-usagi:

Affiliates

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

Help Us Upgrade to Super..

Comments


Add a Comment:
 
:iconmiki-sunshine:
miki-sunshine Featured By Owner 5 days ago  New member Student General Artist
I am a bit confused. I had an account on here about a year ago, and now I have come back and seen non PMs with journal skins! I've written out the CSS but I can't work out how to save it onto the journal. Can anyone help me please?
Reply
:iconimmerot:
Immerot Featured By Owner Edited 5 days ago
You mean that? I guess it's some sort of hack - probably the same one which is in use in custom boxes: you take some existing site elements (usually buttons) and use them as a part of journal skin (as a background, as a blockquote etc). It remains to select the elements which perfectly fit each other (considering colors and possible behaviour).
Reply
:iconmiki-sunshine:
miki-sunshine Featured By Owner 3 days ago  New member Student General Artist
No, but thanks for showing me that anyway as it looks quite cool! One of my friends doesn't have a PM, but she used journal skins for about a week, but now she can't use them. It was probably just a glitch that got fixed by the staff :(
Reply
:iconprotector-of-aslan:
Protector-Of-Aslan Featured By Owner Feb 18, 2015  Professional
Reply
:icongillianivy:
GillianIvy Featured By Owner Feb 21, 2015  Hobbyist General Artist
I'm sorry, but the subject does not relate to our group.  Looks like a good cause, you may have to ask the founder directly.  AimanStudio 
Reply
:iconinfn555:
InfN555 Featured By Owner Jan 20, 2015  Hobbyist Interface Designer
The CSS for the Donate custom widget here doesn't center the donate button properly. 

There is a table with only one cell (for some reason). The cell has style attributes of

max-width: 386px;
width: 90%;

On my 1366 x 768 screen, the width of the widget is greater than 386px, which causes the cell to have a margin to the right. The width percentage should also be 100%.
Reply
:icongillianivy:
GillianIvy Featured By Owner Jan 20, 2015  Hobbyist General Artist
Thanks for the info.  I'm tagging AimanStudio as he is the only one who can fix this, I believe.  
Reply
:iconandorada:
Andorada Featured By Owner Jan 7, 2015
Hi, everybody! Does any of you know a free gallery skin which looks  good on a group's page, seen on a mobile phone screen?
Reply
:iconsickenedd:
Sickenedd Featured By Owner Jan 5, 2015
on a custom box, i try putting thumbnails of art to decorate..
but its just so small!
how do i get it to be bigger?
Reply
:iconimmerot:
Immerot Featured By Owner Edited Jan 5, 2015
With "big"?..

:bigthumb504814647:
Reply
:iconsickenedd:
Sickenedd Featured By Owner Jan 5, 2015
ok, ill try it!
Reply
:iconcolby-chu:
colby-chu Featured By Owner Jan 1, 2015  Hobbyist Artist
How do I wrap text around another set of text? I can't seem to remember how I managed it before, but I feel like I've looked almost everywhere and I haven't found any suitable answers. I would like the text to look like this when shown in a Custom box. Thanks in advance!
Reply
:icondevendesign:
DevenDesign Featured By Owner Jan 20, 2015  Student Digital Artist
It's ok...  I'm learning coding, too!  Lol
Reply
:iconimmerot:
Immerot Featured By Owner Jan 5, 2015
What about two <p>-boxes (or <div>'s) with limited width located side by side?
Reply
:iconshiftydakitty:
ShiftyDAKitty Featured By Owner Dec 30, 2014  Hobbyist Filmographer
How do you create buttons in journal skins?

How do you make it so when you scroll over something in a journal skin, it becomes animated?
Reply
:iconimmerot:
Immerot Featured By Owner Edited Jan 5, 2015
How do you create buttons in journal skins?
Usually with pseudoclasses like ":hover", I think: special properties for elements "at start" and special properties for elements covered by mouse cursor.
How do you make it so when you scroll over something in a journal skin, it becomes animated?
Not sure, what you mean exactly, but I guess that it concerns the "transform" property.
Reply
:iconshiftydakitty:
ShiftyDAKitty Featured By Owner Jan 6, 2015  Hobbyist Filmographer
Thank you do much! 
Reply
:iconumbrathefox:
UmbraTheFox Featured By Owner Dec 13, 2014  Hobbyist General Artist
I've seen some people have special cursors not only for their journals, but for their page too. Where can I find this coding and a tutorial on where to put it?
Reply
:iconimmerot:
Immerot Featured By Owner Jan 5, 2015
What people, for example?
Reply
:iconlechaoss:
LeChaoss Featured By Owner Dec 7, 2014  Student Traditional Artist
Help! how to text struck through?? in custom box?
Reply
:iconinfn555:
InfN555 Featured By Owner Jan 20, 2015  Hobbyist Interface Designer
Or this, if you're using CSS only:

<style>
p.strike
{
text-decoration:
 line-through;
}
</style>

<body>
<p class="strike">This has strikethrough.
</p>
</body>
Reply
:iconimmerot:
Immerot Featured By Owner Dec 8, 2014
What about the <s>-tag? Doesn't it work?
Reply
:iconlechaoss:
LeChaoss Featured By Owner Dec 8, 2014  Student Traditional Artist
Oh thank u much! :hug:
Reply
:iconfloyddowel:
FloydDowel Featured By Owner Nov 3, 2014
Yeah I want to know the same. How to click an image and get my character references.
Reply
Add a Comment: