1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

H1 Board Title Enhancement (index only) v1

This will change the visual of your board title on index

  1. Shelley
    h1enhancebb.png

    Summary: This will give your board title a visual which I think looks nice (actually I don't think it looks nice but people might want to style it). This is using gradient css 3 and an image for older browser

    Install: Upload the image in the archive to your /gradients folder and then paste the following code in your EXTRA.CSS Template.


    Code:
     
    /* BOARD TITLE INDEX ONLY  ENHANCEMENT */
     
    .forum_list .titleBar h1 {
    background: url("@imagePath/xenforo/gradients/h1-title.png") repeat-x scroll bottom #ffcd46; /* Old browsers */
    background: -moz-linear-gradient(top, #ffcd46 0%, #ffa916 50%, #f98700 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcd46), color-stop(50%,#ffa916), color-stop(100%,#f98700)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffcd46 0%,#ffa916 50%,#f98700 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffcd46 0%,#ffa916 50%,#f98700 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffcd46 0%,#ffa916 50%,#f98700 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffcd46 0%,#ffa916 50%,#f98700 100%); /* W3C */
        border: 1px solid #5c3200;
        border-radius: 4px;
        box-shadow: 0 0 1px #ffffff inset;
        color: #fff !important;
        padding: 10px 10px;
        text-shadow:  0 0 0 transparent, 0 1px 2px #6a3900;
        text-align: center;
    }
    /* BOARD TITLE INDEX ONLY  ENHANCEMENT */
     
    
    FredC, resonansER, KC2T and 7 others like this.

Recent Reviews

  1. Neil1970
    Neil1970
    4/5,
    Version: v1
    I like this. Thanks
  2. Chris D
    Chris D
    5/5,
    Version: v1
    Another great release by Shelley.
  3. FredC
    FredC
    5/5,
    Version: v1
    Love the "flare" this give our forums.