Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

Speech Node icons & subforum Icons 1.0a

Unlike the other related resource this has subforum icons on the same spritesheet

  1. XenForo Rocks
    CzkG3SZ.png
    Summary: These creations derived from a request but I feel others may find a use for them so I decided to post them here. These are speech shaped Node Icons which come in a variety of colours (tomorrow) and come as sprites. The difference with this release is that it comes with subforum icons on the same sprite so you are advised to read further if the release will benefit you as you need to have the xenforo column subforum layout enabled in style properties.

    Note!! These are more squarish designs with the radius being alot lower over the circular counterparts which were previously released herehttp://xenforo.com/community/resources/simple-node-icons-speech-bubble.2036/

    Install: Firstly upload the image to your FTP and upload the sprite to your folder of choice and then log into your Admincp >> Style Properties >>Node Icons and set the width value to 40px and height value to 31px.

    Don't forget that you will need to set the path to the sprite so ensure you set the pathname correctly for the following:

    1. Node Icon: Forum - Position value -40px 0
    2. Node Icon: Unread Forum - Position value 0 0
    3. Node Icon: Page - Position value -80px 0
    4. Node Icon: Link - Position value -120px 0

    For the Sub Forum icons to show (this only applies if you have xenforo column subforums enabled) so you'll have to switch this on by unchecking the box inStyle Properties >> Forum / Node List >> UncheckShow Subforums Popup. Finally paste the following into your EXTRA.CSS template

    I'll release more colours tomorrow I just wanted to get the base guide released since it's getting late early.

    Code:
    .subForumList li .nodeTitle:before {
      background-image: url("@imagePath/xenforo/node-sprite.png");
      background-position: -33px -36px;
      background-repeat: no-repeat;
      height: 13px;
      width: 15px;
      content: "";
      padding-left: 20px; }
    
    .subForumList li .unread .nodeTitle:before {
      background-image: url("@imagePath/xenforo/node-sprite.png");
      background-position: -7px -36px;
      background-repeat: no-repeat;
      height: 15px;
      width: 13px;
      content: "";
      padding-left: 20px; }

    Conditions of use: This pack may be used on forums, websites but cannot be redistributed or repackaged in any way shape or form for any reason without prior consent of the author.
    kingpager, AndradeS and MidasTouch like this.
  • About Us

    Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.
  • Like us on Facebook

  • Buy us a beer!

    The management works very hard to make sure the community is running the best software, best designs, and all the other bells and whistles. Care to buy us a beer? We'd really appreciate it!

    Donate to us!