Announcement

Collapse
No announcement yet.

loading pic as backdrop/background ?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    loading pic as backdrop/background ?

    I am new to the Actinic and as part of my overall theme I had in mind a mahogany wood grain background with cream font on it. Although I have partially done this, I find that the JPEG picture taken has a great texture and is in focus but when it is used by Actinic, the picture is out of focus like it is when I zoom in twice on Nero PhotoSnaper and the definition is lost. How can I get the backdrop to stay the same focus & clarity – that is when on Nero PhotoSnaper as a full page?

    #2
    Don't know why, but if you want the background on all pages you could add some css into actinic.css such as:
    body {
    background-image: url(file:MyBackgroundImage.jpg);
    }

    If you only want it on some pages then you could modify the relevant template to include the css as a Style:
    <style type="text/css">
    <!--
    body {
    background-image: url(file:MyBackgroundImage.jpg);
    }
    -->
    </style>

    Comment


      #3
      I would have a serious think about the background that you are thinking about using, cream font on mahogany is very dated as a design statement. If you want the texture of the wood to come through you will need one big bg that doesn't tile which will slow down download time considerably.

      Also consider readability, you will alienate many visitors with eye sight problems. I very rarely stay on a site with a dark bg and light text as I find it too much of a struggle to read it (unless it has been done very well).

      Comment


        #4
        Textured backgrounds?

        Bringing it into the 21st century (depending on which theme you are using) you could set the full colour image into the <HTML> tag with margin:0 and then use a washed down version set into say the <body> tag with say margin:20px with the position set abolutely "top" and "left"... that would give you a dark full-colour frame with the central area in a lighter washed out image and maintain the grain illusion seemlessly and you can use a more user friendly font colour for the main text areas


        Bikster
        SellerDeck Designs and Responsive Themes

        Comment


          #5
          Your comments are appreciated and have made me re-think the design – Although the mahogany was pale in colour and even grained, it wouldn’t have been the dark overpowering effect that you may first have in mind. The old fashioned effect suits my woodworking aspect of the business but I think I will have to compromise on just having a band of even and light wood grain with the log on top of the page as I wouldn’t want to irritate people waiting for it to load up. I am hoping that if I create a 1 inch banner on the top with my Company logo on it I won’t get the same zoomed /tiled effect that was annoying me before – much appreciate the help – thanks

          Comment


            #6
            Out of interest how were you adding the wood.jpg into the code? Sounds like it was being scaled somehow .. just interested to see how thats all


            Bikster
            SellerDeck Designs and Responsive Themes

            Comment


              #7
              I'd like to know, too. The 'out-of-focus' effect must be caused by scaling the image, but tiling a background uses the image unscaled.

              Comment

              Working...
              X