Home
2015-03-01, 14:02
![[CSS] "Last edited message" IPB style Alerte10](https://i.servimg.com/u/f66/15/86/37/09/alerte10.png) | Tutorial: "Last edited message" IPB style |
With this tutorial, when someone edits the message, it will appear like on IPB forums, rather than just plain text.
--> Tutorials, tips and tricks <--
"Last edited message" IPB style
"Last edited message" IPB style
1º - CSS
Add the following code in your CSS.
- Code:
.posthead[id] + .postmain .entry-content div p:not(:empty) {
background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
.entry-content p:not(:empty) br {display: none;}
2º - Preview
![[CSS] "Last edited message" IPB style K475qr0](https://i.imgur.com/k475qr0.png)
© PunBB Design
![[CSS] "Last edited message" IPB style Act_bottom](https://www.forumeiros.com/i/img/act_bottom.png) | If you have any questions related to this topic create a topic with the following title: "Last edited message" IPB style |
![[CSS] "Last edited message" IPB style Left1011](https://i.servimg.com/u/f57/17/68/86/50/left1011.png){kind=small}
![[CSS] "Last edited message" IPB style Middle10](https://i.servimg.com/u/f72/17/48/02/71/middle10.png){kind=small}
![[CSS] "Last edited message" IPB style Right10](https://i.servimg.com/u/f72/17/48/02/71/right10.png){kind=small}
