ShopDreamUp AI ArtDreamUp
Deviation Actions
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;
}
---
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.
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:
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