Joomla Templates Club 406,261 posts

[jose vega Friend jose vegaJoin date: January 2015Posts: 100Downloads:0Uploads:1 Thanks: 16]

#150596

Good morning,

Somebody can spend or to say eats up to obtain the code of it paginates it typografhy in teline II.

The problem is that I am ruined happiness it paginates typografhy.

Thank you.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#341607

Dear floresalud!

i;m sorry can you pls explain the issue in detail, please give me some typegraphy of pagination you like, i try to help you

thanks

[jose vega Friend jose vegaJoin date: January 2015Posts: 100Downloads:0Uploads:1 Thanks: 16]

#341611

good morning,

I simply need the code html of the page typography, teline II.

it paginates lost

thank you.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#341766

Dear floresalud!

if you use the quickstart , please find the Teline II’s Typography article,

Here is the source code of the typo page

<p>This page presents most of typographical aspects of JA Teline ii. <span class=”highlight”>Make your readers happy</span> with great Typography and User Experience!</p>
<h1>This is an Heading 1</h1>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
<h2>This is an Heading 2</h2>
<p>Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst.</p>
<p>Below is a sample of <strong><pre></strong> or <strong><div class=”code”></strong></p>
<pre>#ja-rightcol {<br /> width: 180px;<br /> float: right;<br /> color: #EEEEEE;<br />}<br /></pre>
<h3>This is an Heading 3</h3>
<p>Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.</p>
<ol>
<li>This is a sample <strong>Ordered List</strong>.</li>
<li>Lorem ipsum dolor sit amet consectetuer.</li>
<li>Condimentum quis.</li>
<li>Congue Quisque augue elit dolor nibh.</li>
</ol>
<h4>This is an Heading 4</h4>
<p>Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.</p>
<ul>
<li>This is a sample <strong>Unordered List</strong>.</li>
<li>Condimentum quis.</li>
<li>Congue Quisque augue elit dolor.</li>
<li>Nunc cursus sem et pretium sapien eget.</li>
</ul>
<ul class=”checklist”>
<li>This is a sample <strong>Check list</strong>. Interdum Vestibulum Sed Lorem eu </li>
<li>Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.</li>
<li>Lorem et nunc congue pede auctor condimentum habitasse rutrum</li>
<li>Nunc cursus sem et pretium sapien eget.</li>
</ul>
<ul class=”stars”>
<li>This is a sample <strong>Unordered list</strong>. Interdum Vestibulum Sed Lorem eu </li>
<li>Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.</li>
<li>Lorem et nunc congue pede auctor condimentum habitasse rutrum</li>
<li>Nunc cursus sem et pretium sapien eget.</li>
</ul>
<ul class=”arrow”>
<li>This is a sample <strong>Unordered list</strong>. Interdum Vestibulum Sed Lorem eu </li>
<li>Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.</li>
<li>Lorem et nunc congue pede auctor condimentum habitasse rutrum</li>
<li>Nunc cursus sem et pretium sapien eget.</li>
</ul>
<div class=”bubble1″>
<div>
<div>
<div>
<div>
<div>This is a sample Bubble. Use <<strong>div class=”bubble1″></strong> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div> </div><span class=”author”>ROUNDED SPEECH BUBBLE</span> <strong></div></strong></div>
</div>
</div>
</div>
</div>
<span class=”author”>ROUNDED SPEECH BUBBLE.</span></div>
<div class=”bubble2″>
<div>
<div>
<div>
<div>
<div>This is a sample Bubble. Use <<strong>div class=”bubble2″></strong><div><div><div> <div><div>Your Bubble goes here! </div></div></div></div></div><span class=”author”>SQUARE SPEECH BUBBLE.</span> <strong></div></strong></div>
</div>
</div>
</div>
</div>
<span class=”author”>SQUARE SPEECH BUBBLE</span>.</div>
<div class=”bubble3″>
<div>
<div>
<div>
<div>
<div>This is a sample Bubble. Use <<strong>div class=”bubble3″></strong> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div></div><span class=”author”>ROUNDED THINKING BUBBLE</span> <strong></div></strong></div>
</div>
</div>
</div>
</div>
<span class=”author”>ROUNDED THINKING BUBBLE</span>.</div>
<div class=”bubble4″>
<div>
<div>
<div>
<div>
<div>This is a sample Bubble. Use <<strong>div class=”bubble4″></strong><div><div><div><div><div> Your Bubble goes here! </div></div></div></div></div><span class=”author”>SQUARE THINKING BUBBLE</span> <strong></div></strong></div>
</div>
</div>
</div>
</div>
<span class=”author”>SQUARE THINKING BUBBLE</span>.</div>
<p class=”stickynote”>This is a sample clip note. Use <strong><p class=”stickynote”>Your clip note goes here!</p></strong> to form a clip note!</p>
<p class=”download”>This is a sample download. Use <strong><p class=”download”>Your download goes here!</p></strong> to form a download!</p>
<blockquote><span class=”open”>T</span>his is a sample Blockquote. Use <strong><blockquote>Your quote goes here!</blockquote></strong> to form a quote!</blockquote>
<blockquote><span class=”open”>T</span>his is a sample Blockquote. Use <strong><blockquote><span class=”open”>Y</span>our quote goes her<span class=”close”>e!</span></blockquote></strong> to form a quote<span class=”close”>!</span></blockquote>
<p class=”blocknumber”><span class=”bignumber”>01</span>This is a sample block number. Use <strong><p class=”blocknumber”><span class=”bignumber”>01.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”blocknumber”><span class=”bignumber”>02</span>This is a sample block number. Use <strong><p class=”blocknumber”><span class=”bignumber”>02.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”blocknumber”><span class=”bignumber”>03</span>This is a sample block number. Use <strong><p class=”blocknumber”><span class=”bignumber”>03.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”error”>This is a sample error message. Use <strong><p class=”error”>Your error message goes here!</p></strong>.</p>
<p class=”message”>This is a sample info message. Use <strong><p class=”message”>Your info message goes here!</p></strong>.</p>
<p class=”tips”>This is a sample tips message. Use <strong><p class=”tips”>Your tips goes here!</p></strong>.</p>
<p>This is a <span class=”highlight”>highlight phrase</span>. Use <strong><span class=”highlight”>Your highlight phrase goes here!</span></strong>.</p>
<ul class=”none-padding”>
<li><a class=”video” href=”#” title=”Sample link”>This is a sample <strong>Video list</strong>. Interdum Vestibulum Sed Lorem eu</a></li>
<li><a class=”rss” href=”#” title=”Sample link”>This is a sample <strong>RSS list</strong>. Interdum Vestibulum Sed Lorem eu</a></li>
<li><a class=”link” href=”#” title=”Sample link”>This is a sample <strong>Link list</strong>. Interdum Vestibulum Sed Lorem eu</a></li>
</ul>
<p><span class=”dropcap”>T</span>his is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA Teline ii bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class. In all fairness to the paragraph itself we probably should type enough to see how it looks when it is surrounded by its textual friends by using more words.</p>
<p class=”box-grey”>Use <strong><p class=”box-grey”></strong>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.<strong></p></strong></p>
<p class=”box-hilite”>Use <strong><p class=”box-hilite”></strong>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.<strong></p></strong></p>
<div class=”legend”>
<h3 class=”legend-title”>Legend style</h3>
<p>Use <strong><div class=”legend”><h3 class=”legend-title”>Your title</h3><p></strong>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.<strong></p></div></strong></p>
</div>
<div class=”legend-hilite”>
<h3 class=”legend-title”>Legend style highlight</h3>
<p>Use <strong><div class=”legend-hilite”><h3 class=”legend-title”>Your title</h3><p></strong>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.<strong></p></div></strong></p>
</div>

1 user says Thank You to Saguaros for this useful post

1. jose vega

[Author]

Posts