How do you like this post style

identicon
How do you like this post style
hmmy Sunday 24th January 2016, 03:34:20

Hi see below:

I'm just toying with script right now. How about post being like so?

![post](http://i.imgur.com/LxFwzMJ.png)

Replies 11
Fred_4346f29d
Fred  Sunday 24th January 2016, 09:12:12

Yes love it :)
But integrate this css in the plugin Identicon.
  • Before ask a question, read the documentation.
  • 🎉  Featured as #1 product of the day on Product Hunt
  • Please like in alternativeto.net 👍🏻
  • ╰☆╮Flatboard╰☆╮ is a open source and community contributions are essential to project success!

identicon
hmmy  Sunday 24th January 2016, 18:35:14

I'm attempting to use the trip number for the background color of #trip. I am using css to invert the text color

But this breaks when the post gets quoted. Any idea why this would happen?

![trip](http://i.imgur.com/jwaA8U6.png)

Fred_4346f29d
Fred  Sunday 24th January 2016, 18:54:50

  Because all the quotes are dynamically parsed to return the author of the post as well as for safety reasons.
I do not know if this is really the answer to the question, sorry I do not quite understand English.
  • Before ask a question, read the documentation.
  • 🎉  Featured as #1 product of the day on Product Hunt
  • Please like in alternativeto.net 👍🏻
  • ╰☆╮Flatboard╰☆╮ is a open source and community contributions are essential to project success!

identicon
hmmy  Sunday 24th January 2016, 19:01:48

  This is what I mean

![quote](http://i.imgur.com/zx4D8Qq.png)

Fred_4346f29d
Fred  Sunday 24th January 2016, 19:10:37

Post your code here please (in
tags)
  • Before ask a question, read the documentation.
  • 🎉  Featured as #1 product of the day on Product Hunt
  • Please like in alternativeto.net 👍🏻
  • ╰☆╮Flatboard╰☆╮ is a open source and community contributions are essential to project success!

identicon
hmmy  Sunday 24th January 2016, 19:17:47

  Sloppy, but that's ok:


return 'Guest <span style="background:#'.substr($id, -6).';padding:2px;padding-left:4px;padding-right:4px;border-radius: 4px;"> <span style="mix-blend-mode:difference;color:white;">#'.substr($id, -6).'</span></span>';
}

Fred_4346f29d
Fred  Sunday 24th January 2016, 19:26:27

Houla, no it is not clean at all that :)
I thought you went straight in the style of the theme, you have the class `.user`, `.admin` and `.worker` to do that.
  • Before ask a question, read the documentation.
  • 🎉  Featured as #1 product of the day on Product Hunt
  • Please like in alternativeto.net 👍🏻
  • ╰☆╮Flatboard╰☆╮ is a open source and community contributions are essential to project success!

identicon
hmmy  Sunday 24th January 2016, 19:39:37

  i'm not a developer :). Would you mind giving me an example?

never shown to the public