89 lines
9.1 KiB
XML
89 lines
9.1 KiB
XML
|
<?xml version="1.0" encoding="UTF-8"?>
|
||
|
|
<item><pubDate>Wed, 30 Jul 2014 14:32:05 -0400</pubDate><title><![CDATA[Styles]]></title><url><![CDATA[styles]]></url><meta><![CDATA[]]></meta><metad><![CDATA[]]></metad><menu><![CDATA[Styles]]></menu><menuOrder><![CDATA[2]]></menuOrder><menuStatus><![CDATA[Y]]></menuStatus><template><![CDATA[template.php]]></template><parent><![CDATA[]]></parent><content><![CDATA[<p>Notice that page titles are an H2 heading, for search engine compatibility.</p>
|
||
|
|
<h1>This is an H1 heading</h1>
|
||
|
|
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Nulla vel quam condimentum, suscipit arcu ut, viverra sem. Maecenas tincidunt, dolor sit amet volutpat tempor, ligula magna suscipit diam, id faucibus nisi tortor id nibh. Aenean vitae diam in velit porttitor volutpat at vel metus.</p>
|
||
|
|
<h2>This is an H2 heading</h2>
|
||
|
|
<p>Nullam fermentum, risus et hendrerit adipiscing, <em>augue purus venenatis metus</em>, non tempus erat risus pulvinar neque. Sed elementum odio non dui rutrum, sit amet semper erat elementum. Nam hendrerit faucibus risus quis faucibus. Donec <u>adipiscing dui in tortor commodo </u>semper. Sed pretium sit amet risus nec placerat.</p>
|
||
|
|
<h3>This is an H3 heading</h3>
|
||
|
|
<p>This is an unordered list:</p>
|
||
|
|
<ul>
|
||
|
|
<li>Curabitur ipsum sem, accumsan vel venenatis sed, posuere quis purus.</li>
|
||
|
|
<li>Aenean sed mauris sed orci scelerisque vulputate a vel sem.</li>
|
||
|
|
<li>In vel eleifend libero.</li>
|
||
|
|
<li>Quisque purus metus, placerat eget egestas at, laoreet viverra est.</li>
|
||
|
|
<li>Phasellus id feugiat leo.</li>
|
||
|
|
<li>Sed euismod venenatis lobortis.</li>
|
||
|
|
<li>Morbi ipsum lectus, congue mattis condimentum in, malesuada id felis.</li>
|
||
|
|
</ul>
|
||
|
|
<p>Unordered list with multi-line entries:</p>
|
||
|
|
<ul>
|
||
|
|
<li>Proin ultrices iaculis nunc non lacinia. Maecenas tempor dignissim tortor, vitae eleifend leo iaculis id. Sed interdum, lorem et aliquet placerat, mi eros pulvinar elit, a auctor nisl dolor quis ligula. Etiam dapibus, mi eget ultricies placerat, nulla tortor sodales ligula, eu mattis turpis arcu bibendum risus.</li>
|
||
|
|
<li>Etiam malesuada risus at aliquet suscipit. Sed condimentum vel ante ac fringilla. Suspendisse nec massa eget erat adipiscing interdum nec a felis. Nunc faucibus ac neque ac posuere. Nam congue diam mollis suscipit eleifend.</li>
|
||
|
|
<li>Vestibulum vulputate nisl vel tellus pellentesque, consectetur convallis magna blandit. Phasellus ultricies pellentesque nibh, eu iaculis quam tincidunt nec.</li>
|
||
|
|
</ul>
|
||
|
|
<h4>This is an H4 heading</h4>
|
||
|
|
<p>This is an ordered list:</p>
|
||
|
|
<ol>
|
||
|
|
<li>Aenean et mauris vitae arcu sollicitudin mollis.</li>
|
||
|
|
<li>Mauris consequat odio ac nulla feugiat, sed gravida urna condimentum.</li>
|
||
|
|
<li>Nam quis metus eros.</li>
|
||
|
|
<li>Quisque ac porttitor enim.</li>
|
||
|
|
<li>Vestibulum euismod aliquam sapien.</li>
|
||
|
|
<li>Praesent in urna vitae arcu porta venenatis vel cursus diam.</li>
|
||
|
|
</ol>
|
||
|
|
<p>Unordered list with multi-line entries:</p>
|
||
|
|
<ol>
|
||
|
|
<li>Proin ultrices iaculis nunc non lacinia. Maecenas tempor dignissim tortor, vitae eleifend leo iaculis id. Sed interdum, lorem et aliquet placerat, mi eros pulvinar elit, a auctor nisl dolor quis ligula. Etiam dapibus, mi eget ultricies placerat, nulla tortor sodales ligula, eu mattis turpis arcu bibendum risus.</li>
|
||
|
|
<li>Etiam malesuada risus at aliquet suscipit. Sed condimentum vel ante ac fringilla. Suspendisse nec massa eget erat adipiscing interdum nec a felis. Nunc faucibus ac neque ac posuere. Nam congue diam mollis suscipit eleifend.</li>
|
||
|
|
<li>Vestibulum vulputate nisl vel tellus pellentesque, consectetur convallis magna blandit. Phasellus ultricies pellentesque nibh, eu iaculis quam tincidunt nec.</li>
|
||
|
|
</ol>
|
||
|
|
<h5>This is an H5 heading</h5>
|
||
|
|
<p>This is a blockquote:</p>
|
||
|
|
<blockquote>Aliquam pretium ante nisi, at malesuada mi tincidunt quis. Maecenas ullamcorper lobortis mauris vitae dapibus. Proin congue pharetra gravida. Donec accumsan nisi ac turpis pretium hendrerit. Nulla egestas egestas nisl vitae porttitor. Maecenas tempus iaculis volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget nibh ac nisl tincidunt volutpat a vel leo. Maecenas blandit placerat nunc et pulvinar.</blockquote>
|
||
|
|
<h6>This is an H6 heading</h6>
|
||
|
|
<p>Here we will see some miscellaneous styles:</p>
|
||
|
|
<p><u><strong>Definition List:</strong></u></p>
|
||
|
|
<dl>
|
||
|
|
<dt>Proin ullamcorper</dt><dd>Ligula lorem, ut congue nibh luctus eu.</dd>
|
||
|
|
<dt>Nunc scelerisque</dt><dd>porttitor luctus</dd>
|
||
|
|
<dt>Integer eget lobortis dolor</dt><dd>Nullam malesuada dui tincidunt, porttitor tortor vitae, commodo felis. Cras egestas, magna in ornare tristique, est sapien lobortis orci, eu egestas lacus erat in elit. Fusce a venenatis ligula. Vestibulum ut mauris eget lacus tincidunt tincidunt. Sed luctus dui eros, commodo facilisis augue tincidunt eu. Maecenas condimentum vulputate tristique. Phasellus porta mollis justo, nec ullamcorper sapien pellentesque nec. Etiam venenatis volutpat velit ac aliquam. Duis at semper nunc, id euismod ante. Nulla augue quam, fermentum quis faucibus et, rutrum tempus metus.</dd>
|
||
|
|
</dl>
|
||
|
|
<p><u><strong>Preformatted Code:</strong></u></p>
|
||
|
|
<pre>for x = 1 to z
|
||
|
|
print "Hello, world"
|
||
|
|
next x
|
||
|
|
end</pre>
|
||
|
|
<p><u><strong>Form Elements:</strong></u></p>
|
||
|
|
<p>I had to take some liberties with these elements, because no character on the show was ever depicted signing up for a PayPal account.</p>
|
||
|
|
<p>Also, this isn't a real form and nothing will happen if you click anything.</p>
|
||
|
|
<form>
|
||
|
|
<fieldset>
|
||
|
|
<legend>Text Entry</legend>
|
||
|
|
<p>Text Field: <input maxlength="100" type="text" value="Text Box" /></p>
|
||
|
|
<p>Text Area:</p>
|
||
|
|
<textarea cols="65" rows="4" value="A maximum value for cols is about 65"></textarea></fieldset>
|
||
|
|
<fieldset>
|
||
|
|
<legend>Selections</legend>
|
||
|
|
<p>Select Element:</p>
|
||
|
|
<select id="series" name="select"> <optgroup label="Select a Series"><option label="" value="The Original Series">The Original Series</option><option label="" value="The Next Generation">The Next Generation</option><option label="" value="Deep Space Nine">Deep Space Nine</option></optgroup></select>
|
||
|
|
<p>Radio Buttons:</p>
|
||
|
|
<input id="TOS" name="radioset" type="radio" /><label for="TOS">The Original Series</label><br />
|
||
|
|
<input id="TNG" name="radioset" type="radio" /><label for="TNG">The Next Generation</label><br />
|
||
|
|
<input id="DS9" name="radioset" type="radio" /><label for="TOS">Deep Space Nine</label>
|
||
|
|
<p>Checkboxes:</p>
|
||
|
|
<input id="TOS" name="checkboxes" type="checkbox" /><label for="TOS">The Original Series</label><br />
|
||
|
|
<input id="TNG" name="checkboxes" type="checkbox" /><label for="TNG">The Next Generation</label><br />
|
||
|
|
<input id="DS9" name="checkboxes" type="checkbox" /><label for="DS9">Deep Space Nine</label></fieldset>
|
||
|
|
<fieldset>
|
||
|
|
<legend>Miscellaneous Form Elements</legend>
|
||
|
|
<p>Password <input maxlength="12" type="password" /></p>
|
||
|
|
<p><label>File Input:</label><input id="upload" name="upload" size="40" type="file" /></p>
|
||
|
|
<p>(Unfortunately, file uploads are styled by your browser's chrome, rather than by CSS, so we're going to have to live with ugly on this bit.)</p>
|
||
|
|
<input class="button" type="submit" value="Submit" /> <input class="button" type="submit" value="Clear Values" />
|
||
|
|
<p>To create a submit button as seen above, edit the HTML and add a class of "button" to the submit input, like this:</p>
|
||
|
|
<pre>&lt;input class="button" type="submit" value="Submit" /&gt;</pre>
|
||
|
|
</fieldset>
|
||
|
|
</form>
|
||
|
|
<p>&nbsp;</p>
|
||
|
|
]]></content><private><![CDATA[]]></private><author><![CDATA[ken]]></author></item>
|