Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

Message Title Enhancement v1

Message Title Enhancement

  1. crash_king
    Compatible XF Versions:
    • 1.1
    • 1.2
    • 1.3
    • 1.4
    • 1.5
    [​IMG]
    After
    [​IMG]

    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.

    PHP:
    /* THREAD VIEW TITLE BAR ENHANCEMENTS */
    .thread_view .titleBar {
    border1px solid #5b0b0b;
    border-radius5px;
    backgroundurl("@imagePath/xenforo/gradients/threadview-bg.png"repeat-x scroll bottom #891010 !important;
    background-color#891010 !important;
    margin:0px auto;
    text-aligncenter;
    padding10px 10px;
    box-shadow0 0 1px #ffffff inset;
    }
    .
    thread_view .titleBar #pageDescription , .thread_view .titleBar p{
    color#DCCDBB;
    }
    .
    thread_view .titleBar #pageDescription a{
    color#f7e5b6;
    font-weightbold;
    }
    .
    thread_view .titleBar h1 {
    color#f7e5b6;
    text-shadow0 0 0 transparent1px 1px 0 #4B3D2D !important;
    }
    /* THREAD VIEW TITLE BAR ENHANCEMENTS */