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

Message Title Enhancement v1

Message title Enhancement

  1. Shelley
    [​IMG]
    [​IMG]
    threadview-enhancements-before.png
    Message-title-enhancement.png

    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 */
     
    
    Warning, QenTox, mcloud and 10 others like this.

Recent Reviews

  1. mcloud
    mcloud
    5/5,
    Version: v1
    Excellent
  2. Travis
    Travis
    5/5,
    Version: v1
    Excellent! Thanks Shelley!
  3. Shyuan
    Shyuan
    5/5,
    Version: v1
    Thank you :D This indeed increases the visibility of the thread title :)
  4. BioRage
    BioRage
    5/5,
    Version: v1
    Amazing. So simple yet dramatically visually orgasmic.

    A+
  5. kkm323
    kkm323
    5/5,
    Version: v1
    lovely!
  6. oman
    oman
    5/5,
    Version: v1
    Thank you for this Shelley. Using the blue version and it looks great!
  7. nukedi
    nukedi
    5/5,
    Version: v1
    Thank you, i like it very much
  8. DRE
    DRE
    5/5,
    Version: v1
    It does the job!
  9. Liam23
    Liam23
    5/5,
    Version: v1
    Looks amazing Shelley!
  10. FredC
    FredC
    5/5,
    Version: v1
    Easy as 1-2-3