Quotes with avatars

[DRE]

hmm. i'll try later.

 

[Paul B]

BTW, I resolved the last issue by adding margin-bottom: 20px to body .messageText .bbCodeQuote.hasAvatar.

 

[CyberAP]

I updated the first post with the fix. It should work fine with all quotes and even if the quote text is very small.

 

[Paul B]

I have to say, this is a great addition and I'll be adding it to my site later.

I changed the CSS slightly to use the standard size small avatar (48px), which stops them looking blurred due to being increased to 60px.

 

[Kevin]

Brogan, I noticed in your screen shot some different levels of quotes... how are nested quotes handled? Or, more to the point, how do they look with the avatars?

 

[CyberAP]

I have to say, this is a great addition and I'll be adding it to my site later.

I changed the CSS slightly to use the standard size small avatar (48px), which stops them looking blurred due to being increased to 60px.

Actually I made it for my upcoming style metro and decided to share this hack with the community. The original idea was taken from this: http://dribbble.com/shots/340765-Take-notes?list=everyone

 

[Paul B]

how are nested quotes handled?

Not too bad.



I had to remove the 10px margin top from the .bbCodeBlock class to get the alignment though.

 

[Kevin]

Not too bad.

View attachment 22187

I had to remove the 10px margin top from the .bbCodeBlock class to get the alignment though.

That's looking pretty good! Thanks for the pic.

I see now I must play with test this later with one of my sites.

 

[Edrondol]

I still get issues with the avatar above the quote:

 

[Edrondol]

Never mind. It's broken in a couple of styles. Need to check them individually. I thought I was using default but I'm not.

 

[CyberAP]

Updated first post with a smooth onclick transition for webkit. Did't include transitions for other browsers because they can't properly display it (the transition itself or the click effect).

 

[Paul B]

BTW, you don't need all the browser specific transform CSS as it is automatically added.

 

[Edrondol]

Is there a way to do this?

 

[Paul B]

I explored that option, but the avatar was so small it didn't work very well.

I tried it with the 48px small avatar and it made the attribution row too wide.

 

[Paul B]

There will be error logs produced for anyone who hasn't uploaded an avatar and is quoted.

Sadly I think I'm going to have to remove this as there are hundreds of log entries due to it.

 

[CyberAP]

I asked Kier and Mike to help me and add variables to bbcode quote template, I hope this won't take long

 

[Paul B]

I spoke with Mike today about this and he had a play around with the code.

Unfortunately it doesn't look like it's possible to show the default avatar for those who haven't uploaded one without some additional php code.
Specifically an avatar.php file that can handle everything with only a user ID.

 

[PoLiZe]

That is really pretty!

 

[Claudio]

pretty cool!

 

[Digital Doctor]

Original :

Maybe put the avatar on the other side ? (sort of balances out the images)




Maybe embed the avatar in the quoted area ?