Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Apr 2004
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Trying to change background

    Hi all can someone please tell why this is not working.
    Im trying to change my background to an image background but it doesn't work please help. the background has to look like my site background, this is my code, this is the name of image that I must have as backgroung, (new site back) thanks.
    Code:
    .table_top {
    	font: 9pt verdana, arial;
    	color: #797983;
    	text-decoration: none;
    	height: 20px;
    	border: 0;
    	background-color: #2D2D2D;
       vertical-align: top;
    }
    .table_headline {
    	text-decoration: none;
    	height: 30px;
    	border: 0;
    	background-color: #191919;
       vertical-align: top;
    	font: bold 12pt verdana, arial;
    	text-align: right;
    	color: #CCCCFF;
    	border-bottom: 1px dashed #5979C4;
    	letter-spacing: 5px;
    	padding-right: 5px;
    }
    .introtext {
       margin: 6px 12px 6px 12px;
    	text-align: left;
    	color: #797983;
    }
    .table_allthumbs {
    	width: 100px;
    }
    .table_singlethumb {
    	font: 10pt bold verdana, arial;
    	color: #797983;
    	text-decoration: none;
    	border: solid 1px #000000;
    	background-color: #262626;
       height: 190px;
    	width: 166px;
    	vertical-align: top;
    	text-align: center;
    }
    .table_singlethumb_hover {
    	font: 10pt bold verdana, arial;
    	color: #797983;
    	text-decoration: none;
    	border: solid 1px #5979C4;
    	background-color: #191919;
       height: 190px;
    	width: 166px;
    	vertical-align: top;
    	text-align: center;
    }
    .nav_gallery {
    	text-align: left;
    }
    .nav_image {
    	color: #797983;
    	text-align: center;
    }
    .caption_folder {
    	font: 7pt verdana, arial;
    	text-align: center;
    	vertical-align: top;
    	color: #CCCCFF;
    	height: 35px;
       width: 150px;
    	padding-left: 8px;
    }
    .caption_file {
    	font: 8pt tahoma,arial;
    	text-align: center;
    	vertical-align: top;
    	color: #797983;
    	height: 35px;
       width: 150px;
    	padding-left: 8px;
    }
    .caption_showimage {
    	font: bold 8pt verdana, arial;
    	text-align: center;
    	color: #CCCCFF;
    	text-decoration: none;
    }
    .table_comments {
    	font: 8pt verdana, arial;
    	color: #797983;
    	text-decoration: none;
    	border: 0;
       text-align: left;
    }
    .usercomment {
    	font: 8pt verdana, arial;
    	text-align: left;
    	color: #797983;
    	text-decoration: none;
    	font-style: italic;
    	border-top: 1px solid #797983;
    }
    .usercomment_top {
    	font: 8pt verdana, arial;
    	text-align: left;
    	color: #797983;
    	text-decoration: none;
    	font-style: italic;
    	border: 0px;
    }
    .textfield {
       border: 0;
    	background-color: #262626;
    	color: #CCCCFF;
    }
    .button {
    	border: 0;
    	background-color: #262626;
    	font: 8pt verdana,arial;
    	color: #797983;
    }
    strong {
    	font: 8pt verdana, arial;
    	color: #CCCCFF;
    }
    hr {
    	color: #000000;
       height: 1px;
    }
    .img {
    	border: solid 1px #000000;
    	background-color: #2D2D2D;
    }
    .dir {
    	border: solid 1px #000000;
    	background-color: #2D2D2D;
    }
    .img_comment{
    	background-attachment: fixed;
    	background-image: url(quebec%20new%20site/minigal/styles/pbstyle/images/comment.gif);
    	background-position: center;
    	background-repeat: no-repeat;
    }
    .credits {
    	font: 8pt verdana, arial;
    	color: #797983;
       text-align: center;
    }
     body { 
       font: 8pt verdana, arial; 
       color: #797983; 
       background-image: urlurl(quebec%20new%20site/minigal/styles/pbstyle/images/comment.gif); 
       background-repeat: no-repeat; 
       background-position: top left;
       background-color:#2D2D2D; 
       scrollbar-arrow-color: #A6CAF0; 
       scrollbar-base-color: #2D2D2D; 
       scrollbar-dark-shadow-color: #2D2D2D; 
       scrollbar-face-color: #2D2D2D; 
       scrollbar-highlight-color: #AAAAAA; 
       scrollbar-shadow-color: #4D4D4D; 
       scrollbar-3d-light-color: #000000; 
       scrollbar-track-color: #2D2D2D; 
       scrollbar-darkshadow-color: #; 
       margin: 0; 
       padding: 0; 
    } 
    
    
    
    
    a:link {color: #CCCCFF;  text-decoration: none;}
    a:vlink {color: #CCCCFF;  text-decoration: none;}
    a:alink {color: #CCCCFF;  text-decoration: none;}
    a:hover {color: #5F79D8;  text-decoration: none;}
    a:visited {color: #CCCCFF;  text-decoration: none;}
    a:visited:hover {color: #5F79D8;  text-decoration: none;}
    Last edited by kenneth; 02-02-2005 at 06:27 PM.

  • #2
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you're talking about this, remove the extra url:
    Code:
    body { 
       font: 8pt verdana, arial; 
       color: #797983; 
       background-image: urlurl(quebec%20new%20site/minigal/styles/pbstyle/images/comment.gif); 
       background-repeat: no-repeat;
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #3
    New to the CF scene
    Join Date
    Apr 2004
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi thanks for pointing that out to me, I did the correction but I still get the same old background more help on this would be greatly apprciciated thanks

  • #4
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    the background has to look like my site background, this is my code, this is the name of image that I must have as backgroung, (new site back) thanks
    You'll have to be more specific and/or provide a link to your site.

    To what element are you trying to apply the background-image? And is the image file called 'new site back'? What's the extension, .gif, .jpg??
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #5
    New to the CF scene
    Join Date
    Apr 2004
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi the file where the image is lacated is called image b
    the background image is called new site back.gif i sent the folder up to sever and still nothing this is what the code looks like now
    Code:
    I .table_top {
    	font: 9pt verdana, arial;
    	color: #797983;
    	text-decoration: none;
    	height: 20px;
    	border: 0;
    	background-color: #2D2D2D;
       vertical-align: top;
    }
    .table_headline {
    	text-decoration: none;
    	height: 30px;
    	border: 0;
    	background-color: #191919;
       vertical-align: top;
    	font: bold 12pt verdana, arial;
    	text-align: right;
    	color: #CCCCFF;
    	border-bottom: 1px dashed #5979C4;
    	letter-spacing: 5px;
    	padding-right: 5px;
    }
    .introtext {
       margin: 6px 12px 6px 12px;
    	text-align: left;
    	color: #797983;
    }
    .table_allthumbs {
    	width: 100px;
    }
    .table_singlethumb {
    	font: 10pt bold verdana, arial;
    	color: #797983;
    	text-decoration: none;
    	border: solid 1px #000000;
    	background-color: #262626;
       height: 190px;
    	width: 166px;
    	vertical-align: top;
    	text-align: center;
    }
    .table_singlethumb_hover {
    	font: 10pt bold verdana, arial;
    	color: #797983;
    	text-decoration: none;
    	border: solid 1px #5979C4;
    	background-color: #191919;
       height: 190px;
    	width: 166px;
    	vertical-align: top;
    	text-align: center;
    }
    .nav_gallery {
    	text-align: left;
    }
    .nav_image {
    	color: #797983;
    	text-align: center;
    }
    .caption_folder {
    	font: 7pt verdana, arial;
    	text-align: center;
    	vertical-align: top;
    	color: #CCCCFF;
    	height: 35px;
       width: 150px;
    	padding-left: 8px;
    }
    .caption_file {
    	font: 8pt tahoma,arial;
    	text-align: center;
    	vertical-align: top;
    	color: #797983;
    	height: 35px;
       width: 150px;
    	padding-left: 8px;
    }
    .caption_showimage {
    	font: bold 8pt verdana, arial;
    	text-align: center;
    	color: #CCCCFF;
    	text-decoration: none;
    }
    .table_comments {
    	font: 8pt verdana, arial;
    	color: #797983;
    	text-decoration: none;
    	border: 0;
       text-align: left;
    }
    .usercomment {
    	font: 8pt verdana, arial;
    	text-align: left;
    	color: #797983;
    	text-decoration: none;
    	font-style: italic;
    	border-top: 1px solid #797983;
    }
    .usercomment_top {
    	font: 8pt verdana, arial;
    	text-align: left;
    	color: #797983;
    	text-decoration: none;
    	font-style: italic;
    	border: 0px;
    }
    .textfield {
       border: 0;
    	background-color: #262626;
    	color: #CCCCFF;
    }
    .button {
    	border: 0;
    	background-color: #262626;
    	font: 8pt verdana,arial;
    	color: #797983;
    }
    strong {
    	font: 8pt verdana, arial;
    	color: #CCCCFF;
    }
    hr {
    	color: #000000;
       height: 1px;
    }
    .img {
    	border: solid 1px #000000;
    	background-color: #2D2D2D;
    }
    .dir {
    	border: solid 1px #000000;
    	background-color: #2D2D2D;
    }
    .img_comment{
    	background-attachment: fixed;
    	background-image: url("/image b/new site back.gif");
    	background-position: center;
    	background-repeat: no-repeat;
    }
    .credits {
    	font: 8pt verdana, arial;
    	color: #797983;
       text-align: center;
    }
     body { 
       font: 8pt verdana, arial; 
       color: #797983; 
       background-image: url("/image b/new site back.gif"); 
       background-repeat: no-repeat; 
       background-position: top left;
       background-color:#2D2D2D; 
       scrollbar-arrow-color: #A6CAF0; 
       scrollbar-base-color: #2D2D2D; 
       scrollbar-dark-shadow-color: #2D2D2D; 
       scrollbar-face-color: #2D2D2D; 
       scrollbar-highlight-color: #AAAAAA; 
       scrollbar-shadow-color: #4D4D4D; 
       scrollbar-3d-light-color: #000000; 
       scrollbar-track-color: #2D2D2D; 
       scrollbar-darkshadow-color: #; 
       margin: 0; 
       padding: 0; 
    } 
    
    
    
    
    a:link {color: #CCCCFF;  text-decoration: none;}
    a:vlink {color: #CCCCFF;  text-decoration: none;}
    a:alink {color: #CCCCFF;  text-decoration: none;}
    a:hover {color: #5F79D8;  text-decoration: none;}
    a:visited {color: #CCCCFF;  text-decoration: none;}
    a:visited:hover {color: #5F79D8;  text-decoration: none;}

  • #6
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Again it's hard to say without seeing things live, or at least posting the associated html.

    It may be a problem with your path. Are you able to pull up the image directly... http://yoursite.com/image b/new site back.gif??

    Also, it's a good practice to use underscores rather than spaces in folder and filenames. Like: image_b/new_site_back.gif.
    Last edited by mcdougals4all; 02-02-2005 at 08:09 PM. Reason: spelling
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #7
    New to the CF scene
    Join Date
    Apr 2004
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi thanks for helping me.
    I will start to practice this( _) Also I cant pull up my folder either. visit my site here
    http://www.quebec-ufo-abductions.com/ go to UFO Pictures, see the background color, now on my new site I have to make it look like the background there.

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    so ur just trying to make ur background a color? then y are u wanting to use an image? can't u just use background:#2D2D2D; in your body css and take away the background-image?

  • #9
    New to the CF scene
    Join Date
    Apr 2004
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi Read the post earlier i'm trying to put in an image not color PLEASE Anyone help on this
    Last edited by kenneth; 02-03-2005 at 06:48 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •