HOME | DD | Gallery | Favourites | RSS
| deviantCSS
deviantCSS
[6268119]
[2007-12-24 18:45:56 +0000 UTC]
"deviantART XHTML & CSS Ref"
# Statistics
Watchers: 3084; Pageviews: 292504
# 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
Oh! I mean does the flash run properly in the journal? I guess an example would be if you had an animation.swf and you try to put it into a journal, will anyone who visit the journal be able to see the animation running?Β
π: 0 β©: 1
Apparently no. All the .swf-files on dA require the preview image, and that image will be displayed instead of content. You can click the image to see the animation, but it will be just an image in the beginning.
π: 0 β©: 1
Hey there! Do you know which code accesses to links in journal CSS? I've not been able to find anything referencing links besides a and that doesn't seem to work on dA =/
π: 0 β©: 1
Hello! You want to know how to modify links? You simply have to put an "a" tag and then the properties, as always, like this:
a { property: value; }
That should work with no problems. What links are you trying to edit? If you want, send me a link to the entry and I will inspect the code!
π: 0 β©: 1
I'm trying to add text decoration and a hover to a link in a journal skin, but when I tested it it did not seem to work. Since it is a, it makes me wonder what the issue is.
a
{
text-decoration: none;
}
a:hover
{
text-decoration: underline;
color:#000;
}
a href="fav.me/d5q3pn2 ">World Currencyπ: 0 β©: 1
Hmm, the only thing I can think about is specifity. Perhaps there are other rules overriding those, rendering them useless. Could you post a journal with the skin you are trying to modify and send me the link? Or is that World Currency an entry I can inspect?
(Sorry for the late reply)
π: 0 β©: 1
Okay, do this:
Find the lines of code you added and change them to this:
.gr-box .text .pp a { text-decoration: none }
.gr-box .text .pp a:hover { text-decoration: underline !important; color: #000 !important; }
That should work. Let me know if it doesn't.
π: 0 β©: 2
It seems to have stopped working =/
Here-Β this Β one is up to date
π: 0 β©: 1
Hmm, that's weird. Did you save the changes correctly? Check the CSS to see if those new lines of code you added are still there.
If they aren't, add this:
div.text div[class*="navbutton"] a:hover { color: #000 !important; }
That should work!
π: 0 β©: 1
They are and that also did not work =/ that's slightly more than annoying. if you'd like I can put my css in a doc or something and send it to you? I'm not sure what to do at this point.
π: 0 β©: 1
Please do! Use pastebin , simply paste the code in there and then send me the link.
Also, please paste the code you are using for the journal entry itself.
π: 0 β©: 1
body content - pastebin.com/YSX34aR1
css -Β pastebin.com/j8CiWVgr
π: 0 β©: 1
Oh, okay. So the answer was really simple: there weren't any CSS rules applied to the anchor links, so I removed all those lines of code I made you create and put these new ones:
.text a { text-decoration: none; }
.text a:hover { text-decoration: underline; color: #000; }
Now it really should work! Delete everything after the h5{font-size: 14px;} declaration and paste those lines. Let me know if it still doesn't work.
π: 0 β©: 1
Thanks hon o: much appreciated
π: 0 β©: 0
HI!Β Is there a way to hide the title in gallery css?Β I have tried everything.Β Not only can I not remove it, I can't modify it in anyway - no changing colors, fonts, sizes, etc.Β I have tried just h2, and have tried .folderview-top h2 .folder-title to attempt to code it.
Nothing I do even touches it.Β I have an image I wanted to use instead.Β I can get the image to display just fine.Β Just can't get the title to go away.Β I was going to compromise and color it the same as bg color.Β Nope.
π: 0 β©: 2
Hi
It's h1 now and no longer h2. Therfore h2 has no effect. To completely remove it, use
.folderview-top h1 {display:none;}
π: 0 β©: 1
thanks a lot!Β It was driving me crazy because all the tutorials were saying h2 and nothing I was doing was making any difference at all.
π: 0 β©: 1
Welcome -
They changed that a few weeks ago w/o announcing it; probably b/c they finally fixed that error as it should have been h1 right from the start. Pretty sure such a change will come in journals in the near future as well as it too references h2 as title instead of h1.
π: 0 β©: 0
It uses h1 actually (if you mean the folder title, of course).
π: 0 β©: 1
Hi, I was wondering if I can use this image hover feature without a premium membership like loish uses it on her profile.
I tried with this code, but it doesn't work.
< a href="Link">"src='image2'" onmouseout="src='image1'" />< /a>
π: 0 β©: 2
loish appears to be using a journal for the featured info on the righthand side of the profile page, if that is what you mean. Β I am not certain if onmouseover/onmouseout is supported on deviantART. Β I suspect hers is done as a journal skin with CSS. Β And yes, you would need a premium membership to use.
π: 0 β©: 0
No, you can't. You either need to be a Premium Member or a Senior Member like loish.
π: 0 β©: 1
I see, thank you for this fast reply!Β Β
π: 0 β©: 1
y is safari banned? im using it!
π: 0 β©: 1
Oh, it's not banned, it was unavailable at the time the Founder wrote that. Β No one else has access to change these journals though.
π: 0 β©: 1
Okay, I do not know what works for iPads or not. Β
π: 0 β©: 1
hello,
so i have been away from deviantart for awhile and i had a nicely coded page prior but once i logged on, everything was shifted to the right awkwardly and nothing fit. i wasn't sure how to fix it so i decided to recode my page completely.
but looking at the top right custom box on my page, the image i entered is not centered; i'm not sure how to fix this. any help would be appreciated <3
π: 0 β©: 1
For me, both images are centered (using FF), but there a blanksΒ on left/right sides as I obviously use a bigger monitor setting than you (which makes the splitted image with your username not looking so good)
π: 0 β©: 1
oh i got the images to be centered, turns out i was using the wide widget code and it no longer works.
and i didnt know about the splitted image!! ; A ; any way it would work smoothly for all monitors?
π: 0 β©: 1
Yep, unfortunately the wide widget code does no longer work. Ruined my profile, too. The image? It needs to be bigger, so add something to the end part of each image. Make it at least 1200px, better 1500px wide for each box. Then center it either to left/right depending on in which box you are. This should keep the name readable and only cuts of the endings for smaller monitor settings.
π: 0 β©: 0
Just saying the hidden cursor works on safari now.
π: 0 β©: 0
Hello, can you help me about the code?
I have made a Custom Box Background (free to use) Β fav.me/d8tq41s Β for a friend,Β (who knows very little about coding).
I don't know anything myself. Β
I have read a bunch of tutes, and finally I came with a code.
But I cannot test the code myself because I am not a PM.
When I post resources,normally I always test them thoroughly before submitting them.
So, I would like to know if the code is all right:
Installation:
Go to your "Profile page", click on the "Edit Page" button and add a custom box.
copy this code in your custom box :
( Background code - (remove ALL the "*") )
deviation: Β fav.me/d8tq41s
Sorry to bother you, and thank you in advance for checking 
π: 0 β©: 1
That's the one I usually use; which works fine:
<div class="popup2-moremenu"><div class="floaty-boat"><img src="url of image" /></div><div class="gr-box"></div>
π: 0 β©: 1
Thank you so much! Β
It is very kind of you. Β
π: 0 β©: 1
just a question, if my css knowledge havent gone too rusty, the class popup2-moremenu refer to a .popupmoremenu command on a stylesheet... but i'm still searching for it ( the original sheet ) any hints ?Β
π: 0 β©: 0
Hello everyone!
I have an idea for an open source library for skin creators with things such as blank templates, snippets, tips and tricks and more.
Please let me know what you think!
forum.deviantart.com/communityβ¦
π: 0 β©: 0
I am looking to find a talented person to take a commission regarding page layouts and journal skins.
A lot of groups regarding these matters seem to lack a folder for people to connect people in need with people who want to do things for payment.
Is there any way to submit a journal like mine ( NEED a custom page commission and journal skin ) into a group like this?
π: 0 β©: 0
I'm having trouble with my donation box. Β I added some coding I got from someone else but for some reason there are two buttons. Β Right now the blue button is overlapping the pink but how do I get rid of the pink box? Β I hope someone can help.
π: 0 β©: 1
The background should cover the pink button, so you can place the blue button on top. Actually, I've seen the pink one in Mozilla Firefox only - Chrome doesn't even show it, so it could depend on browser too.Β
π: 0 β©: 1
thank you for a reply. Β I use Chrome so I don't know if the browser is the issue. Β is there some other way to do the coding?
π: 0 β©: 1
Can I look at current code?
π: 0 β©: 1
| Next =>