Joomla Templates Club 406,261 posts

[decrevel19 Friend decrevel19Join date: December 2009Posts: 12Downloads:0Uploads:0 Thanks: 5]

#149039

Not sure what happened or how it was destroyed, but at http://www.etaisnow.com/index.php?option=com_content&view=article&id=57&Itemid=53 the typography is all messed up. Im not sure if somehow a code got closed but I never touch that page and use it for reference.

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

#334261

Hello decrevel19!

i compared your page and with our page, they are different .
So many dirty html tags inserted On your page, so that the page is showing in a mess. i guess onebody edited this page.

[decrevel19 Friend decrevel19Join date: December 2009Posts: 12Downloads:0Uploads:0 Thanks: 5]

#334277

whats the quickest way to restore it?

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

#334279

Here is the source code, pls update for this article
[PHP]
<p>This page presents most of typographical aspects of JA Purity 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>
<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>
<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>
<h2>Special Content</h2>
<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>
<p>This is a <span class=”highlight”>highlight phrase</span>. Use <strong><span class=”highlight”>Your highlight phrase goes here!</span></strong>.</p>
<p><span class=”dropcap”>T</span>his is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA Purity 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>
<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>
<h2>Lists Style</h2>
<div class=”clearfix”>
<div style=”width: 48%; float: left;”><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></div>
<div style=”width: 48%; float: right;”>
<ul>
<li>This is a sample <strong>Unordered List</strong>.</li>
<li>Condimentum quis.</li>
<li>Lorem ipsum dolor sit amet consectetuer.</li>
<li>Congue Quisque augue elit dolor nibh.</li>
</ul>
</div>
</div>
<div class=”clearfix”>
<div style=”width: 48%; float: left;”>
<ul class=”arrow”>
<li><span class=”icon”> </span>This is a sample <strong>Arrow list</strong>.</li>
<li><span class=”icon”> </span>Use <strong><ul class=”arrow”><li><span class=”icon”> </span>List’s content goes here!</li></ul></strong></li>
<li><span class=”icon”> </span>This is a sample Checklist.</li>
</ul>
<ul class=”star”>
<li><span class=”icon”> </span>This is a sample <strong>Star List</strong>.</li>
<li><span class=”icon”> </span>Use <strong><ul class=”star”><li><span class=”icon”> </span>List’s content goes here!</li></ul></strong></li>
<li><span class=”icon”> </span>This is a sample Star List.</li>
</ul>
<ul class=”checklist”>
<li><span class=”icon”> </span>This is a sample <strong>Checklist</strong>.</li>
<li><span class=”icon”> </span>Use <strong><ul class=”checklist”><li><span class=”icon”> </span>List’s content goes here!</li></ul></strong></li>
<li><span class=”icon”> </span>This is a sample Checklist.</li>
</ul>
</div>
<div style=”width: 48%; float: right;”>
<ul class=”phone”>
<li><span class=”icon”> </span>This is a sample <strong>Phone List</strong>.</li>
<li><span class=”icon”> </span>Use <strong><ul class=”phone”><li><span class=”icon”> </span>List’s content goes here!</li></ul></strong></li>
<li><span class=”icon”> </span>This is a sample Phone List.</li>
</ul>
<ul class=”address”>
<li><span class=”icon”> </span>This is a sample <strong>Address List</strong>.</li>
<li><span class=”icon”> </span>Use <strong><ul class=”address”><li><span class=”icon”> </span>List’s content goes here!</li></ul></strong></li>
<li><span class=”icon”> </span>This is a sample Address List.</li>
</ul>
<ul class=”email”>
<li><span class=”icon”> </span>This is a sample <strong>Email List</strong>.</li>
<li><span class=”icon”> </span>Use <strong><ul class=”email”><li><span class=”icon”> </span>List’s content goes here!</li></ul></strong></li>
<li><span class=”icon”> </span>This is a sample Email List.</li>
</ul>
</div>
</div>
<p class=”blocknumber”><span class=”bignumber-1″>01</span>This is a sample block number. Use <strong><p class=”blocknumber-1″><span class=”bignumber”>01.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”blocknumber”><span class=”bignumber-1″>02</span>This is a sample block number. Use <strong><p class=”blocknumber-1″><span class=”bignumber”>02.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”blocknumber”><span class=”bignumber-1″>03</span>This is a sample block number. Use <strong><p class=”blocknumber-1″><span class=”bignumber”>03.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”blocknumber”><span class=”bignumber-2″>01</span>This is a sample block number. Use <strong><p class=”blocknumber-2″><span class=”bignumber”>01.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”blocknumber”><span class=”bignumber-2″>02</span>This is a sample block number. Use <strong><p class=”blocknumber-2″><span class=”bignumber”>02.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”blocknumber”><span class=”bignumber-2″>03</span>This is a sample block number. Use <strong><p class=”blocknumber-2″><span class=”bignumber”>03.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”blocknumber”><span class=”bignumber-3″>01</span>This is a sample block number. Use <strong><p class=”blocknumber-3″><span class=”bignumber”>01.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”blocknumber”><span class=”bignumber-3″>02</span>This is a sample block number. Use <strong><p class=”blocknumber-3″><span class=”bignumber”>02.</span>Your content goes here!</p></strong> to form a block number!</p>
<p class=”blocknumber”><span class=”bignumber-3″>03</span>This is a sample block number. Use <strong><p class=”blocknumber-3″><span class=”bignumber”>03.</span>Your content goes here!</p></strong> to form a block number!</p>
<h2 style=”margin: 0;”>Paragraph Style</h2>
<div class=”clearfix” style=”margin-bottom: 20px;”>
<div style=”width: 48%; float: left;”>
<p class=”error”><span class=”icon”> </span>Use <strong><p class=”error”><span class=”icon”> </span>Your message goes here!</p></strong> to make this.</p>
<p class=”message”><span class=”icon”> </span>Use <strong><p class=”message”><span class=”icon”> </span>Your message goes here!</p></strong> to make this.</p>
<p class=”tips”><span class=”icon”> </span>Use <strong><p class=”tips”><span class=”icon”> </span>Your message goes here!</p></strong> to make this.</p>
<p class=”key”><span class=”icon”> </span>Use <strong><p class=”key”><span class=”icon”> </span>Your message goes here!</p></strong> to make this.</p>
<p class=”tag”><span class=”icon”> </span>Use <strong><p class=”tag”><span class=”icon”> </span>Your message goes here!</p></strong> to make this.</p>
</div>
<div style=”width: 48%; float: right;”>
<p class=”cart”><span class=”icon”> </span>Use <strong><p class=”cart”><span class=”icon”> </span>Your message goes here!</p></strong> to make this.</p>
<p class=”doc”><span class=”icon”> </span>Use <strong><p class=”doc”><span class=”icon”> </span>Your message goes here!</p></strong> to make this.</p>
<p class=”note”><span class=”icon”> </span>Use <strong><p class=”note”><span class=”icon”> </span>Your message goes here!</p></strong> to make this.</p>
<p class=”photo”><span class=”icon”> </span>Use <strong><p class=”photo”><span class=”icon”> </span>Your message goes here!</p></strong> to make this</p>
<p class=”mobi”><span class=”icon”> </span>Use <strong><p class=”mobi”><span class=”icon”> </span>Your message goes here!</p></strong> to make this.</p>
</div>
</div>
<h2>Bubbles</h2>
<div class=”bubble bubble-l1 clearfix”>
<div class=”box-ct”>
<div class=”box tl”></div>
<div class=”box tr”></div>
<div class=”box bl”></div>
<div class=”box br”></div>
<div class=”bubble <strong>bubble-l1</strong> clearfix”><br /> <div class=”box-ct”><br /> <div class=”box tl”> </div> <div class=”box tr”> </div> <div class=”box bl”> </div> <div class=”box br”> </div> <br /> Buble’s content goes here! <br /> </div> <br /> <span class=”arrow”> </span> <span class=”author”>Put author name here</span><br /> </div></div>
<span class=”arrow”> </span> <span class=”author”>Put author name here</span></div>
<div class=”bubble bubble-l2 clearfix”>
<div class=”box-ct”><div class=”bubble <strong>bubble-l2</strong> clearfix”><br /> <div class=”box-ct”><br /> Bubble’s content goese here!<br /> </div><br /> <span class=”arrow”> </span><br /> <span class=”author”>Put author name here</span><br /> </div></div>
<span class=”arrow”> </span> <span class=”author”>Put author name here</span></div>
<div class=”bubble bubble-d1 clearfix”>
<div class=”box-ct”>
<div class=”box tl”></div>
<div class=”box tr”></div>
<div class=”box bl”></div>
<div class=”box br”></div>
<div class=”bubble <strong>bubble-d1</strong> clearfix”><br /> <div class=”box-ct”><br /> <div class=”box tl”> </div> <div class=”box tr”> </div> <div class=”box bl”> </div> <div class=”box br”> </div> <br /> Buble’s content goes here! <br /> </div> <br /> <span class=”arrow”> </span> <span class=”author”>Put author name here</span><br /> </div></div>
<span class=”arrow”> </span> <span class=”author”>Put author name here</span></div>
<div class=”bubble bubble-d2 clearfix”>
<div class=”box-ct”><div class=”bubble <strong>bubble-d2</strong> clearfix”><br /> <div class=”box-ct”><br /> Bubble’s content goese here!<br /> </div><br /> <span class=”arrow”> </span><br /> <span class=”author”>Put author name here</span><br /> </div></div>
<span class=”arrow”> </span> <span class=”author”>Put author name here</span></div>
<div class=”bubble bubble-hl1 clearfix”>
<div class=”box-ct”>
<div class=”box tl”></div>
<div class=”box tr”></div>
<div class=”box bl”></div>
<div class=”box br”></div>
<div class=”bubble <strong>bubble-hl1</strong> clearfix”><br /> <div class=”box-ct”><br /> <div class=”box tl”> </div> <div class=”box tr”> </div> <div class=”box bl”> </div> <div class=”box br”> </div> <br /> Buble’s content goes here! <br /> </div> <br /> <span class=”arrow”> </span> <span class=”author”>Put author name here</span><br /> </div></div>
<span class=”arrow”> </span> <span class=”author”>Put author name here</span></div>
<div class=”bubble bubble-hl2 clearfix”>
<div class=”box-ct”><div class=”bubble <strong>bubble-hl2</strong> clearfix”><br /> <div class=”box-ct”><br /> Bubble’s content goese here!<br /> </div><br /> <span class=”arrow”> </span><br /> <span class=”author”>Put author name here</span><br /> </div></div>
<span class=”arrow”> </span> <span class=”author”>Put author name here</span></div>
<h2>Boxes and Legends Style</h2>
<p class=”box-sticky”>This is a sticky. Use <strong><p class=”box-sticky”>Your clip note goes here!</p></strong> to create a clip note!</p>
<p class=”box-download”>This is a download box. Use <strong><p class=”box-download”>Your download goes here!</p></strong> to create a download box!</p>
<p class=”box-grey”>This is a grey box. Use <strong><p class=”box-grey”>Your content goes here!</p></strong> to create a grey box!</p>
<p class=”box-hilite”>This is a hilite box. Use <strong><p class=”box-hilite”>Your content goes here!</p></strong> to create a hilite box!</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>
<h2>Special Module Style</h2>
<div class=”clearfix”>
<div class=”moduletable moduletable_badge badge-top” style=”border: 1px solid #dddddd; margin: 0pt 0pt 10px; padding: 0pt; width: 45%; float: left;”><span class=”badge”> </span>
<div class=”ja-box-ct” style=”padding: 10px 25px;”>Use module suffix: <strong>_badge badge-top</strong> to put this badge on any module you like!</div>
</div>
<div class=”moduletable moduletable_default badge-new” style=”border: 1px solid #dddddd; margin: 0pt 0pt 10px; padding: 0pt; width: 45%; float: right;”><span class=”badge”> </span>
<div class=”ja-box-ct” style=”padding: 10px 25px;”>Use module suffix: <strong>_badge badge-new</strong> to put this badge on any module you like!</div>
</div>
</div>
<div class=”clearfix”>
<div class=”moduletable moduletable_default badge-pick” style=”border: 1px solid #dddddd; margin: 0pt 0pt 10px; padding: 0pt; width: 45%; float: left;”><span class=”badge”> </span>
<div class=”ja-box-ct” style=”padding: 10px 25px;”>Use module suffix: <strong>_badge badge-pick</strong> to put this badge on any module you like!</div>
</div>
<div class=”moduletable moduletable_default badge-hot” style=”border: 1px solid #dddddd; margin: 0pt 0pt 10px; padding: 0pt; width: 45%; float: right;”><span class=”badge”> </span>
<div class=”ja-box-ct” style=”padding: 10px 25px;”>Use module suffix: <strong>_badge badge-hot</strong> to put this badge on any module you like!</div>
</div>
</div>
[/PHP]

[Author]

Posts