Archive for myfreeforum.org Before posting please check the "stickies" in the support forums.
Please ask questions in real English and not "txt". You will get a better response.
Please do not ask support questions via PMs.
 


       myfreeforum.org Forum Index -> Web page/template Editing
bazfalty

background image

PLEASE ENTER THE FOLLOWING>>>> http://onlyoldskool.myfastforum.org

I'm using Nautica02Liquid for a chatroom and webcam page and was hoping to change the white background on the page to a link to a picture. i have put a picture in the header for the banner but not sure where to do it for the background.

this is the link to the page I have http://onlyoldskool.com/baz5.html

and the code i have for the template

/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */


Code:

body {
   font-family: trebuchet ms, verdana, arial, tahoma;
   font-size: 90%;
   color: #888;
   background-color: white;
   line-height: 180%;
   margin: 0;
   padding: 0;
   text-align: center;
}

/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
   width: 85%;
   margin: 0 auto;
   text-align: left;
}

#wrapper-menu-top {
   background: white url('images/bg02-white-left.png') no-repeat left top;
}

#menu-top {
   background: transparent url('images/bg02-white-right.png') no-repeat right top;
   overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
   margin: 0 20px;
   padding: 1em 0 0 0;
   list-style: none;
   font-size: 85%;
   float: left;
}

#menu-top li {
   display: inline;
   float: left;
}

#menu-top a {
   float: left;
   background:url(images/menuleft.png) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
   line-height: 1.5em;
}

#menu-top a span {
   background: transparent url(images/menuright.png) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#5b8fbe;
   display: block;
   float: left;
   cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

 #menu-top a:hover { background-position:0% -42px; }
 #menu-top a:hover span {   background-position:100% -42px; }

#wrapper-header {
   background: transparent url('images/bg.png') top center repeat-x;
}

#header {
   background: #eee url(http://img14.imageshack.us/img14/9417/bannerradioi.jpg) no-repeat center top;
}

#wrapper-header2 {
   background: transparent url('images/bg02-blue-left.png') top left no-repeat;
}

#wrapper-header3 {
   background: transparent url('images/bg02-blue-right.png') top right no-repeat;
}

#header h1 {
   margin: 0 20px;
   padding: 0;
   height: 192px;
   line-height: 3em;
   color: #ccc;
   font-size: 130%;
}

#wrapper-content {
   background: white url('images/bg02-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

#content {
   background: transparent url('images/bg02-white-right.png') no-repeat right top;
   padding: 5px 245px 5px 40px;
}

#wrapper-menu-page {
   float: right;
   width:180px;
   margin: 20px 30px 3em 2em;
   background: transparent url('images/menu.png') no-repeat;
   text-align: center;
   line-height: 140%;
   font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
   margin: 0;
   padding: 0;
   list-style: none;
   font-size: 90%;
}

#menu-page h3 {
   font-size: 75%;
   text-transform: uppercase;
   margin: 1em 0 0.3em 0;
   color: #5b8fbe;
   font-weight: normal;
   letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }

#wrapper-footer {
   margin-top: 1em;
   text-align: center;
}

#footer {
   margin: 0 20px;
   background-color: #e5f0fc;
   border: 1px solid #ccc;
   border-bottom: 0;
   clear: both;
}

h2 { font-size: 110%; }
h3 { font-size: 100%; }

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }


thanks for looking
myff admin

You do seem to have some kind of background image in place, just not directly behind the image.
background images really need a very good understanding of css and for the page to be designed from the ground up around them. They can frequently make a page work very slowly on some browsers.
bazfalty

yeah thanks, i have managed to put one there, was just a process of trial and error. after many errors I found the right code.  
faariwasi

I would like to change the banner of my newly created forum but can't find how to in the support or on the administration page of the forum. Can anyone help me out please, by telling me how to and the size of the pic that is needed. Thank you very much in advance.
Bravo

faariwasi wrote:
I would like to change the banner of my newly created forum but can't find how to in the support or on the administration page of the forum. Can anyone help me out please, by telling me how to and the size of the pic that is needed. Thank you very much in advance.


Please follow the posting checklist:

Quote:
You must give the (myfree/myfast/myfine)forum.org link/address of your forum. A link should be given to the problem if at all possible. Do this whether you think it is important or not. DO NO GIVE YOUR OWN DOMAIN LINK IT MUST BE THE NAME YOU CREATED HERE.
Search on the forum and on howtodoit for your problem before posting. 90% of the posts we get have easily found answers if you search on a couple of key words from your post. If this is not the case report the keywords you searched on and we will make sure search works for the next person to try the same search terms. Each time someone doesn't bother to use the search, questions accumulate in the forum making it harder for people to actually find answers! as people searching will end up finding the question and not the answer.
Keep it to one support question per thread, if you have another question start a new topic. This will help others using "search" to find answers.

       myfreeforum.org Forum Index -> Web page/template Editing
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum