Background image for user's post inside a topic

Go down

In progress Background image for user's post inside a topic

Post by QeemBA on April 9th 2015, 4:40 am

Hi All 

I hope everyone do understand my problem. Basically I wanted to place an image or color or maybe a chat bubble behind a user's post. 

This is my forum 

Spoiler:

It's very boring as the user's post is the same as the background. Very boring white page. Plus, I wanted to have a divider for each post. 

This is a good example that i want. 

Like help.forummotion's blog

Spoiler:

and there's a good forum with good example..

Spoiler:

You realized in this way is more pleasing to the eye.. and not some boring white page.

Hope someone could help!  Hello

Regards
Qeem
avatar
QeemBA
Forumember

Posts : 38
Reputation : 1
Language : English

http://teamtazkirah.forummotion.com/

Back to top Go down

In progress Re: Background image for user's post inside a topic

Post by Ange Tuteur on April 9th 2015, 9:20 am

Hi @QueemBA,

What is the version of your forum ? I'm assuming it's phpbb3 going by the image you posted, but I'd like to make sure.

Thanks Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Background image for user's post inside a topic

Post by QeemBA on April 9th 2015, 10:57 am

Yes its phbb3
avatar
QeemBA
Forumember

Posts : 38
Reputation : 1
Language : English

http://teamtazkirah.forummotion.com/

Back to top Go down

In progress Re: Background image for user's post inside a topic

Post by QeemBA on April 11th 2015, 3:54 am

bump
avatar
QeemBA
Forumember

Posts : 38
Reputation : 1
Language : English

http://teamtazkirah.forummotion.com/

Back to top Go down

In progress Re: Background image for user's post inside a topic

Post by Ange Tuteur on April 11th 2015, 11:47 pm

Add this to your stylesheet :
Display > Colors > CSS stylesheet
Code:
.post .postbody {
  background:#FFF;
  border:2px solid #CCC;
  border-radius:3px;
  padding:3px;
  position:relative;
}

.post .postbody:before, .post .postbody::before {
  content:url(http://i19.servimg.com/u/f19/18/21/41/30/l10.png);
  position:absolute;
  left:-8px;
  top:25px;
}

It should give you an example of what you're looking for.
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum