normal topic icon

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Danloona
    Senior Member
    • Mar 2015
    • 543
    • 4.2.5

    normal topic icon

    Hello , i want to ask , how i can change normal topic icon ?
    Thanks
  • glennrocksvb
    Former vBulletin Developer
    • Mar 2011
    • 4011
    • 5.7.X

    #2
    Add these custom css:

    Code:
    .vb-icon-topic-status {
        background-color: transparent;
        background-repeat: no-repeat;
        height: 18px; /* this is the height of default icons, remove it if the same */
        width: 16px /* this is the width of default icons, remove it if the same */
    }
    
    /* for hot unread topic */
    .hot-unread .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for hot read topic */
    .hot-read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for read topic */
    .read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for closed topic */
    .closed .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for deleted topic */
    .deleted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for unread topic where current user has posted to */
    .posted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for read topic where current user has posted to */
    .posted.read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for closed topic where current user has posted to */
    .posted.closed .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for deleted topic where current user has posted to */
    .posted.deleted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }

    Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

    Comment

    • Danloona
      Senior Member
      • Mar 2015
      • 543
      • 4.2.5

      #3
      thanks , i'll check tomorrow

      Comment

      • Danloona
        Senior Member
        • Mar 2015
        • 543
        • 4.2.5

        #4
        Originally posted by Glenn Vergara
        Add these custom css:

        Code:
        .vb-icon-topic-status {
        background-color: transparent;
        background-repeat: no-repeat;
        height: 18px; /* this is the height of default icons, remove it if the same */
        width: 16px /* this is the width of default icons, remove it if the same */
        }
        
        /* for hot unread topic */
        .hot-unread .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for hot read topic */
        .hot-read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for read topic */
        .read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for closed topic */
        .closed .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for deleted topic */
        .deleted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for unread topic where current user has posted to */
        .posted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for read topic where current user has posted to */
        .posted.read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for closed topic where current user has posted to */
        .posted.closed .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for deleted topic where current user has posted to */
        .posted.deleted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }

        there is something wrong with code ....

        Comment

        • Danloona
          Senior Member
          • Mar 2015
          • 543
          • 4.2.5

          #5
          this code are not works

          Comment

          • glennrocksvb
            Former vBulletin Developer
            • Mar 2011
            • 4011
            • 5.7.X

            #6
            The code will not work unless you answer Yes to all the questions below.
            1. Did you change the path of the background images to the correct location?
            2. Did you put the custom css in css_additional template or via Sitebuilder > Style > CSS Editor in the desired style/theme?
            3. Is the correct style/theme (where you added the custom css to) selected while you view the forum?

            Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

            Comment

            • Danloona
              Senior Member
              • Mar 2015
              • 543
              • 4.2.5

              #7
              Yea , i found already thanks , but i'm looking now for sticky , unsticky icons how to change ,,,

              Comment

              • glennrocksvb
                Former vBulletin Developer
                • Mar 2011
                • 4011
                • 5.7.X

                #8
                There are no sticky icons. The sticky topics only have yellow background by default. The topic icons used in a sticky topic are just for if topic is closed, read, unread, etc

                Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

                Comment

                • Danloona
                  Senior Member
                  • Mar 2015
                  • 543
                  • 4.2.5

                  #9
                  so you mean , there are exist just this code?

                  PHP Code:
                  /* unread sticky */
                  .topic-item.sticky .vb-icon.vb-icon-topic-status {
                      
                  backgroundtransparent url("/icons/stickytico.png"no-repeat;
                  width42px/* icon width */
                  height42px/* icon height */
                  }
                  /* read sticky */
                  .topic-item.sticky.read .vb-icon.vb-icon-topic-status {
                      
                  backgroundtransparent url("/icons/stickyreadico.png"no-repeat;
                  width42px/* icon width */
                  height42px/* icon height */

                  How about if there are sticky closed topic ? how to make icon for it?

                  i wanna make icons for closed and simple topics but i can't . example ,if there will gonna be normal sticky topic , it will have closed icon..

                  Comment

                  • glennrocksvb
                    Former vBulletin Developer
                    • Mar 2011
                    • 4011
                    • 5.7.X

                    #10
                    What I meant was if a sticky post is unread, read or closed, the topic icon used is the same for non-sticky unread, read, or closed topics. The only indicator that a topic is a sticky is its yellow background color and it is on top of the list.

                    Btw, don't open multiple topics of the same issue. You opened another one here

                    Hello , i want to ask . how can i make code for -sticky closed topic ., -sticky topic -closed topic i found this one , but is not what i'm looking for [PHP[/* unread sticky */ .topic-item.sticky .vb



                    Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

                    Comment

                    • Danloona
                      Senior Member
                      • Mar 2015
                      • 543
                      • 4.2.5

                      #11
                      Originally posted by Glenn Vergara
                      Add these custom css:

                      Code:
                      .vb-icon-topic-status {
                      background-color: transparent;
                      background-repeat: no-repeat;
                      height: 18px; /* this is the height of default icons, remove it if the same */
                      width: 16px /* this is the width of default icons, remove it if the same */
                      }
                      
                      /* for hot unread topic */
                      .hot-unread .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for hot read topic */
                      .hot-read .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for read topic */
                      .read .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for closed topic */
                      .closed .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for deleted topic */
                      .deleted .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for unread topic where current user has posted to */
                      .posted .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for read topic where current user has posted to */
                      .posted.read .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for closed topic where current user has posted to */
                      .posted.closed .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for deleted topic where current user has posted to */
                      .posted.deleted .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }


                      I think there are missing something , because for unread topics there is not showing icon , i tried all that codes , but i think there should be one more

                      can you double check please

                      ThANKS

                      Comment

                      • glennrocksvb
                        Former vBulletin Developer
                        • Mar 2011
                        • 4011
                        • 5.7.X

                        #12
                        Can you post a link to your forum? It's easier to check in the actual page.

                        Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

                        Comment

                        • Danloona
                          Senior Member
                          • Mar 2015
                          • 543
                          • 4.2.5

                          #13
                          check general discussion category/forum
                          www.surveyarea.net

                          Comment

                          • Danloona
                            Senior Member
                            • Mar 2015
                            • 543
                            • 4.2.5

                            #14
                            up..

                            Comment

                            Related Topics

                            Collapse

                            Working...