Source code of tbs_us_examples_prmenlarge.htm

  1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>TinyButStrong - Example of parameter enlarge</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./tbs_us_examples_styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main-body">
  <h1>Example of parameter <samp>enlarge</samp></h1>
  <div class="w3cinfo"> this TBS template is W3C compliant <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" style="border:none;" /></a> </div>
  <div id="example">
  
    <p>
        The <samp>enlarge</samp> parameter gives a supplementary comfort for designing a Template using a visual HTML Editor.
        It enables you to enlarge the bounds of a locator to the bounds of any tag.
    </p>
    
    <h2>Example #1</h2>

    <p>The TBS field will be enlarged to the <samp>&lt;span&gt;</samp> tag.</p>

    <p>
    Time is now:
    <span>
        [onshow..now;frm='hh:nn:ss';enlarge=span]
        So this text will be deleted during the merging.
    </span>
    .</p>

    <h2>Example #2 - with an HTML comment</h2>

    <p>The TBS field will be enlarged to the HTML comment.</p>
    
    <p>Time is now:
    <!--
        [onshow..now;frm='hh:nn:ss';enlarge]
        So this text will be deleted during the merging.
    -->
.
    </p>
    
    
  </div>
</div>
</body>
</html>