 | Re: change backround to repeating gif |  |
 Posted: 04/01/2007 2:57 PM |
 |
|
|
|
|
| Crow |
| Posts |
57 |
| Word Cnt. |
3,220 |
| BDay |
Nov 8 |
| Sign |
Scorpio |
| Sex |
 |
|
|
|
Joined: Mar 28, 2007
Local time: 8:52 AM
|
|
|
|
|
 |
| yeah tried that ands still there seems to be something not allowing the image to work |
|
|
|
|
| Back to Top |
|
|
| Re: change backround to repeating gif | |
| Posted: 04/01/2007 4:34 PM |
|
|
|
|
|
| Crow |
| Posts |
57 |
| Word Cnt. |
3,220 |
| BDay |
Nov 8 |
| Sign |
Scorpio |
| Sex |
|
|
|
|
Joined: Mar 28, 2007
Local time: 8:52 AM
|
|
|
|
|
|
still no luck i wish i new why this does not work.
does it matter that is a repeat gif bout 10 * 10, ive used it on cell headers and it worked i just dont know why it wont function as a backround |
|
|
|
|
| Back to Top |
|
|
| Re: change backround to repeating gif | |
| Posted: 04/01/2007 11:03 PM |
|
|
|
|
|
| Site Admin |
| Posts |
30757 |
| Word Cnt. |
2,628,690 |
| BDay |
Jul 28 |
| Sign |
Leo |
| Sex |
|
|
|
|
Joined: Sep 25, 2004
Local time: 9:52 AM
Location: St Pete, FL
|
|
|
|
|
|
No, it really shouldn't matter what size the image is. I'm going to install the Minimalistic template on my Test board and see if I can adjust the background image. Could you make your bg.gif file available for me???
 |
|
|
|
|
| Back to Top |
|
|
| Re: change backround to repeating gif | |
| Posted: 04/02/2007 1:52 AM |
|
|
|
|
|
| Site Admin |
| Posts |
30757 |
| Word Cnt. |
2,628,690 |
| BDay |
Jul 28 |
| Sign |
Leo |
| Sex |
|
|
|
|
Joined: Sep 25, 2004
Local time: 9:52 AM
Location: St Pete, FL
|
|
|
|
|
|
Ok, I've gotten the background image to display in the Minimalistic template but I had to make some major modifications and a few syntax corrections. I completely removed the style code from the overall_header.tpl file:
| Code:
|
<style type="text/css">
<!--
/*
The original Minimalistic Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
theme administration centre. When you have finalised your style you could cut the final CSS code
and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
margin: 0;
background-color: {T_BODY_BGCOLOR; background-image: url(images/bg.gif);
};
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR2} solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: {T_TR_COLOR1}; }
td.row2 { background-color: {T_TR_COLOR2}; }
td.row3 { background-color: {T_TR_COLOR3}; }
/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: {T_TD_COLOR2};
background-image: url(templates/Minimalistic/images/{T_TH_CLASS3});
background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
background-color: {T_BODY_LINK}; height: 25px;
background-image: url(templates/Minimalistic/images/{T_TH_CLASS2});
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/Minimalistic/images/{T_TH_CLASS1});
background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}
/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCo rnerL,th.thCornerR {
font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 20px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu { text-decoration: none; color : {T_BODY_LINK}; }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Forum category titles */
.cattitle { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover { text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
/* Location, number of posts, post date etc */
.postdetails { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}
/* Quote & Code blocks */
.code {
font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}
/* Form elements */
input,textarea, select {
color : {T_BODY_TEXT};
font: normal {T_FONTSIZE2}px {T_FONTFACE1};
border-color : {T_BODY_TEXT};
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : {T_TD_COLOR2};
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
background-color : {T_TR_COLOR1};
color : {T_BODY_TEXT};
font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* The main submit button option */
input.mainoption {
background-color : {T_TD_COLOR1};
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color : {T_TD_COLOR1};
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/Minimalistic/formIE.css");
-->
</style>
|
Then I uncommented the following line:
| Code:
|
|
<!--link rel="stylesheet" href="templates/Minimalistic/{T_HEAD_STYLESHEET}" type="text/css"-->
|
I changed it to this:
| Code:
|
|
<link rel="stylesheet" href="templates/Minimalistic/{T_HEAD_STYLESHEET}" type="text/css">
|
I also added an end column </td> tag after the ending </script> tag...
I also removed the following since it wasn't doing anything:
| Code:
|
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
</tr>
</table>
|
Then in the index_body.tpl file, I removed the following code:
| Code:
|
<style type="text/css">
<!--
body {
background-image: url(images/bg.gif);
}
-->
</style>
|
In the Minimalistic.css file, I set the body like this:
| Code:
|
body {
background-image: url(images/bg.gif);
width:100%;
height: 100%;
}
|
I think that should just about do it for you...
http://test.4fxearth.net/
 |
|
|
|
|
| Back to Top |
|
|
| Re: change backround to repeating gif | |
| Posted: 04/02/2007 2:06 AM |
|
|
|
|
|
| Site Admin |
| Posts |
49593 |
| Word Cnt. |
2,756,445 |
| BDay |
Apr 22 |
| Sign |
Taurus |
| Sex |
 |
|
|
|
Joined: Sep 25, 2004
Local time: 7:52 AM
Location: Texas
|
|
|
|
|
|
LOL, that's pretty neat! But you have to be logged in to see that style. At least I did.
 |
|
|
|
|
| Back to Top |
|
|
| Re: change backround to repeating gif | |
| Posted: 04/02/2007 2:12 AM |
|
|
|
|
|
| Site Admin |
| Posts |
30757 |
| Word Cnt. |
2,628,690 |
| BDay |
Jul 28 |
| Sign |
Leo |
| Sex |
|
|
|
|
Joined: Sep 25, 2004
Local time: 9:52 AM
Location: St Pete, FL
|
|
|
|
|
|
Oh yeah. I should make it the default so Guests can see it...
 |
|
|
|
|
| Back to Top |
|
|
| Re: change backround to repeating gif | |
| Posted: 04/02/2007 4:53 AM |
|
|
|
|
|
| Citation |
| Posts |
1253 |
| Word Cnt. |
68,166 |
| BDay |
Nov 9 |
| Sign |
Scorpio |
| Sex |
|
|
|
|
Joined: Jan 06, 2006
Local time: 1:52 PM
|
|
|
|
|
|
Oh I like that!
NR I was going to ask, where would I go to change just the background colour on my Diddle template?
I've looked at my Diddle css as it seemed to list the basics but wasn't sure.
|
|
|
|
|
| Back to Top |
|
|
| Re: change backround to repeating gif | |
| Posted: 04/02/2007 5:16 AM |
|
|
|
|
|
| Site Admin |
| Posts |
30757 |
| Word Cnt. |
2,628,690 |
| BDay |
Jul 28 |
| Sign |
Leo |
| Sex |
|
|
|
|
Joined: Sep 25, 2004
Local time: 9:52 AM
Location: St Pete, FL
|
|
|
|
|
|
Look in your Diddle.css file and find the following:
| Code:
|
body {
background-color: #FFF7C6;
scrollbar-face-color: #FFF7C6;
scrollbar-highlight-color: #FFF7C6;
scrollbar-shadow-color: #DE82E7;
scrollbar-3dlight-color: #DE82E7;
scrollbar-arrow-color: #DE82E7;
scrollbar-track-color: #FFF7C6;
scrollbar-darkshadow-color: #FFF7C6;
}
|
If you only want to change the background color, just change the hexcode for background-color. But if you want to add a background image, add the following line and correct the graphic file name in the path:
| Code:
|
|
background-image: url(images/bg.gif);
|
Make sure you upload the graphic to your Diddle/images folder too...
|
|
|
|
|
| Back to Top |
|
|
| Re: change backround to repeating gif | |
| Posted: 04/02/2007 7:36 AM |
|
|
|
|
|
| Citation |
| Posts |
1253 |
| Word Cnt. |
68,166 |
| BDay |
Nov 9 |
| Sign |
Scorpio |
| Sex |
|
|
|
|
Joined: Jan 06, 2006
Local time: 1:52 PM
|
|
|
|
|
|
Fab thanks so much!
 |
|
|
|
|
| Back to Top |
|
|
| Re: change backround to repeating gif | |
| Posted: 04/02/2007 8:02 AM |
|
|
|
|
|
| Citation |
| Posts |
1253 |
| Word Cnt. |
68,166 |
| BDay |
Nov 9 |
| Sign |
Scorpio |
| Sex |
|
|
|
|
Joined: Jan 06, 2006
Local time: 1:52 PM
|
|
|
|
|
|
I'm changed the colour code but nothing is changing
I'm trying #FFFFDD |
|
|
|
|
| Back to Top |
|
|
| Information | |
|
Calendar
