How do I add banners alongside the logo?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • falconking
    Senior Member
    • Sep 2006
    • 215
    • 3.6.x

    How do I add banners alongside the logo?

    In positions 1 & 2, as seen in the attached pic:

    Click image for larger version

Name:	222222222.png
Views:	1
Size:	47.7 KB
ID:	3704089
  • GHOwner
    Senior Member
    • Jun 2007
    • 554
    • 3.8.x

    #2
    Originally posted by falconking
    In positions 1 & 2, as seen in the attached pic:

    [ATTACH]23839[/ATTACH]
    Considering you know html, you can find and edit the code in the header template. Simple log into the Admin CP and select "Style Manager" and then click the << >> button to see all template. They are listed in a-z order.

    If you'd like help in what coding to use, I can help you there as well.

    Comment

    • falconking
      Senior Member
      • Sep 2006
      • 215
      • 3.6.x

      #3
      Originally posted by GHOwner
      Considering you know html, you can find and edit the code in the header template. Simple log into the Admin CP and select "Style Manager" and then click the << >> button to see all template. They are listed in a-z order.

      If you'd like help in what coding to use, I can help you there as well.
      Thank you, GHOwner, my hero .
      But which template(s) should I edit?
      I appreciate, and looking forward for, your help wrt the html coding, too .

      Comment

      • GHOwner
        Senior Member
        • Jun 2007
        • 554
        • 3.8.x

        #4
        Originally posted by falconking
        Thank you, GHOwner, my hero .
        But which template(s) should I edit?
        I appreciate, and looking forward for, your help wrt the html coding, too .
        The template name is "header" and can be found in the Style Manager. Just click the "<< >>" buttom of the style set and to the left will be the listings of all templates in A-Z order.

        Double click the "header" template. Find this code:

        Code:
            <td align="$stylevar[right]">
                &nbsp;
            </td>
        Replace &nbsp; with whatever you want to put there.

        Comment

        • GHOwner
          Senior Member
          • Jun 2007
          • 554
          • 3.8.x

          #5
          If you want to have something in the middle and something to the right (as you shown in the picture), replace the whole code I had to search for with:

          Code:
              <td align="$stylevar[left]">
              <div style="float:right;">
                  *#1 Stuff Here*
              </div>
                  *#2 Stuff Here*
              </td>

          Comment

          • falconking
            Senior Member
            • Sep 2006
            • 215
            • 3.6.x

            #6
            Originally posted by GHOwner
            If you want to have something in the middle and something to the right (as you shown in the picture), replace the whole code I had to search for with:

            Code:
                <td align="$stylevar[left]">
                <div style="float:right;">
                    *#1 Stuff Here*
                </div>
                    *#2 Stuff Here*
                </td>
            Thank you again, mate
            By "Stuff Here", do you mean something like the following code

            <a href="http://whateverlinkiwant"><img src=/pathtomyimage/myimage.jpg></a>

            Comment

            • GHOwner
              Senior Member
              • Jun 2007
              • 554
              • 3.8.x

              #7
              Originally posted by falconking
              Thank you again, mate
              By "Stuff Here", do you mean something like the following code
              Yes, whatever you would like to place in the areas you marked in the provided screen shot in the first post. I marked them as #1 or #2 as you did in your screen shot.

              Comment

              • falconking
                Senior Member
                • Sep 2006
                • 215
                • 3.6.x

                #8
                Originally posted by GHOwner
                Yes, whatever you would like to place in the areas you marked in the provided screen shot in the first post. I marked them as #1 or #2 as you did in your screen shot.
                Great I'll give it a shot and report back

                Comment

                • falconking
                  Senior Member
                  • Sep 2006
                  • 215
                  • 3.6.x

                  #9
                  Worked like a charm
                  Two Q's:
                  If I opted for one pic only in the header, how do I center it?
                  Is there a site you recommend that teaches the ABCs of html?
                  I would like to learn more on coding to be able to do this too.

                  Comment

                  • GHOwner
                    Senior Member
                    • Jun 2007
                    • 554
                    • 3.8.x

                    #10
                    Originally posted by falconking
                    Worked like a charm
                    Two Q's:
                    If I opted for one pic only in the header, how do I center it?
                    Is there a site you recommend that teaches the ABCs of html?
                    I would like to learn more on coding to be able to do this too.
                    Using <center> tags will work.

                    Well, html is essential to running any online project (website, forums, etc). So9, you might want to head on over to http://www.w3schools.com/html/default.asp

                    As for the centering, you can od that by setting up a custom profile field via AdminCP with the options in a drop down menu. Then, you'll have to place some coding in postbit that modifies the text depending on what was chosen.

                    Comment

                    Related Topics

                    Collapse

                    Working...
                    😀
                    😂
                    🥰
                    😘
                    🤢
                    😎
                    😞
                    😡
                    👍
                    👎