Message Title Enhancement

Unmaintained Message Title Enhancement v1

No permission to download
gAkxw.png
sxxzz.png
threadview-enhancements-before.webp
Message-title-enhancement.webp

Summary: This will give your message title a visual which I think looks nice. I've used an image but i ought to have used some css3 gradient and fallback on the image which you are free to do but this give you the idea to enhance it further.

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

Using on Flexille Styles: Visit this Post and use the css from that post if your using the Flexille style.

CSS3 Gradient version: You'll still have to upload the image gradient for older browser fallback. But refer to this Post for the code for the CSS3 Gradient message title enhancements
Code:
/* THREAD VIEW TITLE BAR ENHANCEMENTS */
 
.thread_view .titleBar {
    border: 1px solid #5b0b0b;
    border-radius: 5px;
    background: url("@imagePath/xenforo/gradients/threadview-bg.png") repeat-x scroll bottom #891010 !important;
    background-color: #891010 !important;
    margin:0px auto;
    text-align: center;
    padding: 10px 10px;
    box-shadow: 0 0 1px #ffffff inset;
}
.thread_view .titleBar  #pageDescription , .thread_view .titleBar p{
    color: #DCCDBB;
}
 
.thread_view .titleBar #pageDescription a{
  color: #f7e5b6;
  font-weight: bold;
}
 
.thread_view .titleBar h1 {
  color: #f7e5b6;
  text-shadow: 0 0 0 transparent, 1px 1px 0 #4B3D2D !important;
}
 
 
/* THREAD VIEW TITLE BAR ENHANCEMENTS */

Latest reviews

Excellent
Excellent! Thanks Shelley!
Thank you :D This indeed increases the visibility of the thread title :)
Amazing. So simple yet dramatically visually orgasmic.

A+
lovely!
Thank you for this Shelley. Using the blue version and it looks great!
Thank you, i like it very much
It does the job!
Looks amazing Shelley!
Easy as 1-2-3
Top Bottom