They Said So embedding scripts and joomla extensions come with lots of predefined quote styles to suite your taste. This page gives you examples of each style and code that you can cut an paste in your web page or joomla articles.
Default
Default style. No decoration. Blends with rest of your website.
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_default', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_default">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Just Basics
Beautiful dark grey quote symbol draws attention to the quote
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_grey_leader', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_grey_leader">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Classic
Classic yellow post it style backgrounds with classic fonts.
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_classic', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_classic">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Spiral Note Book
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_spiral_notebook', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_spiral_notebook">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Ribbon Style
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_ribbon', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_ribbon">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
BlackWhiteShadow
Clean white rectangle with author name in dark font. Quote printed with white font and contained with in a black card. A clip in top right and drop shadow on bottom corners give this design a elegant look and would go with most grey scale websites.
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_blackcard', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_blackcard">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
SimpleFences
Cursive grey words that are demarcated from surrounding content by top and bottom lines
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_simple_borders', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_simple_borders">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
PurpleWhite
Quote text is below a purple large purple quote icon both contained in a rectangle white card with rounded corners. The card drops shadow all around it
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_purply_box', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_purply_box">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
BoldShapes
Bold grey card with quote in lighter text and author name in golden letters in a angular black band
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_golden_black', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_golden_black">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
PublicSecret
Cozy orange curve on the left and a huge orange quote ball on the top adds artistic value to the overlined orange text
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_circly_head', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_circly_head">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Wild Strawberries
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_wild_strawberries', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_wild_strawberries">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Modern Green
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_modern_green', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_modern_green">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Clean Single
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_clean_single', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_clean_single">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Floating Box of Blue
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_blueborder_floating', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_blueborder_floating">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Speech from bottom
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_bubble_right_bottom', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_bubble_right_bottom">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Pinched
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_pinched', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_pinched">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Oval Thought Bubble
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_oval_thought', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_oval_thought">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Oval Thought Border
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_oval_thought_border', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_oval_thought_border">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Green Rectangle Speech Bubble
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_green_speech', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_green_speech">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Oval Speech Border
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_oval_speech_border', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_oval_speech_border">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Orange Card
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_orange_card', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_orange_card">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Red Card
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_red_card', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_red_card">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>
Green Card
Sample
Joomla Plugin Code
{theysaidso}display_style:'tso_green_card', qod_category: 'inspire' {/theysaidso}
Universal Code for any webpage
<script type="text/javascript" src="https://theysaidso.com/gadgets/v3/theysaidso.js"></script>
<div class="tso_green_card">
<script>TheySaidSo.render({ qod_category: 'inspire'});</script>
</div>