Originally posted by ikebukuro
body {
color: #6C5C7B;
font-family: georgia, times new roman;
font-size: 12px;
text-align: left;
background-color: #FCF7FB;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right top;
}
a:link, a:visited, a:active {
color: blue;
text-decoration-line: underline;
text-decoration-color: pink;
}
a:hover {
color:pink;
text-decoration-line: underline;
text-decoration-color: blue;
usually you want to do something like this for a layout:
HEADER:
<style>CSS GOES HERE, but all CSS must be in 1 singular line (e.g. don't hit enter / no linebreaks)</style><div class="example1">
FOOTER/SIGNATURE:
</div>
you can use as many div tags as you want, so up there there's just
example1 but you could also create another one with
example2, particularly if you want your post to have a background, but you also want it to have a inner "box" with a darker background for the text.
just remember that ALL tags left open on the HEADER must be closed on the FOOTER/SIGNATURE otherwise they'll break everything! (e.g. put one
</div> for every
<div class="*"> used)
for each
<div>, you should use a unique class name (just make something up that you don't think anyone else will be using and it should be fine). i used
.example1 because
if you want to customize links inside your post you can do
.example1 a:link, .example1 a:visited, .example1 a:active which will apply those CSS rules to all links, but ONLY the ones inside the element with class name
example1
if you need a placeholder to start from i guess this one works:
HEADER:
<style> .bg {background: #21283D url(https://jul.rustedlogic.net/images/pinstripe/bluebg.png); padding: 25px; min-height: 200px;} .innerBox {background: rgba(0, 0, 0, 0.6); padding: 5px; color: #FFF; text-shadow: 0 0 3px #000;}</style><div class="bg"><div class="innerBox">
FOOTER:
</div><div class="innerBox" style="margin-top: 20px;">Sample signature.</div></div>
Originally posted by ikebukuro
<script type="text/javascript">
function backgr(){
var backimg = ["http://tilde.town/~return/img/loopersgraph.png",
"http://tilde.town/~return/img/loopersnouveau.png",
"http://tilde.town/~return/img/loopmecha.png",
"http://tilde.town/~return/img/loopnouveau.png"];
var randimg =Math.floor(Math.random()*4)
document.body.background = backimg[randimg];
}
</script>
javascript does not run on the board. you're gonna have to use PHP or use a service like randimg.net. OR you can try doing something sneaky like using a
tag but that's probably gonna require some server-side code too.
my brain is on slow mode right now but if you need help with anything else feel free to ask!
____________________
"The quieter you become, the more you are able to hear." --Ram Dass
