• 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)

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
113
First release
Last update
Rating
4.67 star(s) 3 ratings

More resources from Shelley

Latest reviews

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