How add floating ads in left and right vb5

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Emad ELsayed
    Senior Member
    • Jan 2013
    • 151
    • 4.2.x

    How add floating ads in left and right vb5

    welcome everybody
    How add floating ads in left and right vb5 ?
  • Wayne Luke
    vBulletin Technical Support Lead
    • Aug 2000
    • 74132

    #2
    1. Edit the page in Site Builder
    2. Change the layout so it has the columns you want.
    3. Add however many Ad Modules you want in each column.
    4. Place the HTML code for your ads in the Ad Modules.
    If you want them floating over content, you will probably want to edit templates and add custom code to place them where you want. This would include any required CSS and Javascript.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API

    Comment

    • Emad ELsayed
      Senior Member
      • Jan 2013
      • 151
      • 4.2.x

      #3
      Originally posted by Wayne Luke
      If you want them floating over content, you will probably want to edit templates and add custom code to place them where you want. This would include any required CSS and Javascript.
      Could you help me with that
      I have used this code but it appears above the content.

      <div id="RightFloatAds" style="right: 0px;position: fixed;text-align: center;top: 0px;"> Ad Code </div>
      <div id="LeftFloatAds" style="left: 0px;position: fixed;text-align: center;top: 0px;"> Ad Code </div>

      Comment

      • Wayne Luke
        vBulletin Technical Support Lead
        • Aug 2000
        • 74132

        #4
        Well what are you assigning to the RightFloatAds and LeftFloatAds CSS IDs? You can't just add a CSS ID and have it work. vBulletin doesn't include any IDs with those names by default.

        Not knowing what you want to accomplish or what customizations you have already applied it will be very difficult for me to assist you in this. You will need to hire someone to perform this customization for you. I understand that Glenn at https://vbmods.rocks does custom work.
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API

        Comment

        • Emad ELsayed
          Senior Member
          • Jan 2013
          • 151
          • 4.2.x

          #5
          Originally posted by Wayne Luke
          Well what are you assigning to the RightFloatAds and LeftFloatAds CSS IDs? You can't just add a CSS ID and have it work. vBulletin doesn't include any IDs with those names by default.

          Not knowing what you want to accomplish or what customizations you have already applied it will be very difficult for me to assist you in this. You will need to hire someone to perform this customization for you. I understand that Glenn at https://vbmods.rocks does custom work.
          Hello dear
          I've used in head_include
          <div id="RightFloatAds" style="right: 0px; position: fixed; text-align: center; top: 0px;"> ads </div>
          In the css_additional use this
          @media screen and (max-width: 990px) {
          #RightFloatAds, #LeftFloatAds {
          display: none;
          }
          }
          media screen and (min-width: 990px) {
          body {
          margin: 0px 120px 0px 120px;
          }
          }
          It works without problems. Is this good?

          Comment

          • Wayne Luke
            vBulletin Technical Support Lead
            • Aug 2000
            • 74132

            #6
            Shouldn't really add a DIV to head_include. It is designed to add custom meta tags, CSS, and/or Javascript. Things that would go in the <head> element of a page. A div should only occur within the <body> element of a page.
            Translations provided by Google.

            Wayne Luke
            The Rabid Badger - a vBulletin Cloud demonstration site.
            vBulletin 5 API

            Comment

            • Emad ELsayed
              Senior Member
              • Jan 2013
              • 151
              • 4.2.x

              #7
              Originally posted by Wayne Luke
              Shouldn't really add a DIV to head_include. It is designed to add custom meta tags, CSS, and/or Javascript. Things that would go in the <head> element of a page. A div should only occur within the <body> element of a page.
              Hi
              Now put it in the header template and contains many "div"
              Is this true ?

              Comment

              • Wayne Luke
                vBulletin Technical Support Lead
                • Aug 2000
                • 74132

                #8
                I'd use a custom template applied through a template hook in a location between the <body> and </body> tags. There is no reason to edit the default templates for something like this.
                Translations provided by Google.

                Wayne Luke
                The Rabid Badger - a vBulletin Cloud demonstration site.
                vBulletin 5 API

                Comment

                • Emad ELsayed
                  Senior Member
                  • Jan 2013
                  • 151
                  • 4.2.x

                  #9
                  Originally posted by Wayne Luke
                  I'd use a custom template applied through a template hook in a location between the <body> and </body> tags. There is no reason to edit the default templates for something like this.
                  Thank you dear
                  But I do not know how to do this
                  Can the steps be mentioned for that
                  Best Regards

                  Comment

                  • Wayne Luke
                    vBulletin Technical Support Lead
                    • Aug 2000
                    • 74132

                    #10
                    Translations provided by Google.

                    Wayne Luke
                    The Rabid Badger - a vBulletin Cloud demonstration site.
                    vBulletin 5 API

                    Comment


                    • Emad ELsayed
                      Emad ELsayed commented
                      Editing a comment
                      Work has been done
                      Best Regards

                  Related Topics

                  Collapse

                  Working...