1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.3 Header Help

Discussion in 'Styling and Customization Questions' started by doemasters, Apr 29, 2014.

  1. doemasters

    doemasters Member

    I posted this in the wrong area I believe and have not had any luck but was wondering if anyone has tried to have images rotate up where the logo goes, I was hoping to have some banners i made go in that area by itself and it works great on the computer and ipads but when you go and look at it on the phone the image will not re-size itself down to fit the screen and throws everything off. My website which is only 5 days old is rolltidebama.com

    thanks for any suggestions and help


    <xen:hook name="header">
    <div id="header">
    <head>
    <style type="text/css">
    .auto-style1 {
    text-align: center;
    }
    </style>
    </head>
    <p class="auto-style1">
    <SCRIPT LANGUAGE="JavaScript">
    <!--

    function image() {
    };

    image = new image();
    number = 0;

    // imageArray
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-LbZjCr2/0/O/header2.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-WMHX52G/0/L/9-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-mj6ZxkS/0/L/fear-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-2ZcGPsc/0/L/coaches-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-Ph4BFvb/0/L/2-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-TmGMNmR/0/L/4-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-m5MjZZt/0/L/1-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-CfBJjTN/0/L/3-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-GwBpncS/0/L/yeah-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-kW97vMJ/0/L/6-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-zvFJBC3/0/L/5-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-zvFJBC3/1/L/5-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-92sDK9V/0/L/8-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-mnQ3p2m/0/L/7-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-gfQtT8Q/0/L/10-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-t9zJL4V/0/L/11-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-t4tDmTr/0/L/banner89-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-d6gZj2N/0/L/yeldon -L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-ZGZmhWQ/0/L/yeldon 2-L.png'border='0'>"
    // keep adding items here...

    increment = Math.floor(Math.random() * number);
    document.write(image[increment]);
    //--></SCRIPT>
    <xen:include template="navigation" />
    <xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
    </div>
    </xen:hook

    Here is the code i am using now in the edit template: header section

    <xen:edithint template="header.css" />

    <xen:hook name="header">
    <div id="header">
    <head>
    <style type="text/css">
    .auto-style1 {
    text-align: center;
    }
    </style>
    </head>
    <p class="auto-style1">
    <SCRIPT LANGUAGE="JavaScript">
    <!--

    function image() {
    };

    image = new image();
    number = 0;

    // imageArray
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-LbZjCr2/0/O/header2.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-WMHX52G/0/L/9-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-mj6ZxkS/0/L/fear-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-2ZcGPsc/0/L/coaches-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-Ph4BFvb/0/L/2-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-TmGMNmR/0/L/4-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-m5MjZZt/0/L/1-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-CfBJjTN/0/L/3-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-GwBpncS/0/L/yeah-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-kW97vMJ/0/L/6-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-zvFJBC3/0/L/5-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-zvFJBC3/1/L/5-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-92sDK9V/0/L/8-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-mnQ3p2m/0/L/7-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-gfQtT8Q/0/L/10-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-t9zJL4V/0/L/11-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-t4tDmTr/0/L/banner89-L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-d6gZj2N/0/L/yeldon -L.png'border='0'>"
    image[number++] = "<img src='http://www.freelancepictures.com/Other/RollTideBama-Banners/i-ZGZmhWQ/0/L/yeldon 2-L.png'border='0'>"
    // keep adding items here...

    increment = Math.floor(Math.random() * number);
    document.write(image[increment]);
    //--></SCRIPT>
    <xen:include template="navigation" />
    <xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
    </div>
    </xen:hook>
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Mike already responded to your ticket about this, explaining what needs to be done.
     

Share This Page