1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
    Dismiss Notice
  3. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Warning Card in Top-Right Corner

Discussion in 'Template Modifications [Archive]' started by James, Oct 6, 2011.

  1. James

    James Well-Known Member

    This template modification will display a yellow card in the top-right corner of any posts that have a public warning posted.

    warning card.png

    To achieve this effect, open up EXTRA.css and add the following:
    Code:
    li.warningNotice{
      background-color: yellow !important;
      float: right;
      width: 80px;
      border: 1px solid #BB0
    }
    
    li.warningNotice .icon{
      float: left;
      margin-right: 2px;
    }
    
    Hope this helps (anybody) - enjoy!
     
    Wulfspider, Fuhrmann, Allan and 6 others like this.
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Nice.

    I like that idea.

    You might want to add a border colour too, to override the default.
     
    James likes this.
  3. James

    James Well-Known Member

    Added a border of #BB0.

    See http://0to255.com/FFFF00 for darker shades of yellow for your borders :)
     
  4. cobra1162

    cobra1162 Active Member

    Nice good job
     
  5. M@rc

    M@rc Well-Known Member

    Good idea. I haven't thought about it, haha.
    Nice work as usual, (y)
     
  6. cografik

    cografik Member

Share This Page