Results 1 to 5 of 5

Thread: Few questions I've got...

  1. #1

    Question Few questions I've got...

    Hi,

    Would somebody explain to me how i can overlap text ontop of images in Fusion 11 please.

    Basically, I have a large image and I just want to place a text box in front of the image with some text. I know it would be simple to simply add text to the image itself but we're trying to avoid that if possible so that we can use the same image in multiple places.

    Also, how do I go about having a background that is static and will not scroll with the page?

    Also, is there a way to make the right scroll bar in inline frames in some other style than the browsers default look? Something like making the scroll bar itself invisible, and only have an up and down arrow instead?

    Also, is there a way to ensure that an image is centered both horizontally and vertically depending on the viewers screen resolution?


    Thanks
    Last edited by City Builder; 02-19-2012 at 01:02 AM.

  2. #2
    Senior Member gotFusion's Avatar
    Join Date
    Jan 2010
    Location
    www.gotHosting.biz
    Posts
    4,526

    Default

    Quote Originally Posted by City Builder View Post
    Would somebody explain to me how i can overlap text ontop of images in Fusion 11 please.

    Basically, I have a large image and I just want to place a text box in front of the image with some text. I know it would be simple to simply add text to the image itself but we're trying to avoid that if possible so that we can use the same image in multiple places.
    This gotFusion tutorial will explain how you overlap: http://www.gotfusion.com/tutorials/tut.cfm?itemID=4027

    Quote Originally Posted by City Builder View Post
    Also, how do I go about having a background that is static and will not scroll with the page?
    Another gotFusion tutorial to explain this: http://www.gotfusion.com/tutorials/tut.cfm?itemID=209

    Quote Originally Posted by City Builder View Post
    Also, is there a way to make the right scroll bar in inline frames in some other style than the browsers default look? Something like making the scroll bar itself invisible, and only have an up and down arrow instead?
    Not natively in Fusion. You can google for a javascript or dhtml solution but it might not be cross browser compatible. When you start changing the browser of a site visitor you are stepping into the realm of "maybe maybe-not" as far as what they will see

    Quote Originally Posted by City Builder View Post
    Also, is there a way to ensure that an image is centered both horizontally and vertically depending on the viewers screen resolution?
    Centering horizontal is done this way: http://www.gotfusion.com/tutorials/tut.cfm?itemID=4044

    Vertical is a little more complex. http://phrogz.net/css/vertical-align/index.html
    NetObjects Fusion Cloud Linux enabled Web Hosting, support + training starts at $14.95
    NetObjects Fusion web Hosting and support + ASP + PHP + ColdFusion + MySQL + MS SQL
    FREE NetObjects Fusion Support & training comes with all web hosting accounts
    NetObjects Fusion Web Hosting: http://www.gotHosting.biz

  3. #3
    Max
    Guest

    Default Re: Few questions I've got...

    Text on top of images - add a layout region to the page. Go to Layout
    Region Properties, click on the background tab and add the image. Then
    add a text box within the Layout Region.

    Page background - see Gotfusion's tutorial:
    http://www.gotfusion.com/tutorials/tut.cfm?itemID=209

    Scrollbar styling - personally I wouldn't do it, but if you must then
    here are some methods you could consider:
    http://www.net-kit.com/jquery-custom-scrollbar-plugins/

    Max

    (217-Max | via the newsgroup interface)

    ----
    City Builder wrote:
    Hi,

    Would somebody explain to me how i can overlap text ontop of images in
    Fusion 11 please.

    Basically, I have a large image and I just want to place a text box in
    front of the image with some text. I know it would be simple to simply
    add text to the image itself but we're trying to avoid that if possible
    so that we can use the same image in multiple places.

    Also, how do I go about having a background that is static and will not
    scroll with the page?

    Also, is there a way to make the right scroll bar in inline frames in
    some other style than the browsers default look? Something like making
    the scroll bar itself invisible, and only have an up and down arrow
    instead?

    Also, is there a way to ensure that an image is centered both
    horizontally and vertically depending on the viewers screen resolution?


    Thanks




  4. #4
    Max
    Guest

    Default Re: Few questions I've got...

    If the image doesn't have to cover the master border areas, then you
    could add a layout region across the entire page that has a background
    image.

    If it needs to cover everything, then (staying within NOF) you'll have
    to give up the use of master borders (or have a separate master border
    for each page, which would amount to the same thing). In which case the
    use of variables may help a little - see page 269 of the user guide.
    Alternatively, the better solution is to use a combination of PHP and CSS:

    In the master border header, modify the code from this
    <BODY NetObjects Fusion Generated BODY Parameters
    >


    to this:
    <BODY NetObjects Fusion Generated BODY Parameters
    class="<?php echo basename($_SERVER['PHP_SELF'],'.html')?>"
    >


    which, when you parse the page as php, will add a different class to
    each page based on the page title (for example <body class="home"> on
    page home.html)

    Then you need to manually edit the CSS file (style -> CSS Code) to
    include the code that will add separate background images for each page,
    for example:

    body.home {
    background-image url('../assets/images/homePageImage.jpg');
    }
    body.faqs{
    background-image url('../assets/images/faqsPageImage.jpg');
    }

    Finally, you'll need to add a line to your .htaccess file to instruct
    your server to parse your html files as if they were php files. This may
    look something like this:

    AddHandler application/x-httpd-php5 .html .htm

    ....however you'll need to contact your hosting provider (or look at
    their help pages) to find the correct code to use in your case.


    Max

    (217-Max | via the newsgroup interface)

    ----

    City Builder wrote:
    I'm back with a problem with the static background image. The client
    now wants a different background image on each page.

    So I've followed the gotfusion instructions above only changed site
    specific style to page specific style. However now the background image
    doesn't show up at all.

    Can't I have a different background image on each page in a static
    position?




  5. #5

    Default

    Thanks Max,

    I deleted my post because I found the solution in NOF, and was doing it incorrectly as far as setting the background for each page. Once I figured out the step that I was leaving out it turned out okay and now each page has it's own background image.

    The only main issue that I'm facing now is the difference between the clients browser and the browsers on all of our computers locally. It would appear (guessing here) that she probably has multiple toolbars at the top of her browser since she runs at a higher resolution than our lowest resolution monitor locally and could not see the bottom of the page background image. But that is not an NOF issue, it's a client issue that she will have to work out herself since she doesn't appear to have the time to let us guide her to clean up her browser from stealing inches of screen real estate at the top of her browser.

    I picture in my mind that one day she's going to call for help saying that she's only got this tiny 2 inches that she can see of any web page and it will be because she allows any toolbar in the world to install into her browser.

    I guess I could have designed the pages better and instead of using a static background image, just placed portions of it into the bottom and the right master border and just made a new master border for each page. I may still do that just to get done with this job with the least amount of hassle as possible, and it will allow her to add more content to the pages's somewhere down the road without using inline frames for the content body.
    Last edited by City Builder; 03-08-2012 at 12:19 AM.

Posting Permissions

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