Announcement

Collapse
No announcement yet.

Moving ad_header to side of logo (header)

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

  • Moving ad_header to side of logo (header)

    This code was sent to me by Glenn Vergara and believe it is very useful to all users so I will share it in this area of tutorials (using vb 5.1.9)

    First you need to create a ad in your adsense account and implement in your ad_header , after this go to your css_additional.css and paste this code:


    Code:
     #outer-wrapper { margin-top: 0; }
    #wrapper { position: relative; }
    #header-axd {     position: absolute;     right: 138px;     top: 6px; }
    media (max-width: 1100px )
    {     #header-axd { right: 73px; } }
    media (max-width: 1034px )
    {     #header-axd { right: 49px; } }
    media (max-width: 1006px )
    {     #header-axd { right: 36px; } }
    media (max-width: 996px )
    {     #header-axd { right: 30px; } }
    media (max-width: 995px )
    {     #header-axd {         position: relative;         right: auto;         top: auto;     } }
    Result:

    Last edited by josueinaki; Tue 24th Nov '15, 9:55am.

  • #2
    Hey,

    Was there anything you added in addition to code snippet above to maintain responsiveness as the page scales down in width?

    Thanks
    David

    Comment


    • #3
      The @media rules you can see in the code snippet above are the code that maintain responsiveness

      GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

      Comment


      • #4
        hello!

        friends, please, I used the suggested code but the ad is over the logo (photo 1).
        I want to use the "AD 1" and "AD 2" areas (photo 2). how to remove the word "Forums" to get more space?
        thank you!

        Comment


        • josueinaki
          josueinaki commented
          Editing a comment
          set position to the right and use a smaller ads, you can remove Forums editing the page and remove Title page gadget

      • #5
        hello, thanks for the tip!

        as I do to reduce the area available to the logo (attachment)? I want to move the right edge of the area available to the logo of "1" to "2" (attachment).
        this area available to the logo is exceeding the "clickable area" of the ad, understand? in other words, only part of the ad allows "click" to the advertiser's page.
        see in www.forumconcurseiros.com

        thank you!
        Attached Files

        Comment


        • #6
          hello!

          any tips?

          thanks!!

          Comment


          • #7
            We don't provide official support for code modifications, which is what this requires. What you're looking to do is not trivial to achieve without breaking other stuff, such as responsive views on smaller screens.

            The best place to ask for help is www.vbulletin.org, which is the modification and customisation site. There is also a paid reqquests section there, as you may end up needing to pay someone to achieve this for you.
            MARK.B | vBULLETIN SUPPORT

            TalkNewsUK - My vBulletin 5.5.4 Demo
            AdminAmmo - My Cloud Demo

            Comment

            widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
            Working...
            X