Announcement

Collapse
No announcement yet.

Catalog background

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    Catalog background

    I'm trying to insert a background image for the panel that displays sections/products when using the BestSeller Theme so that it appears on all pages on the site.

    Actinic Version: 7.0.7
    Default Overall Layout Template: Act_Primary.html

    The Adv Usr Guide (page 20, 21) indicates to edit Actinic.css removing the NETQUOTEVAR variable and inserting background-image:url(Background.jpg).

    body{
    background-image:url(Background.jpg);
    /*NETQUOTEVAR:BODYBACKGROUND;*/
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
    }

    Then edit Act_Primary.html removing the NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR values.

    I moved these values on to a new line at the very end of the file as per the guide and commented them out <!-- NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR --> so that Actinic doesn't complain about them missing.


    I saved both files and added the background.jpg file as an additional file (Advanced > Additional Files) and also copied it to the Site1 folder but preview does not show the background.

    Design>Options still shows Background1.gif but by removing the above lines of code from the stylesheet and the template it should ignore anything that is entered in this section surely?

    I've attached the two files I have edited but had to change the file type from *.css and *.html to *.txt so that they are valid file types for this forum.

    I can't give you a url to the site as it's not live yet hence including the files.
    Attached Files
    Tags: None
    #2
    I've checked the html page created by preview. I've done a search for the file background.jpg in the code and can't find a refence to it anywhere let alone between the <body> </body> tags.

    I guess that explains why it isn't shown but now the problem is why the code isn't included when Actinic builds the html files?

    Comment

      #3
      I've even tried saving the background.jpg as background.gif just incase Actinic was funny about using jpg files.

      Obviously I edited Actinic.css to change the file type and added it to the additional files list as before but still no background image!

      Comment

        #4
        Well thanks to a comment found by leehack in this thread (http://community.actinic.com/showthr...ght=background) making sure the file listed in the actinic.css file is in quotes e.g. background: url('background.gif');

        Amazing what a set of quotes do!

        Unfortunately the image does not confine itself to the area I wished it to! Wrong template I guess. Any ideas which template? I'm looking at Act_CatalogBody.html and Act_ProductBody.html and haven't found any obvious looking reference.

        Comment

          #5
          Confining on bg images is usually done with the repeat rules, have you set any?

          Comment

            #6
            Originally posted by leehack View Post
            Confining on bg images is usually done with the repeat rules, have you set any?
            Sorry Lee no I haven't mainly because I don't understand what repeat rules are. Is it possible you could explain, briefly?

            Comment

              #7
              There are 3 main rules:

              no-repeat = only show the image once
              repeat-x = repeat the image across the x-axis (across only)
              repeat-y = repeat the image down the y-axis (down only)

              a typical class would read as:

              background: #ccc url("blah.jpg") repeat-x;

              if i wanted the image to only repeat across, not down etc.

              As you haven't set a rule, i suspect the image you want to use is tiling (repeating in other words) both down and across the site.

              In addition to the repeat rules you can also do positioning, if you have a set image and you want to use it in a certain position on page. By default bg images always start top left of the container on which it is set, unless you tell it otherwise.

              Comment

                #8
                Thanks Lee. I get that.

                I am learning slowly using sites such as w3schools.com and I often create test pages within dreamweaver just to see what the code should look like after I've dropped an image into a table etc and before I go editing/creating new templates.

                Comment

                Previous template Next
                Working...
                X