HOME | DD
Shimaira β CSS coding for galleries
Published: 2011-08-31 18:06:06 +0000 UTC; Views: 8308; Favourites: 185; Downloads: 51
Redirect to original
Description
CSS coding for gallery folders (see my gallery folders for examples)---
body {background-color: #000000;
background-image: url("background_image_here.jpg ");
background-attachment: fixed;
background-position: right bottom;
font-family: "Times new roman";
font-size: 16px;
color: #FF0000 ;
}
div.folderview-top h2 {
text-align: center;
color: #600000;
font-family: "Times new roman";
font-size: 40px;
border: 3px double #600000;
background-color: #000000;
padding: 9px 9px 9px 9px;
opacity:0.75;
}
div.description {color: #FF0000 ; border: 3px double #600000;
text-align: center;
padding: 9px 9px 9px 9px;
background-color: #000000;
opacity:0.75;
}
div.folderview-top a {
color: #000000;
}
div.folderview-top a:hover {
color:#600000;
text-decoration: none;
}
div.folderview-art img {
background: #000000;
padding: 3px;
border: 3px double #000000;
}
div.folderview-art img:hover {
background: #000000;
padding: 3px;
border: 3px double #600000;
}
div.folderview-art a {
color:#FF0000 ;
background-color:#000000;
text-decoration:none;
}
div.folderview-art a:hover {
color:#FF0000 ;
background-color:#000000;
text-decoration: underline;
}
div.description a{color: #808080;
text-decoration: none;
}
div.description a:hover {color: #808080;
text-decoration: underline;
}
Related content
Comments: 94
I have no clue if dA changed the way their CSS coding for galleries works 
π: 0 β©: 1
because I became inactive on dA years ago when I switched my writing to Wattpad
π: 0 β©: 1
www.deviantart.com/monsteracadβ¦
How do I take off the back background of the submissions?
π: 0 β©: 1
Sorry for the late reply (I'm not active on dA anymore 
Seeing as it's grey and there isn't much grey in the code, I would suggest trying to alter this bit
div.description a{color: #808080;Β
text-decoration: none;
}
Hope this helps β₯
π: 0 β©: 0
Is there a way to get rid of the black box with the red border? (I'm not too god at coding)
π: 0 β©: 1
Look for the bits in the code that talk about "border" and change the number of pixels from 3 to 0
π: 0 β©: 2
Thanks, Iβll try it out!
π: 0 β©: 0
I CANT BELIEVE, BUT I MADE IT!!
thank you very much, i never get this kind of things!Β
thanks again
π: 0 β©: 1
Whoa... This is pretty confusing... (I'm not good with codes or numbers...)
π: 0 β©: 1
I can imagine it looks like gibberish then
π: 0 β©: 1
Yeah,it does in my eyes...
π: 0 β©: 0
Where and how would you add a "no-repeat" if you wanted it in the background? Thanks
π: 0 β©: 1
Adding
background-repeat: no-repeat;
below the other background options should fix that for you
π: 0 β©: 1
Thanks very much for the help
π: 0 β©: 1
How do I input this into the current CSS?Β
π: 0 β©: 1
What do you mean, into the current CSS? You want to combine it with another skin?
π: 0 β©: 0
Question: What code would I be able to add a credit to the artist of the background I'm using?
Thanks so much for this - it's very helpful!
π: 0 β©: 1
I suggest putting that info in the description part
And no problem
π: 0 β©: 0
This is the biggest help ever and already in the colours I love! 
(Only thing I seem to run into as a problem is it's gray around some of my deviations, is there any suggestions?)
π: 0 β©: 1
Thank you, glad you like it
And I suggest changing the "#808080" colour codes
π: 0 β©: 1
Alrighty, Change it to what? (It's not doing anything when I try to change codes)
Thanks for the help.
π: 0 β©: 1
to the colour you want it to be 
π: 0 β©: 1
Thanks.
I tried that and it didn't work. I might try again, but thanks for your help.
π: 0 β©: 1
oh 
π: 0 β©: 1
It's ok, it still works good enough.
π: 0 β©: 0
does it work for non-premium users?Β
thanks for sharing your skill with us
π: 0 β©: 1
I'm not sure at the moment what dA allows for non-premium users, you can always try it out
π: 0 β©: 0
It is, otherwise I wouldn't have shared it like this 
π: 0 β©: 1
Glad I could help <3
π: 0 β©: 0
im wondering
and sorry, im bad at coding D'x
which one would be edited and how would it be edited to where the pictures dont have the black around them and are transparent?
π: 0 β©: 1
just remove the lines with border and padding info under:
"div.folderview-art img:hover {"
and
"div.folderview-art img {"
π: 0 β©: 0
Its not even funny how helpful this was. Thank you!
π: 0 β©: 1
hihi <3 glad I could help
π: 0 β©: 0
Thankyou so much!!! My galley looks great now @ v @
π: 0 β©: 1
thank you! been learning and making stuff like crazy all day lol
π: 0 β©: 1
Glad I could be of help
π: 0 β©: 1
yes it has helped much!
π: 0 β©: 0
| Next =>