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 */