problem in putting telegram logo in vbulletin forum

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • habili
    Senior Member
    • Jan 2018
    • 253
    • 4.2.x

    problem in putting telegram logo in vbulletin forum

    Hello, i want to put Telegram logo in left corner of forum and i wrote its HTML code :
    PHP Code:
     <div style="position: fixed; left: 0px; bottom: 0px; z-index: 300;"> <a href="https://t.me/linuxzone" target="_blank"><img width="200" height="200" src="http://linux-zone.org/forums/upload/tablighat/telegram-linux-zone.org.png" alt="channel telegram" /></a> </div



    but when i put it in the footer, i facetd with below Conflict error.


    Click image for larger version  Name:	Selection_003.png Views:	1 Size:	12.9 KB ID:	4387353



    my footer configuration is :


    PHP Code:
    </div>
        <
    div class="h-clear"></div>
    </
    div>


     <
    div style="position: fixed; left: 0px; bottom: 0px; z-index: 300;"> <a href="https://t.me/linuxzone" target="_blank"><img width="200" height="200" src="http://linux-zone.org/forums/upload/tablighat/telegram-linux-zone.org.png" alt="channel telegram" /></a> </div>


        <
    div id="footer">
            {
    vb:template metro_theme_prefooter_blocks}
            {
    vb:hook 'footer_start'}
            {
    vb:data navbarItems'site''loadFooterNavbar''1', {vb:raw _SERVER.REQUEST_URI}}
            <
    div id="footer-tabbar" class="h-clearfix js-shrink-event-parent">
                <
    vb:comment>
                    
    The reason the admin check is here instead of inside the style API's fetchStyles() is because
                    we might want admins to still be able to use fetchStyles() and specifically set the userselect
                    param and skip un-selectable styles.
                </vb:comment>
                {vb:set userselect, 1}
                {vb:data canAdminStyles, user, hasPermissions, adminpermissions, canadminstyles}
                <vb:if condition="$canAdminStyles">
                    {vb:set userselect, 0}
                </vb:if>
                <vb:if condition="$canAdminStyles OR $vboptions['
    allowchangestyles']">
                    {vb:data styles, style, fetchStyles, 1, {vb:raw userselect}}
                <vb:else />
                    {vb:set styles, 0}
                </vb:if>
                {vb:data languages, language, fetchLanguageSelector}
                <ul class="h-left js-footer-chooser-list h-margin-left-xxl js-shrink-event-child">
                    <vb:if condition="$styles AND (count($styles) > 1) AND (empty($page['
    routeInfo']['arguments']) OR empty($page['routeInfo']['arguments']['forceStyleId']))">
                        <li>

                            <div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover b-comp-menu-dropdown--direction-up js-stylechooser js-select-on-xsmall h-margin-right-l h-margin-top-l">
                                <div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow">
                                    <vb:each from="styles" value="style">
                                        <vb:if condition="$style['
    styleid'] == $preferred_styleid">
                                            {vb:var style.title_plain}
                                        </vb:if>
                                    </vb:each>
                                </div>
                                <ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--left">
                                    <vb:each from="styles" value="style">
                                        <li class="b-comp-menu-dropdown__content-item<vb:if condition="$style['
    styleid'] == $preferred_styleid"> b-comp-menu-dropdown__content-item--current</vb:if>">
                                            <a href="#" data-styleid="{vb:var style.styleid}">{vb:var style.title}</a>
                                        </li>
                                    </vb:each>
                                </ul>
                            </div>

                        </li>
                    </vb:if>
                    <vb:if condition="count($languages) > 1">
                        <li>

                            <div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover b-comp-menu-dropdown--direction-up js-languagechooser js-select-on-xsmall h-margin-right-l h-margin-top-l">
                                <div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow">
                                    <vb:each from="languages" value="language">
                                        <vb:if condition="$language['
    languageid'] == $preferred_languageid">
                                            {vb:var language.title}
                                        </vb:if>
                                    </vb:each>
                                </div>
                                <ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--left">
                                    <vb:each from="languages" value="language">
                                        <li class="b-comp-menu-dropdown__content-item<vb:if condition="$language['
    languageid'] == $preferred_languageid"> b-comp-menu-dropdown__content-item--current</vb:if>">
                                            <a href="#" data-languageid="{vb:var language.languageid}">{vb:var language.title}</a>
                                        </li>
                                    </vb:each>
                                </ul>
                            </div>

                        </li>
                    </vb:if>
                    {vb:hook '
    footer_left'}
                </ul>

                <ul class="nav-list h-right js-footer-nav-list h-margin-right-xxl b-comp-menu-horizontal js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive js-shrink-event-child" data-dropdown-trigger-phrase="go_to_ellipsis" data-dropdown-menu-classes="h-margin-vert-l b-comp-menu-dropdown--direction-up" data-dropdown-trigger-classes="b-comp-menu-dropdown__trigger--arrow">
                    {vb:hook '
    footer_right'}
                    <vb:each from="navbarItems" value="navbarItem">
                        {vb:set navbarTitle, {vb:raw navbarItem.title}}
                        <vb:if condition="$targetAttr = $navbarItem['
    newWindow'] == '1' ? ' target=\'_blank\'' ''"></vb:if>
                        <vb:if condition="
    !empty($navbarItem['attr'])">
                            {vb:strcat targetAttr, ' '}
                            {vb:strcat targetAttr, {vb:raw navbarItem.attr}}
                        </vb:if>
                        {vb:set normalizedUrl, {vb:raw navbarItem.normalizedUrl}}
                        <vb:if condition="
    $itemUrl $navbarItem['isAbsoluteUrl'] ? $normalizedUrl : ($baseurl '/' $normalizedUrl)"></vb:if>
                        <vb:if condition="
    $requestUri explode('?'$_SERVER['REQUEST_URI'], 2)"></vb:if>
                        <vb:if condition="
    $requestUri array_shift($requestUri)"></vb:if>
                        <vb:if condition="
    $atCurrentItem = ($requestUri == substr($itemUrl, -strlen($requestUri)))"></vb:if>
                        <vb:if condition="
    $currentClass $atCurrentItem 'current' ''"></vb:if>
                        <vb:if condition="
    $atCurrentItem">{vb:set subnavItems, {vb:raw navbarItem.subnav}}</vb:if>

                        <li class="
    {vb:raw currentClass}">
                            <a{vb:raw targetAttr} href="
    {vb:var itemUrl}">{vb:phrase {vb:raw navbarTitle}}</a>
                        </li>

                    </vb:each>
                    <li><a href="
    #" class="js-footer-go-to-top">{vb:phrase go_to_top}</a></li>
                
    </ul>
            </
    div>
            {
    vb:hook 'footer_end'}
        </
    div>
    </
    div>
    <
    div id="footer-copyright">
        <
    div id="footer-vb-copyright">{vb:phrase powered_by_vbulletin, {vb:raw vboptions.templateversion}, {vb:date timenowY}}</div>
        <
    div id="footer-user-copyright">{vb:raw vboptions.copyrighttext}{vb:hook 'footer_copyright'}</div>
        <
    div id="footer-current-datetime">{vb:phrase footer_current_time, {vb:if "$user['timezoneoffset']", {vb:php sprintf"%+d", {vb:raw user.timezoneoffset}}}, {vb:datetime 'timenow''time'}}</div>
        <
    div id="footer-metro-copyright">{vb:rawphrase metro_copyright_phrase}</div>
    </
    div>
    </
    div>

    <
    div id="loading-indicator" class="js-loading-indicator b-ajax-loading-indicator h-hide">
        <
    span>{vb:phrase working_ellipsis}</span>
    </
    div>
    <
    div id="confirm-dialog" class="sb-dialog">
        <
    div class="dialog-content h-clearfix">
            <
    div class="icon h-left"></div>
            <
    div class="message"></div>
        </
    div>
        <
    div class="b-button-group">
            <
    button id="btnConfirmDialogYes" type="button" class="b-button b-button--primary js-button">{vb:phrase yes}</button>
            <
    button id="btnConfirmDialogNo" type="button" class="b-button b-button--secondary js-button">{vb:phrase no}</button>
        </
    div>
    </
    div>
    <
    div id="alert-dialog" class="sb-dialog">
        <
    div class="dialog-content h-clearfix">
            <
    div class="icon h-left"></div>
            <
    div class="message"></div>
        </
    div>
        <
    div class="b-button-group">
            <
    button id="btnAlertDialogOK" type="button" class="b-button b-button--primary js-button">{vb:phrase ok}</button>
        </
    div>
    </
    div>
    <
    div id="prompt-dialog" class="sb-dialog">
        <
    div class="dialog-content table h-clearfix">
            <
    div class="message td"></div>
            <
    div class="input-box-container td">
                <
    input type="text" class="input-box textbox" />
                <
    textarea class="input-box textbox h-hide" rows="3"></textarea>
            </
    div>
        </
    div>
        <
    div class="js-prompt-error h-hide"></div>
        <
    div class="b-button-group">
            <
    button id="btnPromptDialogOK" type="button" class="b-button b-button--primary js-button">{vb:phrase ok}</button>
            <
    button id="btnPromptDialogCancel" type="button" class="b-button b-button--secondary js-button">{vb:phrase cancel}</button>
        </
    div>
    </
    div>
    <
    div id="slideshow-dialog" class="sb-dialog slideshow">
        <
    div class="slideshow-wrapper"><div class="b-icon b-icon__x-square--gray close-btn">X</div></div>
        <
    div class="caption"></div>
        <
    div class="thumbnails"></div>

    </
    div>
    <
    vb:comment>Unsubscribe overlay container</vb:comment>
    <
    div class="unsubscribe-overlay-container"></div>

    <
    vb:if condition="$vboptions['facebookactive']">
        <
    div id="fb-root" data-facebook-language="{vb:rawphrase facebook_language}"></div>
    </
    vb:if>

    <
    vb:if condition="$config->debug">
        {
    vb:action debuginfobbcodedebugInfo1}
        {
    vb:raw debuginfo}
    </
    vb:if>
    {
    vb:cssExtra css_additional.css}

    <
    script type="text/javascript" src="{vb:raw jqueryurl}"></script>

    <
    vb:if condition="!empty($vboptions['ga_enabled']) AND !empty($vboptions['ga_code'])">
    {
    vb:raw vboptions.ga_code}
    </
    vb:if>

    <
    script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="js/jquery/jquery-{vb:raw jqueryversion}.min.js"><\/script>');</script>
    <
    vb:comment>The footer rollup will be inserted here instead of being deferred to the end of the page.</vb:comment>
    {
    vb:js insert_herejs/footer-rollup.js}

    <
    vb:if condition="$vboptions['facebookactive']">
        {
    vb:template facebook_footernoFbRoot=1}
    </
    vb:if>
    <
    script type="text/javascript">
        <
    vb:literal>
            
    window.vBulletin window.vBulletin || {};
        </
    vb:literal>
            
    vBulletin.version '{vb:raw vboptions.templateversion}';
    </
    script>
    {
    vb:hook footer_before_body_end}

    </
    body>
    </
    html

    whats the problem and how can i solve the it
  • In Omnibus
    Senior Member
    • Apr 2010
    • 2310

    #2
    Change bottom:0px to top:100px

    <div style="position: fixed; left: 0px; top: 100px; z-index: 300;"> <a href="https://t.me/linuxzone" target="_blank"><img width="200" height="200" src="http://linux-zone.org/forums/upload/tablighat/telegram-linux-zone.org.png" alt="channel telegram" /></a> </div>

    You may have to adjust the value depending on the height of your header.

    Place the code in the head_include template.

    Comment

    • habili
      Senior Member
      • Jan 2018
      • 253
      • 4.2.x

      #3
      Originally posted by In Omnibus
      Change bottom:0px to top:100px

      <div style="position: fixed; left: 0px; top: 100px; z-index: 300;"> <a href="https://t.me/linuxzone" target="_blank"><img width="200" height="200" src="http://linux-zone.org/forums/upload/tablighat/telegram-linux-zone.org.png" alt="channel telegram" /></a> </div>

      You may have to adjust the value depending on the height of your header.

      Place the code in the head_include template.
      when i delete this code from footer and click on "save and reload" i faced with confiict error again.
      how can turn back to defualt footer again?
      thanks

      Comment


      • In Omnibus
        In Omnibus commented
        Editing a comment
        Click on the "Revert" button.
    • Wayne Luke
      vBulletin Technical Support Lead
      • Aug 2000
      • 73981

      #4
      You need to contact the developer of your custom Metro theme to receive support for modifying it.
      Translations provided by Google.

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

      Comment

      • habili
        Senior Member
        • Jan 2018
        • 253
        • 4.2.x

        #5
        thanks, i remove the template and then again install it then problem solved

        Comment

        • habili
          Senior Member
          • Jan 2018
          • 253
          • 4.2.x

          #6
          Originally posted by Wayne Luke
          You need to contact the developer of your custom Metro theme to receive support for modifying it.
          i test on main template and again i get this error and when i put below code , i cant change it or delete it any more and faced with edite duplicate

          PHP Code:
          <div style="position: fixed; left: 0px; bottom: 0px; z-index: 300;">
          <
          a href="https://t.me/linuxzone" target="_blank"><img width="200" height="200" src="http://linux-zone.org/forums/telegram-linux-zone.org.png"
          alt="Telegram Channel" /></a> </div


          in chrome, after i save changes and i want to edit below message will appear :

          PHP Code:
          Chrome detected unusual code on this page and blocked it to protect your personal information (for examplepasswordsphone numbers, and credit cards). 

          Comment

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

            #7
            You're referencing the image via HTTP and not HTTPS. The two are not interchangeable.
            Translations provided by Google.

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

            Comment

            • habili
              Senior Member
              • Jan 2018
              • 253
              • 4.2.x

              #8
              when i add any script to footer, i will recieve below error and neigher can edit it nor delete it and again i get "conflict edite"
              PHP Code:
              Chrome detected unusual code on this page and blocked it to protect your personal information (for examplepasswordsphone numbers, and credit cards). 



              i put bellow code then save and after reloading chrome this message will display :
              PHP Code:
              <div  class="MainHeder"
                      
              style="width: 100%;
                      height: 50px;
                      left: 0px;
                      text-align: center;
                      z-index: 300;
                      margin: auto;
                      background: #43A6DF;
                      line-height:45px !important;
                      position: fixed;
                      bottom: 0;
                      opacity: 0.7;"
              >

                          <
              ul  id="footer" class="menu">

                          </
              ul>
              </
              div>








              <
              div  class="popup"
                      
              style"
                          width: 300px;
                          height: 200px;
                          text-align: right;
                          z-index: 300;
                          margin: auto;
                          background: #EFF0F3;
                          line-height:45px !important;
                          bottom: 60px;
                          box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
                          right: 2px;
                          background: #fff;
                          pading-top: 1px;
                          position: fixed;
              <!--        opacity: 0.8;   -->

              "
              >

              <
              div class="Close-Bottom">


                  <
              div class= "popup-head"
                      
              style"
                          width: 290px;
                          height: 30px;
                          font-size: 14px;
                          color: black;
                          text-align: center;
                          border: 1px solid #ccc;
                          line-height: 30px;
                          margin: 7px 5px 5px;
                      "
              >




              <
              class="fa fa-close"
                      
              style"
                          float: right;
                          pading: 1px 1px;
              "
              >

                  </
              a>
              </
              div>

              <
              class="Informations"
                      
              style"
                          width: 290px;
                          height: 30px;
                          font-size: 14px;
                          color: black;
                          text-align: center;
                          line-height: 30px;
                          margin: -36px -1px 5px;
                      "
              >
                                      
              Join Over 10.000Linux Voip Users
                          
              </p>

                          </
              div>

              <
              div class= "social-share"
                      
              style"    
                                                              width: 290px;
                                      height: 100px;
                                      text-align: center;
                                      margin: 5px;
                                                              border: 1px solid #ccc;
                                                              padding: 2px;
              "
              >

                          <
              div class= "Socials"
                              
              style"
                                      width: 284px;
                                      height: 70px;
                                      text-align: center;
                                  <!--    border: 1px solid blue;   -->
                          "
              >

                                      <
              link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

                                      <!-- 
              Add font awesome icons -->
                                      <
              a href="http://linux-zone.org/forums/redirect-to/?redirect=https%3A%2F%2Fwww.facebook.com%2Fgroups%2Flinux.zone%2F%3Fref%3Dbookmarks" target="_blank" class="fa fa-facebook-square fa-3x"
                                          
              style"
                                                  padding: 20px;
                                                  margin-left: 8px;
                                                  float: left;
                                                  line-height: 50px;
                                                  color: #43A6DF;
                                      "
              >
                                      </
              a>

                                      <
              a href="http://linux-zone.org/forums/redirect-to/?redirect=https%3A%2F%2Ftwitter.com%2FMohammad_Habili%3Fs%3D09" target="_blank" class="fa fa-twitter-square fa-3x"
                                          
              style"
                                                  padding: 20px;
                                                  margin-left: -20px;
                                                  float: left;
                                                  line-height: 50px;
                                                  color: #43A6DF;
                                      "
              >
                                      </
              a>

                                      <
              a href="http://linux-zone.org/forums/redirect-to/?redirect=https%3A%2F%2Fplus.google.com%2Fcommunities%2F102352585817219667474" target="_blank" class="fa fa-google-plus-square fa-3x"
                                          
              style"
                                                  padding: 20px;
                                                  margin-left: -20px;
                                                  float: left;
                                                  line-height: 50px;
                                                  color: #43A6DF;
                                      "
              >
                                      </
              a>

                                      <
              a href="http://linux-zone.org/forums/redirect-to/?redirect=https%3A%2F%2Fhttps://www.linkedin.com/groups/13521922" target="_blank" class="fa fa-linkedin-square fa-3x"
                                          
              style"
                                                  padding: 20px;
                                                  margin-left: -20px;
                                                  float: left;
                                                  line-height: 50px;
                                                  color: #43A6DF;
                                      "
              >
                                      </
              a>


                      </
              div>


                      <
              class= "social-counter-linkedin"
                          
              style"
                              height: 24px;
                              width: 50px;
                              margin: 0px 27px;
                              font-size: 12px;
                              line-height: 0px;
                              text-align: center;

                      "
              >
                      
              2000+
                      </
              p>

                      <
              class= "social-counter-googleplus"
                          
              style"
                              height: 24px;
                              width: 50px;
                              margin: -4px 87px;
                              font-size: 12px;
                              line-height: 0px;
                              text-align: center;

                      "
              >
                      
              2000+
                      </
              p>


                      <
              class= "social-counter-twitter"
                          
              style"
                              height: 24px;
                              width: 50px;
                              margin: -36px 150px;
                              float: right;
                              font-size: 12px;
                              line-height: 33px;
                              text-align: center;

                      "
              >
                      
              2000+
                      </
              p>



                      <
              class= "social-counter-facebook"
                          
              style"
                              height: 24px;
                              width: 50px;
                              margin: -36px 211px;
                              float: right;
                              font-size: 12px;
                              line-height: 34px;
                              text-align: center;

                      "
              >
                      
              2000+
                      </
              p>        

              </
              div>





                          <
              class= "News-Latter"
                              
              style="
                                      width: 290px;
                                      height: 40px;
                                      font-size: 14px;
                                      color: black;
                                      text-align: center;
                                      border: 0px solid #ccc;
                                      line-height: 30px;
                                      margin: 13px 5px;
                                      padding-top: 2px;
                          "
              >
                                     <
              a href="http://www.subscribepage.com/h2t2y2" target="_blank" " class="btn btn-info" role="button"
                                     style= "
                                     
              background-color#2F4456;
                                     
              border-color#2F4456;
                                     
              displaygrid;
                                     
              "
                                     >
                                     news latter
                                     </a>

                          </p>                

              </div>





              <script type="
              text/javascript">

              var closePopup = false;

              $('.popup-head>a').click(function(){
                  closePopup = !0;
                  $('.popup').fadeOut();
              });

              $('.popup').fadeOut();
              </script>





              <script>
              var div = document.getElementById("
              footer");
              var cookieName = "
              currentTopPageIndex";

              var data={
              0:{"
              title":" linux searning","link":"http://linux-zone.org/forums/thread3413.html"},
              1:{"title":"boot process","link":"http://linux-zone.org/forums/thread3297.html"},
              3:{"title":"bzip2, gzip, zip, tar","link":"http://linux-zone.org/forums/thread2279.html"},
              4:{"title":"find command","link":"http://linux-zone.org/forums/thread1918.html"},

              };

              var 
              current=readCookie(cookieName);
              current++;
              if(
              current >= Object.keys(data).length){
                  
              current=0;
              }


              createCookie(cookieName,current);
              var 
              result=getObjectKeyIndex(data,current);

              var 
              aTag document.createElement('a');
              aTag.setAttribute('href',result.link);
              aTag.setAttribute('style',"color: white;");

              aTag.innerHTML result.title;
              div.appendChild(aTag);


              function 
              createCookie(name,value) {
                  
              document.cookie name "=" value;
              }

              function 
              readCookie(name) {
                  var 
              nameEQ name "=";
                  var 
              ca document.cookie.split(';');
                  for(var 
              i=0;ca.length;i++) {
                      var 
              ca[i];
                      while (
              c.charAt(0)==' 'c.substring(1,c.length);
                      if (
              c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
                  }
                  return -
              1;
              }

              function 
              getObjectKeyIndex(objkeyToFind) {
                  var 
              0key;

                  for (
              key in obj) {
                      if (
              key == keyToFind) {
                          return 
              obj[key];
                      }
                      
              i++;
                  }
                  return 
              null;
              }
              </
              script

              Comment

              • BirdOPrey5
                Senior Member
                • Jul 2008
                • 9613
                • 5.6.3

                #9
                The error from Chrome about the page being blocked is an issue with Chrome. One solution is talked about here, specifically starting Chrome with the XSS Auditor disabled- https://productforums.google.com/for...me/4MUJd75N4Jw

                Another option would be to use a different browser when making these changes.

                However the bigger issue is- you should almost never need to edit the templates (other than css_additional.css.) Try to find an alternate way to add this image, perhaps creating a static HTML or ad module, and/or using CSS to place it.It will be less headaches in the long run.

                Comment

                • habili
                  Senior Member
                  • Jan 2018
                  • 253
                  • 4.2.x

                  #10
                  i install a fresh vbulletin 5 and add above code to it without any problem. my problem is on upgraded vbulletin from 4 to 5 and after that in chrome i will get xss error and in firefox Editi Confilict error. i think problem is vbulletin 4 configuration that is upgraded to vbulletin 5. how can i upgrade to vbulletin 5 and just move important tables and not all tables, maybe my problem be solve.

                  i think about creating a HTML page.

                  Comment

                  • Mark.B
                    vBulletin Support
                    • Feb 2004
                    • 24286
                    • 6.0.X

                    #11
                    You cannot mix vB4 and vB5 tables - they are completely different products with completely different code and database structures.

                    You must ensure there are NO vB4 files remaining on the server when upgrading, except for attachments, avatars etc if these are in the file system.

                    Joe has already provided the solution to the Chrome error.
                    MARK.B
                    vBulletin Support
                    ------------
                    My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
                    My Unofficial vBulletin Cloud Demo: https://www.adminammo.com

                    Comment

                    Related Topics

                    Collapse

                    Working...