Thread: Blockquote Tab
View Single Post
Old 05-15-2017, 09:55 AM   #4
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 1,667
Karma: 11766398
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 6/5/iPad 1,2 & Air/Surface Pro/Kindle PW
You can create your own "tabs" using the Clip Editor (Ctrl+Alt+C). When you display the Clip Bar (Right Click in menu area) you can see all the special commands you've created.

I use the following clip which will put <blockquote> around whatever text you have highlighted - then I just type the class name (or delete the ' class="" ' if I want just a generic blockquote):

Code:
Name: Blockquote
Text: <blockquote class="">\n\1\n</blockquote>
You can use this technique to create any "tab" and is definitely useful for those that you use regularly like: span, em, strong, div, a...and even regex phrases you use all the time.

Here's a few of the classes that I use:
Code:
/* Blockquote section styles */
/* Default */
blockquote {margin:2em; text-align:left; text-indent:0}
blockquote p {text-indent:0; margin:0 0 .75em; font-size:0.95em}

/* Custom */
blockquote.ul p     {padding-left:1.5em; text-indent:-.8em; margin-bottom:1em; text-decoration:underline}
blockquote.grave p  {font-weight:bold; text-align:center}
blockquote.book p   {text-align:justify}
blockquote.verse p  {margin-bottom:.25em; font-style:italic}
blockquote.letter p {font-size:0.85em; font-family:"Monotype Corsiva", "cursive"; font-style:italic}
blockquote p.sig    {text-align:right; margin:1em 0 0}
html:
Code:
<blockquote class="letter">
<p>yada yada</p>
<p>yada yada</p>
<p>yada yada</p>
<p>yada yada</p>
<p>yada yada</p>
<p class="sig">All my best,<br />Marcy</p>
</blockquote>


You need to make sure you have properly linked the stylesheet to the html sheet for it to be applied. Right click on the html file in the Book Browser window and select "Link Stylesheets..."


Cheers,

edit:

Last edited by Turtle91; 05-15-2017 at 09:57 AM.
Turtle91 is offline   Reply With Quote