literature

CSS coding for galleries

Deviation Actions

Shimaira's avatar
By
Published:
7.9K Views

Literature Text

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;
}
The CSS coding I use for my gallery folders. This one is set for a black & red themed background. Feel free to use this coding.

:bulletred: Also:
background-attachment: fixed;
Remove this if you want your background scrollable (with this code it will stick to your screen)

background-position: right bottom;
Feel free to play around with this to get your background in the correct position.

Of course, all the colours and fonts can be changed too :)


If you need help with the CSS, ask :)

---
CSS coding for custom widgets:
© 2011 - 2024 Shimaira
Comments94
Join the community to add your comment. Already a deviant? Log In
Whetsit-Tuya's avatar