Announcement

Collapse
No announcement yet.

Minimize window icon

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

  • Minimize window icon

    Hi ! I wonder if it is normal that this reduction button (or minimize icon) of the Content slider appears alone and not in the frame like the rest of modules frame?

    Cliquez sur l'image pour la voir en taille réelleÂ*  Nom : 		pic1.pngÂ* Affichages :	1Â* Taille :		1,2 KoÂ* ID : 			4404396

    - is there a way to change these minimize icons indicated by red arrows? I search the folder containing these icons to try to replace them without success:

    Cliquez sur l'image pour la voir en taille réelleÂ*  Nom : 		pic2.pngÂ* Affichages :	1Â* Taille :		1,8 KoÂ* ID : 			4404397

    Thank you very much for help,,
    Last edited by bendiesel; Sat 15th Dec '18, 7:04am.

  • #2
    The layout of the Content Slider is by design. It is envisioned that the module header is hidden for this module. Though you have the choice to show it.

    The images are part of the SVG sprite. These are stored in the sprite_icons_general.svg template. You can see them in action by going to /special/css-examples on your site and scrolling down to the Sprite Controls. Click on any image and it will tell you what classes you can use to override the display of that image with your custom icon.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud customization and demonstration site.
    vBulletin 5 Documentation - Updated every Friday. Report issues here.
    vBulletin 5 API - Full / Mobile
    I am not currently available for vB Messenger Chats.

    Comment


    • #3
      Hi Luke ! thank you for the first part, i just removed the content slider title,

      for the second part, i just followed steps in /special/css-examples, but I failed to add icons,

      i downloaded this svg icon as a test to replace collapse expand default icons:

      HTML Code:
      <?xml version="1.0" encoding="iso-8859-1"?>
      <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
      <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
      <svg version="1.1" id="b-icon__88" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
           width="444.819px" height="444.819px" viewBox="0 0 444.819 444.819" style="enable-background:new 0 0 444.819 444.819;"
           xml:space="preserve">
      <g>
          <path d="M434.252,114.203l-21.409-21.416c-7.419-7.04-16.084-10.561-25.975-10.561c-10.095,0-18.657,3.521-25.7,10.561
              L222.41,231.549L83.653,92.791c-7.042-7.04-15.606-10.561-25.697-10.561c-9.896,0-18.559,3.521-25.979,10.561l-21.128,21.416
              C3.615,121.436,0,130.099,0,140.188c0,10.277,3.619,18.842,10.848,25.693l185.864,185.865c6.855,7.23,15.416,10.848,25.697,10.848
              c10.088,0,18.75-3.617,25.977-10.848l185.865-185.865c7.043-7.044,10.567-15.608,10.567-25.693
              C444.819,130.287,441.295,121.629,434.252,114.203z"/>
      </g>
      
      </svg>
      in the absence of an example to follow, i didn't know what/where to put in sprite_icons_general.svg ? and what/where to put in css_b_icon.css ?

      in any case I really appreciate your help,,

      Comment


      • #4
        after spending 2 days trying doing this, I give up.. unless little help will come

        Comment


        • #5
          To replace an icon in the SVG template, you would search for its class (listed on /special/css-examples when you click on a specific icon) and once found, you would replace its SVG code with your own. Do not include this code:

          Code:
           
           <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="b-icon__88" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"      width="444.819px" height="444.819px" viewBox="0 0 444.819 444.819" style="enable-background:new 0 0 444.819 444.819;"      xml:space="preserve">
          Or the closing svg tag. Comparable tags will already exist in the template. You can also copy the template into an SVG file (text file with .svg extension) and edit it in any graphics editor.
          Translations provided by Google.

          Wayne Luke
          The Rabid Badger - a vBulletin Cloud customization and demonstration site.
          vBulletin 5 Documentation - Updated every Friday. Report issues here.
          vBulletin 5 API - Full / Mobile
          I am not currently available for vB Messenger Chats.

          Comment

          Related Topics

          Collapse

          Working...
          X