Message Title Enhancement

Message Title Enhancement v1

No permission to download
Anyone have any luck getting this working with the Aurora theme? It doesnt display the gradient..

nevermind, removed santahat css and its fine now.
 
Following a message from kkm323, I thought I'd share my settings incase you are trying to keep the site fairly stock looking (like mine).

Code:
/* THREAD VIEW TITLE BAR ENHANCEMENTS */
 
.thread_view .titleBar {
    border: 1px solid #a5cae4;
    border-radius: 5px;
    background: url("@imagePath/xenforo/gradients/threadview-bg.png") repeat-x scroll bottom #ffffff !important;
    background-color: #f0f7fc !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: #000000;
}
 
.thread_view .titleBar #pageDescription a{
  color: #000000;
  font-weight: bold;
}
 
/* THREAD VIEW TITLE BAR ENHANCEMENTS */
 
/* FORUM VIEW TITLE BAR ENHANCEMENTS */
 
.forum_view .titleBar {
    border: 1px solid #a5cae4;
    border-radius: 5px;
    background: url("@imagePath/xenforo/gradients/threadview-bg.png") repeat-x scroll bottom #ffffff !important;
    background-color: #f0f7fc !important;
    margin:0px auto;
    text-align: center;
    padding: 10px 10px;
    box-shadow: 0 0 1px #ffffff inset;
}
.forum_view .titleBar  #pageDescription , .thread_view .titleBar p{
    color: #000000;
}
 
.forum_view .titleBar #pageDescription a{
  color: #000000;
  font-weight: bold;
}
 
/* FORUM VIEW TITLE BAR ENHANCEMENTS */
 
/* PAGE VIEW TITLE BAR ENHANCEMENTS */
 
.pagenode_container .titleBar {
    border: 1px solid #a5cae4;
    border-radius: 5px;
    background: url("@imagePath/xenforo/gradients/threadview-bg.png") repeat-x scroll bottom #ffffff !important;
    background-color: #f0f7fc !important;
    margin:0px auto;
    text-align: center;
    padding: 10px 10px;
    box-shadow: 0 0 1px #ffffff inset;
}
.pagenode_container .titleBar  #pageDescription , .thread_view .titleBar p{
    color: #000000;
}
 
.pagenode_container .titleBar #pageDescription a{
  color: #000000;
  font-weight: bold;
}
 
/* PAGE VIEW TITLE BAR ENHANCEMENTS */
 
/* FORUM LIST TITLE BAR ENHANCEMENTS */
 
.forum_list .titleBar {
    border: 1px solid #a5cae4;
    border-radius: 5px;
    background: url("@imagePath/xenforo/gradients/threadview-bg.png") repeat-x scroll bottom #ffffff !important;
    background-color: #f0f7fc !important;
    margin:0px auto;
    text-align: center;
    padding: 10px 10px;
    box-shadow: 0 0 1px #ffffff inset;
}
.forum_list .titleBar  #pageDescription , .thread_view .titleBar p{
    color: #000000;
}
 
.forum_list .titleBar #pageDescription a{
  color: #000000;
  font-weight: bold;
}
 
/* FORUM LIST TITLE BAR ENHANCEMENTS */
Thank you!
This one is better for a default style :)
 
Hi Shelley,

Id like to implement this on my site, but, im clueless with these things, and cant get my head round how to customise the color to better fit in with my site.

Wonder if you could offer any advise or perhaps had something knocking about that could work for me ;)

In advance, thanks.

Mineplay
 
Hi Shelley,

Id like to implement this on my site, but, im clueless with these things, and cant get my head round how to customise the color to better fit in with my site.

Wonder if you could offer any advise or perhaps had something knocking about that could work for me ;)

In advance, thanks.

Mineplay

I've been loaded with the flue so I won't be able to help much right now. I'll see how I go later today. I'm assuming you want the same green colour for thread title headings as your category strips on index? If so, let me know and I'll do a gradient. If not, i'll need a colour from you to work with otherwise i'll be guessing what you require.
 
Shelly, hope you feel better soon, so take your time with my query,

Yes, same colour as on the category strips would be great if possible at some point.
 
Shelly, hope you feel better soon, so take your time with my query,

Yes, same colour as on the category strips would be great if possible at some point.

I just ventured in the forum and they are black I was looking at the green strips on the portal. which colour did you require black or green? I think the green would be better but it's your choice?.
 
Shelly, hope you feel better soon, so take your time with my query,

Yes, same colour as on the category strips would be great if possible at some point.


Paste the following code in the Extra.css template and then upload the image (in the attachment) into your gradients folder

Code:
/* THREAD VIEW TITLE BAR ENHANCEMENTS */
 
.thread_view .titleBar {
    border: 1px solid #272e19;
    border-radius: 5px;
    background: url("@imagePath/xenforo/gradients/threadview-bg.png") repeat-x scroll bottom #60703d !important;
    background-color: #60703d !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 */

This is what it'll look like. (below)
gradient-titlebar.webp
 

Attachments

  • threadview-bg.webp
    threadview-bg.webp
    130 bytes · Views: 11
Shelley,

This is a great mod! Only question/problem I have is that the text color (black against the red) is hard to read. Is it possible to get the text in red?

Here is a link so you can see it in action:
http://www.pebforum.com/site/threads/completed-claim.18689/#post-87003

Thanks in advance!

You would need to modify the following and change it to your colour preference

Code:
.titleBar h1 {
    color: #000000 !important;

I would also add .thread_view before .titlebar h1 so it doesn't affect the other titlebars if you haven't applied this enhancement to them.

Edit: I see you have .thread_view .titleBar h1 already added. You have to add !important
 
I think I've just opened a wormhole :(

Haven't tested these yet, but...

.find_new_threads
.search_form_post
.search_results
.member_list
.online_list
.news_feed_page_global
.help_index
.help_about_us
.help_smilies
.help_bb_codes
.help_trophies
.help_cookies
.help_terms

All of this is without going through the account section, tonnes of them in there, what have you started! lol

just doing this works overall:
Code:
.titleBar {
    background: #FFF4E5;
    border: 1px solid #F9D9B0;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
}


:)
 
just doing this works overall:
Code:
.titleBar {
    background: #FFF4E5;
    border: 1px solid #F9D9B0;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
}


:)

I've only just got round to trying this - You are right, that tweak saves doing it everywhere, however you do need to add a bottom margin on for help pages and the like, so I've amended mine (different colours than my previous post) to be:

Code:
/* THREAD VIEW TITLE BAR ENHANCEMENTS */
.titleBar {
    border: 1px solid #646464;
    border-radius: 5px;
    background: url("@imagePath/xenforo/gradients/threadview-bg.png") repeat-x scroll bottom #ffffff !important;
    background-color: #d4d4d4 !important;
    margin:0px auto 10px;
    text-align: center;
    padding: 10px 10px;
    box-shadow: 0 0 1px #ffffff inset;
}
.titleBar  #pageDescription , .thread_view .titleBar p{
    color: #000000;
}
.titleBar #pageDescription a{
  color: #000000;
  font-weight: bold;
}
/* THREAD VIEW TITLE BAR ENHANCEMENTS */

margin:0px auto 10px; being the important change :)

Now to do this on my main forum :D
 
Top Bottom