Deviant Login Shop  Join deviantART for FREE Take the Tour
Group Info Group Founded 7 Years ago Statistics 1,818 Members
182,950 Pageviews3,052 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,818 Members
3,052 Watchers
182,950 Pageviews
Daily Pageviews

Admins

Founder


:iconaimanstudio:

CSS Makers PRO


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

CSS Makers


:iconhinachuu::iconnextexile::iconalfajr::iconnesmaty::iconsynthes::icondeararts::iconnoxiousone::iconnicasus::icontrezoid::iconinfinite705::iconpreetikasharma::iconfantasy-alive::iconedmunn::iconsergbel::icondan4archangel::iconpjuk::iconkuschelirmel-stock::iconimmerot::iconlockjavv::iconneg0ne:

Newest Members

:icontheangeldove::iconrisasama::iconoldbotratchet::iconseiichiroyogalbx21::iconthevalentinetiger::iconnightpinkmoon::iconredmoon95::iconladyeloise::iconeos-husky::iconbishin-bishon::iconmbsilentsoul::iconuszatyarbuz::iconphoenixglam::icontrianagitana::iconmelikebat::iconanderson-07::iconeasiertorun007::iconu-rn::iconawesomeotakugirllol::iconkyuryun:

Affiliates

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

Help Us Upgrade to Super..

Comments


Add a Comment:
 
: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
:iconzaigwast:
Zaigwast Featured By Owner Jul 18, 2014
Yes,thank you very much :aww:
Reply
:iconposerfan:
poserfan Featured By Owner Jul 17, 2014  Professional
Thru the use of various journals. As supergroup you have more options than a basic group.
Reply
:iconzaigwast:
Zaigwast Featured By Owner Jul 18, 2014
Yes,thank you,and how do I find the special option in my super group ? :) or the interface ?
Reply
:iconposerfan:
poserfan Featured By Owner Jul 18, 2014  Professional
I guess over edit profile page, it should give you the options and then you just add the widgets  you want - like with your own profile.
Reply
(1 Reply)
:iconblackmasterelite15:
BlackMasterElite15 Featured By Owner Jul 9, 2014  Student Digital Artist
One question....how can I customize my own CSS?
Reply
:iconcrax97:
Crax97 Featured By Owner Jul 12, 2014  Student Digital Artist
You need to be Premium
Reply
:iconlife-is-the-bubbles:
Life-is-the-bubbles Featured By Owner Jul 7, 2014  Hobbyist Digital Artist
Hello! Contributor are hiring! I need someone who know a lot about CSS journal to install in my group. 
Reply
Hidden by Commenter
:iconatrejane:
AtreJane Featured By Owner Jun 17, 2014  Hobbyist Digital Artist
I have a question..Is it real to make this on the top of my group 
i837.photobucket.com/albums/zz…
My group is history-of-ukraine.deviantart.…

But without this problem history-of-ukraine.deviantart.…


And who can make this for points?  I can not pay by money...
thank you 
Reply
Add a Comment: