FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups  Who is OnlineWho is Online   Join! (free) Join! (free)  
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
  • Welcome
  • Guest

background image

 
Post new topic   This topic is locked: you cannot edit posts or make replies.    myfreeforum.org Forum Index -> Web page/template Editing
View previous topic :: View next topic  
Author Message
bazfalty
Craftsman
Craftsman
FLAG

Virtual Cash: 3690

Joined: 24 Mar 2009
Posts: 352



Add Karma

rated by 0 members
Add Comment
Show Comments

onlyoldskool
online/offline
PostPosted: Mon May 07, 2012 9:54 pm    Post subject: background image  Reply with quote

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
_________________
Back to top
View user's profile Send private message Visit poster's website
myff admin
Site Admin
Site Admin
FLAG

Virtual Cash: 92890

Joined: 22 May 2005
Posts: 32203



Add Karma

rated by 281 members
Add Comment
Show Comments


online/offline
PostPosted: Tue May 08, 2012 8:02 am    Post subject: Reply with quote

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.
_________________

Family Friendly Shareware | | Web Design/Services | Free Forums
Back to top
View user's profile Send private message Visit poster's website
bazfalty
Craftsman
Craftsman
FLAG

Virtual Cash: 3690

Joined: 24 Mar 2009
Posts: 352



Add Karma

rated by 0 members
Add Comment
Show Comments

onlyoldskool
online/offline
PostPosted: Tue May 08, 2012 12:21 pm    Post subject: Reply with quote

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.  
_________________
Back to top
View user's profile Send private message Visit poster's website
faariwasi
Newbie
Newbie
FLAG

Virtual Cash: 10

Joined: 08 Dec 2014
Posts: 1



Add Karma

rated by 0 members
Add Comment
Show Comments


online/offline
PostPosted: Mon Dec 08, 2014 3:44 pm    Post subject: Reply with quote

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.
_________________
Sign up with 70-178 exam
Back to top
View user's profile Send private message
Bravo
Moderator
Moderator
FLAG

Virtual Cash: 24320

Joined: 12 Mar 2006
Posts: 3433



Add Karma

rated by 32 members
Add Comment
Show Comments


online/offline
PostPosted: Tue Dec 09, 2014 8:07 am    Post subject: Reply with quote

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.



_________________
Teesside Accountant
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   This topic is locked: you cannot edit posts or make replies.    myfreeforum.org Forum Index -> Web page/template Editing All times are GMT
Page 1 of 1
 
 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Card File  Gallery  Forum Archive
Powered by phpBB © 2001, 2005 phpBB Group
Create your own free forum | Buy a domain to use with your forum