How to separate every post in thread view?

[rdn]

I just want to separate every post in a thread just like vbulletin.

 

[rdn]

Just like what bbsmiley did: http://www.bbsmiley.com/threads/snow-images-in-sideblocks.42/

 

[rdn]

No one answer

 

[Shelley]

No one answer

This is what i have in extra.css template though you can probably do this via style properties. You probably won't need to set the padding as i have done though i am sure they are set that way because of a few add-ons i have installed.

.messageList .message {
    background: url("@imagePath/xenforo/gradients/your-gradient-image.png") repeat-x scroll center bottom #F7F7F7 !important;
    border: 1px solid #D5D4D4 !important;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding-bottom: 15px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

 

[rdn]

This is what i have in extra.css template though you can probably do this via style properties. You probably won't need to set the padding as i have done though i am sure they are set that way because of a few add-ons i have installed.

.messageList .message {
    background: url("@imagePath/xenforo/gradients/your-gradient-image.png") repeat-x scroll center bottom #F7F7F7 !important;
    border: 1px solid #D5D4D4 !important;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding-bottom: 15px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

Using Flexile Dark.
Background doesn't fit.
An tips?

 

[Shelley]

Using Flexile Dark.
Background doesn't fit.
An tips?

You'll have to change the background: hex value #F7F7F7 to another value probably try this #2a2a2a

But you will probably be best removing the code following code i provided and let the background inherit from the flexille styling

    background: url("@imagePath/xenforo/gradients/your-gradient-image.png") repeat-x scroll center bottom #F7F7F7 !important;

 

[Shelley]

just in case you missed it try the value highlighted in red before removing as i just edited it in.

 

[rdn]

just in case you missed it try the value highlighted in red before removing as i just edited it in.

Can you make a gradient for me?
That suit on flexile dark theme?

Thanks !

 

[rdn]

Kindly look at here: http://www.phcorner.net/threads/uat-pang-butas-still-working.44330/
My css:
.messageList .message {
background: url("styles/flexiledark/xenforo/gradients/category-23px-light.png") repeat-x scroll center bottom #2a2a2a !important;
border: 1px solid #2a2a2a !important;
border-radius: 4px 4px 4px 4px;
margin-bottom: 20px;
}

 

[Shelley]

Can you make a gradient for me?
That suit on flexile dark theme?

Thanks !

Not sure whether this will do but it was a quick 2 sec task.

 

[Shelley]

Kindly look at here: http://www.phcorner.net/threads/uat-pang-butas-still-working.44330/
My css:
.messageList .message {
background: url("styles/flexiledark/xenforo/gradients/category-23px-light.png") repeat-x scroll center bottom #2a2a2a !important;
border: 1px solid #2a2a2a !important;
border-radius: 4px 4px 4px 4px;
margin-bottom: 20px;
}

Adjust your border colour if your wanting to promentely visually show separate postings to a dark value.

 

[rdn]

Take a look at it: http://www.phcorner.net/threads/tips-to-keep-your-android-mobile-safe.29599/
Too much dark gradient ?

 

[Shelley]

Take a look at it: http://www.phcorner.net/threads/tips-to-keep-your-android-mobile-safe.29599/
Too much dark gradient ?

You can load the gradient up in a graphics editor and lower the opacity, save and re-upload. I agree though, it is to0 dark, you will need to lower the opacity to say 50-60% probably even 40%

 

[rdn]

You can load the gradient up in a graphics editor and lower the opacity, save and re-upload. I agree though, it is to0 dark, you will need to lower the opacity to say 50-60% probably even 40%

How about adding gradient on top also?

 

[Shelley]

How about adding gradient on top also?

That is possible but would require additional time which I unfortunately haven't got to go and test since i'm currently working on a style. I'll let someone else takeover from this and they'll be able to guide you into accomplishing this.