HOME | DD | Gallery | Favourites | RSS
| deviantCSS
deviantCSS
[6268119]
[2007-12-24 18:45:56 +0000 UTC]
"deviantART XHTML & CSS Ref"
# Statistics
Watchers: 3083; Pageviews: 292613
# Group admins
# About me
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)
# Comments
Comments: 1587
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.
👍: 0 ⏩: 1
.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; }
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 0
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?
👍: 0 ⏩: 1
Could you provide the example?
👍: 0 ⏩: 0
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
👍: 0 ⏩: 1
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;}
👍: 0 ⏩: 1
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 
They should add some option to change the background colour of personal main pages though hahah.
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 1
thank you so much for the reply! Ill see about one of these options and try to make it work : )
👍: 0 ⏩: 1
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!
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 1
Yes
👍: 0 ⏩: 0
Is there anything groups can do to customize their appearance other than using dividers and bullets on their journals?
👍: 0 ⏩: 0
Hi there, I was wondering, how did they ->devpremium.deviantart.com/ make an awesome group profile like that ?
👍: 0 ⏩: 2
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.
👍: 0 ⏩: 1
Thru the use of various journals. As supergroup you have more options than a basic group.
👍: 0 ⏩: 1
Yes,thank you,and how do I find the special option in my super group ?
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 1
Yes,but there are other designs that I cant find, check devpremium for example
👍: 0 ⏩: 1
On the profile page are just journals, so I have no idea what design you're looking for. Why don't you ask the founder or another admin of that group thru PM?
👍: 0 ⏩: 1
Now those are awesome journals ...well thank you friend
👍: 0 ⏩: 1
These journals are probably just formatted for thumbnails with no or limited formatted text options. Plus it uses the latest implemented CSS3 technologies. They're probably made just for the group, but there are similiar ones out there.
You're welcome!
👍: 0 ⏩: 1
Thank you for your generous reply 
But how do they eliminate the outer "box" of the custom box border? 
👍: 0 ⏩: 1
*{background:none; border:none; padding:0; margin:0;}
.gr1, .gr2, .gr3, .tri, .gr-top img {display:none;}
these two lines at the beginning of any journal remove all formatting.
👍: 0 ⏩: 1
AWESOME,must try this ....
YOU are awesome 
👍: 0 ⏩: 1
One question....how can I customize my own CSS?
👍: 0 ⏩: 1
You need to be Premium
👍: 0 ⏩: 0
Hello! Contributor are hiring! I need someone who know a lot about CSS journal to install in my group.
👍: 0 ⏩: 0
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
👍: 0 ⏩: 2
I'm sorry, I do not know much about formatting group headers. Perhaps ginkgografix or CypherVisor would better be able to fence that question. Both of them have managed super groups before. Good luck with your header image!
👍: 0 ⏩: 1
It ias ok... I am sorry...
I got the help already. Thank you
👍: 0 ⏩: 1
I was wondering how to make a gallery skin? Cuz I'm trying to make my own but I don't know what the size you need to make it not look like it's only on half the page. Cuz I have the code but everytime I do it, the picture I have is only showing up on half the page, not the whole thing. So I was wondering if there was a size I needed.....
Thank you for the help. ^_^
👍: 0 ⏩: 1
The image size depends on your screen resolution and while it may look good on your screen, it may look ugly at someone's else screen due to a different resolution (aka too small or too big aka cut off). Best way is having a header and/or footer image only, as a big image (which is not a seamless tile) will get lost under the thumbnails nonetheless, and make for a very noisy look.
👍: 0 ⏩: 1
Well, thank you very much for the help!!!
👍: 0 ⏩: 1
I know this is irrelevant, but I'm looking for an emoticon similar to this:
Does anyone know the name of the original deviantart emoticon?
👍: 0 ⏩: 1
Not quite.
It was I was looking for.
Thank you all the same!
👍: 0 ⏩: 1
At least you found it! Welcome!
👍: 0 ⏩: 0
Question, Is there a list of Custom Box CSS for Basic Groups?
👍: 0 ⏩: 1
Perhaps CypherVisor would be able to fence that question. I do not know about what the differences would be for group widgets compared to profile ones. He is a bit of the expert of extracting all this dA code.
👍: 0 ⏩: 1
Okay thank you!
👍: 0 ⏩: 0
<= Prev | | Next =>