[MADE] Avatar next to quote
#31
It would make sense to post it here - it would match the openness and kindness of making the plugin for you that Frostschutz showed.

HINT.
Random Fish and Sims Maniac
MY PLUGINS
Help MyBBSupport help you - remember to mark your threads as solved


Reply
#32
(2012-12-21, 11:08 PM)frostschutz Wrote: I need help styling it. Wink

If it's not stolen from somewhere, why not just post it openly?

Not stolen, but probably not perfect either.
Depending on the dimensions the width/margin has to be edited.

HTML
<div class="arrow-left"></div><div class="arrow-left-border"></div>
<img style="border-radius:7px; width:50px; height:50px; border:1px solid #777;" src="{$avatar}" align="top" />
<blockquote><cite><span>({$date} {$time})</span>{$name} {$lang->wrote}{$gotopost}</cite>{$message}</blockquote>

Arrow CSS
.arrow-left {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #FCFCFC;
	position: absolute;
	margin-left: 64px;
	margin-top: 9px;
	z-index: 2;
}
.arrow-left-border {
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-right: 11px solid #CCC;
	position: absolute;
	margin-left: 63px;
	margin-top: 8px;
	z-index: 1;
}

BLOCKQUOTE {
	border: 1px solid #CCC;
	background: #FCFCFC;
	padding: 4px;
	width: 89%;
	margin-left: 73px;
	margin-top: -51px;
	border-radius: 5px;
}
Reply
#33
This user has been denied support. This user has been denied support.
Thanks.

Well, for me it looks like this then:

   

And that's why I hate web design. Big Grin

Really, how do you people deal with this. Stuff overlapping, breaking out of boundaries, seriously.

It works fine when you put it in a table but apparently that's a no-no these days.
Reply
#34
The above CSS is very specific for my forum but it should give people an idea how to achieve this.

Change the width of the quoteblock to % Smile
You can also give me a link to your forum and I'll fiddle around with it.

Edit: edited the above post, should work better now.
Reply
#35
This user has been denied support. This user has been denied support.
It's a fresh standard install of MyBB 1.6.9 which I used to develop this plugin.

Oh, by the way, the plugin does not htmlspecialchar's() the username because MyBB currently seems to do it twice so <>&" characters turn out like this:

(2012-12-21, 11:32 PM)<>&"; Wrote: should be <>&"; wrote:

I should probably add it in anyway, as otherwise there may be a problem if MyBB decides to remove one of the two htmlspecialchars and the one removed happens to be the one I'm currently relying on...

EDIT: I think I see the problem now. You give blockquote a negative margin-top to pull it up beside the image. But since there are also blockquotes without avatar image (quote tags without pid) they get pulled up when they shouldn't be. So give the avatar blockquote a class name and do that styling for the class blockquote only. That seems to work better.
Reply
#36
Well this is for my forums, it fits for it.
I will work on a style that works for default, so you can include it in the download.
Reply
#37
This user has been denied support. This user has been denied support.
I updated the plugin to 0.4

It fixes an XSS issue, so you should update; it also shows a warning when it can't modify the file, and comes with a different default style now. You'll still have to improve on this yourself, though.

It also no longer forces a <br> at the end of the quote. If you want it, add it to the template itself.

Also you should note that since this template is evaluated in parser context, the template may be modified by the parser, e.g. newlines may inadvertently turn into even more <br>'s. If in doubt make sure the template is a one liner.
Reply
#38
The idea is interesting, design implementation is a chaos. Thanks for it!
Reply
#39
white-space: wrap;

may fix that issue...but it's hard to say a fix without looking at it. Maybe only the avatar of the current quote would look nicer rather than the children.
Reply
#40
Love this plugin, but it apparently doesn't seem to work in private message replies/quotes. Is there a fix for this by chance?

Edit: To be more specific, hitting the "reply to" button (and thus, quoting the PM) does not generate the proper code needed to make the avatar appear. The plugin itself works in the PM area if one were to manually type in the code.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)