XenFacil's Quote - Quote with avatar and more

XenFacil's Quote - Quote with avatar and more 9.0a

No permission to download
Overview FAQ Updates (14) Reviews (7) History Discussion
Work in conversations (and well), but not take the template in posts. Why? I do not know. Style? others add-ons?

Add-on is active in ACP -> Options -> XenFacil's Quote?

Salud2
 
lms said:
Work in conversations (and well), but not take the template in posts. Why? I do not know. Style? others add-ons?

Add-on is active in ACP -> Options -> XenFacil's Quote?

Salud2
Click to expand...
Correct, addon is flagged as active under Xenfacil's Quote options.

We are using DarkFlexile template with a few other modifications. I'm guessing there's a conflicting addon doing it, I'll have to try disabling a few to see if it works.
 
other-png.22142

how can i do this?
 
I have downloaded the last version 4.0.0 but the updated version is 4.0.5 maybe is that why?.I did the same but nothing has changed. thx for your concern btw :)
 
Hey, Luis, great work, thanx!
Works like a charm, one small detail: just downloaded and installed 4.0.5, but is says: 4.0.0 in admin add-on list :)
 
Installed and working. Only glitch is that some of the old quotes (before installing the addon) appears with the avatar and some not. Any clue? I know you say that work only on new ones but why some old yes and some not?
 
Gambleru said:
Hey, Luis, great work, thanx!
Works like a charm, one small detail: just downloaded and installed 4.0.5, but is says: 4.0.0 in admin add-on list :)
Click to expand...
It is the same version..

AndreaMarucci said:
Installed and working. Only glitch is that some of the old quotes (before installing the addon) appears with the avatar and some not. Any clue? I know you say that work only on new ones but why some old yes and some not?
Click to expand...
If options tag quote it's formed by [ quote="lms, post: xxxxxx, member: 614" ] appear both old and new, but if there is no member will not be the avatar. The avatar depends on this option and, as affects the display, works with both old and with new.

Salud2
 
Search for XenFacil_Quote.css and edit it.
Search for
Code: 
body .messageText .bbCodeQuote
{
    margin-left: 0px;
}
Change to
Rich (BB code): 
body .messageText .bbCodeQuote
{
    margin-left: 55px;
    width: 94%;
}

Salud2
 
I'm using your addon and I find it useful. Problem is that I've installed also the responsive addon that my users love. Your quote go outside the right border of the screen as you can see here

err.webp

So I've asked the responsive addon dev about this problem. Here you can see his reply and his suggestion. I alert you about this so maybe you can modify your code to make it compatible...

Thanks for your attention...
 
lms said:
Search for XenFacil_Quote.css
Click to expand...
Hello, I've the same problem

Screenshot 2013-05-02 alle 15.11.30.webp

but I've seen that the css is different

Code: 
body .messageText .bbCodeQuote
{
    margin-left: 0px;
}
 
body .messageText .bbCodeQuote.hasAvatar
{
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    margin-left: 55px;
    margin-right: 0px !important;
    width: 95%;
}

I'm not a css master but what it seems is that if the message has the avatar, the margin 55 and width 95 are applied. In any case that's what I see. Can you help?
 
Add below <xen:else /> (within <xen:else /> ... </xen:if>)
Rich (BB code): 
body .messageText .bbCodeBlock.bbCodeQuote.hasAvatar blockquote .bbCodeBlock
{
width: auto;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
margin-right: 0px;
margin-left: 55px;
}
Rich (BB code): 
body .messageText .bbCodeBlock.bbCodeQuote.hasAvatar blockquote .bbCodeBlock
{
width: auto;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
margin-right: 0px;
margin-left: 55px;
}
body .messageText .bbCodeQuote.hasAvatar
{
width: auto !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
margin-right: 0px !important;
/* margin-left: 55px;
margin-left: 0 !important;
width: 95%;*/
}
PD: In bold are edited.

Salud2
 
Thanks but I've not understood what I've to do. This is the content of the css, can I've your modified version so can I understand. Thank you very much...
Code: 
<xen:require css="bb_code_tag_quote.css" />
 
html body .pageContent .messageText .quote_con_avatar
{
    margin-top: 10px;
    margin-right: 0px !important;
    overflow: hidden;
}
 
body .messageText .quote_con_avatar .QuoteAvatar
{
    border: none;
    float: left;
    margin-left: 10px;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
body .messageText .quote_con_avatar .QuoteAvatar:active
{
    position: relative;
    top: 1px;
    box-shadow: none;
}
 
.messageText .quote_con_avatar .QuoteAvatar .img.s
{
    background-color: #eee;
    background-position: 0% 0%;
    background-size: 60px;
    border: none;
    padding: 0;
    width: 60px;
    height: 60px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    -webkit-transition: box-shadow 0.06s;
}
 
.messageText .quote_con_avatar .QuoteAvatar:active .img.s
{
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04), inset 0 2px 4px rgba(0,0,0,0.4);
}
 
body .messageText .quote_con_avatar .bbCodeQuote
{
    margin: 0;
    margin-left: 85px;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
<xen:if is="{$xenOptions.XF_Quote_TagStyle}">
.messageText .quote_con_avatar .bbCodeQuote .arrow
{
    border-radius: 0;
    height: 20px;
    width: 10px;
    position: absolute;
    left: -11px;
    top: 2px;
    overflow: hidden;
}
.messageText .quote_con_avatar .bbCodeQuote .arrow:after
{
    content: " ";
    background: @bbCodeQuote.border-color;
    height: 9px;
    width: 9px;
    top: 5px;
    left: 5px;
    position: absolute;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
<xen:else />
body .messageText .QuoteAvatar
{
    border: none;
    float: left;
    margin-left: 0;
    margin-right: 10px;
    padding: 1px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    z-index: 10;
}
body .messageText .QuoteAvatar:active
{
    position: relative;
    top: 1px;
    box-shadow: none;
 
}
 
body .messageText .QuoteAvatar .img.s
{
    background-color: @primaryLighterStill;
    background-position: 0% 0%;
    background-size: 48px;
    border: none;
    padding: 0;
    width: 48px;
    height: 48px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    z-index: 10;
}
 
body .messageText .QuoteAvatar:active .img.s
{
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04), inset 0 2px 4px rgba(0,0,0,0.4);
    z-index: 10;
}
 
body .messageText .bbCodeQuote
{
    margin-left: 0px;
}
 
body .messageText .bbCodeQuote.hasAvatar
{
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    margin-left: 55px;
    margin-right: 0px !important;
    width: 95%;
}
 
body .messageText .bbCodeQuote.hasAvatar blockquote
{
    overflow: hidden;
}
 
body .messageText .bbCodeQuote.hasAvatar .attribution
{
    position: relative;
}
 
body .messageText .bbCodeQuote.hasAvatar .arrow
{
    border-radius: 0;
    height: 10px;
    width: 20px;
    position: absolute;
    left: 23px;
    bottom: -10px;
    overflow: hidden;
}
body .messageText .bbCodeQuote.hasAvatar .arrow:after
{
    content: " ";
    background: @bbCodeQuote.border-color;
    border: 1px solid @bbCodeQuote.border-color;
    height: 8px;
    width: 8px;
    top: -5px;
    left: 6px;
    position: absolute;
    box-shadow: 1px 1px rgba(255,255,255,0.25);
 
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
 
</xen:if>
 
I have highlighted the changes in your coded template:
AndreaMarucci said:
Thanks but I've not understood what I've to do. This is the content of the css, can I've your modified version so can I understand. Thank you very much...
Rich (BB code): 
<xen:require css="bb_code_tag_quote.css" />
 
html body .pageContent .messageText .quote_con_avatar
{
    margin-top: 10px;
    margin-right: 0px !important;
    overflow: hidden;
}
 
body .messageText .quote_con_avatar .QuoteAvatar
{
    border: none;
    float: left;
    margin-left: 10px;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
body .messageText .quote_con_avatar .QuoteAvatar:active
{
    position: relative;
    top: 1px;
    box-shadow: none;
}
 
.messageText .quote_con_avatar .QuoteAvatar .img.s
{
    background-color: #eee;
    background-position: 0% 0%;
    background-size: 60px;
    border: none;
    padding: 0;
    width: 60px;
    height: 60px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    -webkit-transition: box-shadow 0.06s;
}
 
.messageText .quote_con_avatar .QuoteAvatar:active .img.s
{
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04), inset 0 2px 4px rgba(0,0,0,0.4);
}
 
body .messageText .quote_con_avatar .bbCodeQuote
{
    margin: 0;
    margin-left: 85px;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
<xen:if is="{$xenOptions.XF_Quote_TagStyle}">
.messageText .quote_con_avatar .bbCodeQuote .arrow
{
    border-radius: 0;
    height: 20px;
    width: 10px;
    position: absolute;
    left: -11px;
    top: 2px;
    overflow: hidden;
}
.messageText .quote_con_avatar .bbCodeQuote .arrow:after
{
    content: " ";
    background: @bbCodeQuote.border-color;
    height: 9px;
    width: 9px;
    top: 5px;
    left: 5px;
    position: absolute;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
<xen:else />
body .messageText .QuoteAvatar
{
    border: none;
    float: left;
    margin-left: 0;
    margin-right: 10px;
    padding: 1px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    z-index: 10;
}
body .messageText .QuoteAvatar:active
{
    position: relative;
    top: 1px;
    box-shadow: none;
 
}
 
body .messageText .QuoteAvatar .img.s
{
    background-color: @primaryLighterStill;
    background-position: 0% 0%;
    background-size: 48px;
    border: none;
    padding: 0;
    width: 48px;
    height: 48px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    z-index: 10;
}
 
body .messageText .QuoteAvatar:active .img.s
{
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04), inset 0 2px 4px rgba(0,0,0,0.4);
    z-index: 10;
}
 
body .messageText .bbCodeQuote
{
    margin-left: 0px;
}
 
body .messageText .bbCodeQuote.hasAvatar
{
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    margin-left: 55px;
    margin-right: 0px !important;
    width: 95%;
}
 
body .messageText .bbCodeQuote.hasAvatar blockquote
{
    overflow: hidden;
}
 
body .messageText .bbCodeQuote.hasAvatar .attribution
{
    position: relative;
}
 
body .messageText .bbCodeQuote.hasAvatar .arrow
{
    border-radius: 0;
    height: 10px;
    width: 20px;
    position: absolute;
    left: 23px;
    bottom: -10px;
    overflow: hidden;
}
body .messageText .bbCodeQuote.hasAvatar .arrow:after
{
    content: " ";
    background: @bbCodeQuote.border-color;
    border: 1px solid @bbCodeQuote.border-color;
    height: 8px;
    width: 8px;
    top: -5px;
    left: 6px;
    position: absolute;
    box-shadow: 1px 1px rgba(255,255,255,0.25);
 
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
 
</xen:if>
Click to expand...
With changes:
Rich (BB code): 
<xen:require css="bb_code_tag_quote.css" />
 
html body .pageContent .messageText .quote_con_avatar
{
    margin-top: 10px;
    margin-right: 0px !important;
    overflow: hidden;
}
 
body .messageText .quote_con_avatar .QuoteAvatar
{
    border: none;
    float: left;
    margin-left: 10px;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
body .messageText .quote_con_avatar .QuoteAvatar:active
{
    position: relative;
    top: 1px;
    box-shadow: none;
}
 
.messageText .quote_con_avatar .QuoteAvatar .img.s
{
    background-color: #eee;
    background-position: 0% 0%;
    background-size: 60px;
    border: none;
    padding: 0;
    width: 60px;
    height: 60px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    -webkit-transition: box-shadow 0.06s;
}
 
.messageText .quote_con_avatar .QuoteAvatar:active .img.s
{
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04), inset 0 2px 4px rgba(0,0,0,0.4);
}
 
body .messageText .quote_con_avatar .bbCodeQuote
{
    margin: 0;
    margin-left: 85px;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
<xen:if is="{$xenOptions.XF_Quote_TagStyle}">
.messageText .quote_con_avatar .bbCodeQuote .arrow
{
    border-radius: 0;
    height: 20px;
    width: 10px;
    position: absolute;
    left: -11px;
    top: 2px;
    overflow: hidden;
}
.messageText .quote_con_avatar .bbCodeQuote .arrow:after
{
    content: " ";
    background: @bbCodeQuote.border-color;
    height: 9px;
    width: 9px;
    top: 5px;
    left: 5px;
    position: absolute;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
<xen:else />
body .messageText .QuoteAvatar
{
    border: none;
    float: left;
    margin-left: 0;
    margin-right: 10px;
    padding: 1px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    z-index: 10;
}
body .messageText .QuoteAvatar:active
{
    position: relative;
    top: 1px;
    box-shadow: none;
 
}
 
body .messageText .QuoteAvatar .img.s
{
    background-color: @primaryLighterStill;
    background-position: 0% 0%;
    background-size: 48px;
    border: none;
    padding: 0;
    width: 48px;
    height: 48px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    z-index: 10;
}
 
body .messageText .QuoteAvatar:active .img.s
{
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04), inset 0 2px 4px rgba(0,0,0,0.4);
    z-index: 10;
}
 
body .messageText .bbCodeQuote
{
    margin-left: 0px;
}
 
body .messageText .bbCodeBlock.bbCodeQuote.hasAvatar blockquote .bbCodeBlock
{
width: auto;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
margin-right: 0px;
margin-left: 55px;
}
 
body .messageText .bbCodeQuote.hasAvatar
{
width: auto !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
margin-right: 0px !important;
/* margin-left: 55px;
margin-left: 0 !important;
width: 95%;*/
}
body .messageText .bbCodeQuote.hasAvatar blockquote
{
    overflow: hidden;
}
 
body .messageText .bbCodeQuote.hasAvatar .attribution
{
    position: relative;
}
 
body .messageText .bbCodeQuote.hasAvatar .arrow
{
    border-radius: 0;
    height: 10px;
    width: 20px;
    position: absolute;
    left: 23px;
    bottom: -10px;
    overflow: hidden;
}
body .messageText .bbCodeQuote.hasAvatar .arrow:after
{
    content: " ";
    background: @bbCodeQuote.border-color;
    border: 1px solid @bbCodeQuote.border-color;
    height: 8px;
    width: 8px;
    top: -5px;
    left: 6px;
    position: absolute;
    box-shadow: 1px 1px rgba(255,255,255,0.25);
 
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
 
</xen:if>
Coming soon there will be an update.

Salud2
 
You must log in or register to reply here.

Similar threads

X
Option history
Replies
0
Views
119
Xon
X
K
Frictionless Login
Replies
8
Views
689
Kirby
K
S
Admin User Notes
Replies
0
Views
100
stromb0li
S
Ozzy47
[OzzModz] Thread Linked Data Image Remove
Replies
2
Views
153
Ozzy47
Ozzy47
lutish
Alipay Pay For Xenforo [Paid]
Replies
7
Views
270
lutish
lutish
Top Bottom