henrid
Member
Posted 4 years ago
Hello,
I from Holland so my Englisch is not as good as it shood be. But my question is if it is possible of you can pick the background the same way you can choose by example the collor of the text. On this way my photoalbum fits better in my site. I did it with some of the index sites by hand but when I have to change al the html sites by hand and you have 100 or more photo`s it is al lot of work. So my question is: Is this possible to do automaticly?
Thanks and greetings,
Henri
henrid
Member
Posted 4 years ago
Hello,
My question is to do this automaticly when this was not clear. I read this forum and i viewd allready the answers to do this by hand.
Greetings,
Henri
Mark
Administrator
Posted 4 years ago
Hello Henri,
Actually, it's not necessary to change each page by hand if you'd like to add a background image. Instead, you can add the following line to the bottom your stylesheet template (first click on "File" then "Edit Stylesheet Template"):
body { background-image: url(myimage.jpg); }Where, of course, "myimage.jpg" is replaced with the filename of the image you'd like to use.
henrid
Member
Posted 4 years ago
Hello,
Thank you for your answer but i tryed and i dont get it right. Here below i pasted the html. Where have i put "body { background-image: url(myimage.jpg); }" like you said? My backgrounds name is back.gif. I hope you give me a reply.
Thanks and greetings,
Henri
henrid
Member
Posted 4 years ago
Sorry, here the html:
/* Main Selectors */
body {
background-color: <PAGE_COLOR>;
color: <TEXT_COLOR>;
}
a, a:visited {
background-color: transparent;
color: <LINK_COLOR>;
}
a:hover {
background-color: transparent;
color: <HOTLINK_COLOR>;
}
/* Header */
div#header h1 {
font-family: tahoma, arial, helvetica, sans-serif;
text-align: center;
background-color: transparent;
color: <TEXT_COLOR>;
}
/* Thumbnail Index */
div#index {
margin: 1ex 0 1ex 0;
text-align: center;
}
div#index table {
text-align: center;
margin: 0 auto 0 auto;
}
div#index td.thumbcell {
width: <THUMB_WIDTH>px;
border-style: solid;
border-color: <BORDER_COLOR>;
border-width: 1px;
text-align: center;
vertical-align: middle;
padding: 10px;
}
div#index td.thumbcell img {
border-style: none;
}
div#index div.pages {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
text-align: right;
}
/* Photo Navigation */
div#navigation {
text-align: center;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
margin: 1ex 0 1ex 0;
}
div#navigation table {
text-align: center;
margin: 0 auto 0 auto;
}
div#navigation td.previous {
text-align: left;
width: <THUMB_WIDTH>px;
}
div#navigation td.index {
text-align: center;
}
div#navigation td.next {
text-align: right;
width: <THUMB_WIDTH>px;
}
div#navigation td.thumbcell {
width: <THUMB_WIDTH>px;
border-style: solid;
border-color: <BORDER_COLOR>;
border-width: 1px;
text-align: center;
vertical-align: middle;
padding: 10px;
}
div#navigation td.thumbcell img {
border-style: none;
}
div#navigation td.selected {
border-style: outset;
border-width: 2px;
}
div#navigation span.home {
display: block;
padding-bottom: 1em;
}
/* Photograph */
div#photograph {
text-align: center;
margin: 1ex 0 1ex 0;
}
div#photograph img {
margin: 0 auto 0 auto;
border-style: solid;
border-color: <TEXT_COLOR>;
border-width: 1px;
}
/* Photograph Title */
h1.title {
text-align: center;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
margin: 0px;
}
/* Photograph Caption */
p.caption, p.description {
font-family: tahoma, arial, helvetica, sans-serif;
text-align: center;
font-size: 0.8em;
display: block;
width: <PHOTO_WIDTH>px;
margin: auto;
}
/* Footnote */
p.footnote {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.6em;
text-align: right;
padding: 0 2em 0 0;
}
henrid
Member
Posted 4 years ago
Hello,
Here is an example link how I want it to be
[link removed by request]
Greetings,
Henri
henrid
Member
Posted 4 years ago
Hello,
Here I am again. I`m sorry. I didnt look en tryed more. I have it right now. Thank you very much for the help.
Greetings from Holland !
Mark
Administrator
Posted 4 years ago
Glad you were able to get it figured out. Let me know if you have any other questions. 
henrid
Member
Posted 4 years ago
Super program and a super forum. Thanks again.
Greetings
Henri