Announcement

Collapse
No announcement yet.

normal topic icon

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

  • Hectorsky
    replied
    up..

    Leave a comment:


  • Hectorsky
    replied
    check general discussion category/forum
    www.surveyarea.net

    Leave a comment:


  • Glenn Vergara
    replied
    Can you post a link to your forum? It's easier to check in the actual page.

    Leave a comment:


  • Hectorsky
    replied
    Originally posted by Glenn Vergara View Post
    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

    Leave a comment:


  • Glenn Vergara
    replied
    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

    http://www.vbulletin.com/forum/forum...9-sticky-icons

    Leave a comment:


  • Hectorsky
    replied
    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..

    Leave a comment:


  • Glenn Vergara
    replied
    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

    Leave a comment:


  • Hectorsky
    replied
    Yea , i found already thanks , but i'm looking now for sticky , unsticky icons how to change ,,,

    Leave a comment:


  • Glenn Vergara
    replied
    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?

    Leave a comment:


  • Hectorsky
    replied
    this code are not works

    Leave a comment:


  • Hectorsky
    replied
    Originally posted by Glenn Vergara View Post
    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 ....

    Leave a comment:


  • Hectorsky
    replied
    thanks , i'll check tomorrow

    Leave a comment:


  • Glenn Vergara
    replied
    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');
    }

    Leave a comment:


  • Hectorsky
    started a topic normal topic icon

    normal topic icon

    Hello , i want to ask , how i can change normal topic icon ?
    Thanks

Related Topics

Collapse

Working...
X