H1 Board Title Enhancement (index only)

Unmaintained H1 Board Title Enhancement (index only) v1

No permission to download
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 */
Author
Shelley
Downloads
114
First release
Last update
Rating
4.67 star(s) 3 ratings

Latest reviews

I like this. Thanks
Another great release by Shelley.
Love the "flare" this give our forums.
Top