.
SE HTML
PRACTICE html
Practice html found on this page, or any other, using an off-site practice board like at zoicks or w3schools.

However, as SE often adds personalized variables to code, notably unexpected <br>s which can break strings, a final check could be sending yourself a private message by replacing my 27543 account number with your own here.

For further convenience, paste the following code into your profile, again replacing my 27543 with your own account number or name, so a direct link is always handy:

Send <a href="http://sensibleerection.com/messages.php?action=new&receiver_id=27543">me</a> a private message.

IMAGES in comments
<img src="XXXXX">

Replace the XXXXX with the image's web address. Be sure to close quotes or it screws up the whole page. To avoid broken images, don't hotlink but host your own: Photobucket is preferred with user-friendly galleries and in-browser editing/resizing even after posting, Imageshack offers quick public hosting without any account at all, imgur.com hosts porn. All three upload from both saved file and web. Use JPG and PNG for photos/art, and GIF for text/animation. Keep images to a reasonable size as large files drag modems and overfill the screen, aiming for under ~300KB (1MB for animation), or 480h x 680w pixels.

examples:
<img src="http://www.tnathanroane.com/beakeroil.jpg">


<img src="http://i256.photobucket.com/albums/hh164/composernate/tnr/natestache.gif">
animated gif example

LINKING in comments
<a href="http://www.tnathanroane.com">http://www.tnathanroane.com</a>

~ Always add http:// within the "quotes" inside the <inequality signs>.
~ Whatever is inside the quotes is where the reader is sent, so be absolutely sure to close quotes.
~ Everything inside the carrots is hidden from the reader as html code.
~ Nothing outside the carrots affects code, so write whatever you want there.

examples:
<a href="http://sensibleerection.com/">Sensible Erection</a>
Sensible Erection

I read <a href="http://onegoodmove.org/1gm/">blogs</a> daily.
I read blogs daily.

DROP-DOWN Spoiler Menus
When you wish to give the option of viewing your comment, whether it is an extra large image, auto-play media, movie/game spoiler, wall-of-text or whatever, it can be placed in a hidden box with opening button using one of these adjustable codes, replacing the XXXXX with whatever html or text is to be hidden:

<div class="smallfont" style="margin-bottom: 1px;"><input value="Show" style="margin: 0px; padding: 0px; width: 50px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 5px;"><div style="display: none;">XXXXX</div></div>

<div style="margin: 1px;"><div class="quotetitle"><input value="Show" style="width: 60px; font-size: 10px; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div><div class="quotecontent"><div style="display: none;"><span style="font-size: 87%;">XXXXX</span></div></div></div>

+
<div style="margin:0px; padding:0px; border:1px solid #330000; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; text-align:center;"><a style="display:block; cursor:pointer; margin:0px; padding:0px;" onclick="nss=this.nextSibling.style; fc=this.firstChild; if(nss.display!='') { nss.display=''; fc.innerHTML='-'; this.title='Hide'; } else { nss.display='none'; fc.innerHTML='+'; this.title='Show';}" title="Show"><b style="background:#660000; color:#fff; padding:0px 20px; border:1px solid #660000; font:9px monospace;">+</b></a><div style="display:none; text-align:left; margin:0px; padding:9px;"><span style="font-size: 85%;">XXXXX</span></div></div>

+
<div style="margin:0px; padding:0px; border:1px solid #0000CD; border-radius:9px; text-align:center;" id="hb"><a style="display:block; cursor:pointer; margin:0px; padding:0px; font:9px monospace;" onclick="h='none'; t=this; p=t.parentNode; n=t.nextSibling; s=n.style; c=t.firstChild; nn=n.nextSibling; ss=nn.style; r=Math.floor(Math.random()*9999); w=window.innerHeight; if(w==undefined){w=document.documentElement.clientHeight;} if(s.display!='') { s.display=''; c.innerHTML='-'; t.title='Hide'; if(w<p.offsetHeight) {ss.display='block';} } else { s.display=h; ss.display=h; c.innerHTML='+'; t.title='Show';} p.id='hb'+r; nn.href='#hb'+r;" title="Show"><b style="background:#151B8D; color:#fff; padding:0px 20px; border:1px solid #151B8D; font:9px monospace;">+</b></a><div style="display:none; text-align:left; margin:0px; padding:10px;"> <span style="font-size: 87%;">XXXXX</span> </div><a style="display:none; cursor:pointer; margin:0px; padding:0px; font:9px monospace; text-decoration:none;" onclick="p=this.previousSibling; p.style.display='none'; this.style.display='none'; pp=p.previousSibling; pp.firstChild.innerHTML='+'; pp.title='Show';" title="Hide" href="#hb"><b style="background:#0000CD; color:#fff; padding:0px 20px; border:1px solid #0000CD; font:9px monospace;">-</b></a></div>
-

+
<div style="margin:0px; padding:0px; border:1px solid #006600; border-radius:9px; text-align:center;" id="hb"><a style="display:block; cursor:pointer; margin:0px; padding:0px; font:9px monospace;" onclick="h='none'; t=this; p=t.parentNode; n=t.nextSibling; s=n.style; c=t.firstChild; nn=n.nextSibling; ss=nn.style; r=Math.floor(Math.random()*9999); w=window.innerHeight; if(w==undefined){w=document.documentElement.clientHeight;} if(s.display!='') { s.display=''; c.innerHTML='-'; t.title='Hide'; if(w<p.offsetHeight) {ss.display='block';} } else { s.display=h; ss.display=h; c.innerHTML='+'; t.title='Show';} p.id='hb'+r; nn.href='#hb'+r;" title="Show"><b style="background:#003300; color:#fff; padding:0px 20px; border:1px solid #003300; font:9px monospace;">+</b></a><div style="display:none; text-align:left; margin:0px; padding:10px;"> <span style="font-size: 87%;">XXXXX</span> </div><a style="display:none; cursor:pointer; margin:0px; padding:0px; font:9px monospace; text-decoration:none;" onclick="p=this.previousSibling; p.style.display='none'; this.style.display='none'; pp=p.previousSibling; pp.firstChild.innerHTML='+'; pp.title='Show';" title="Hide" href="#hb"><b style="background:#003300; color:#fff; padding:0px 20px; border:1px solid #003300; font:9px monospace;">-</b></a></div>
-

+
<div style="margin:0px; padding:0px; border:1px solid #4B088A; border-radius:9px; text-align:center;" id="hb"><a style="display:block; cursor:pointer; margin:0px; padding:0px; font:9px monospace;" onclick="h='none'; t=this; p=t.parentNode; n=t.nextSibling; s=n.style; c=t.firstChild; nn=n.nextSibling; ss=nn.style; r=Math.floor(Math.random()*9999); w=window.innerHeight; if(w==undefined){w=document.documentElement.clientHeight;} if(s.display!='') { s.display=''; c.innerHTML='-'; t.title='Hide'; if(w<p.offsetHeight) {ss.display='block';} } else { s.display=h; ss.display=h; c.innerHTML='+'; t.title='Show';} p.id='hb'+r; nn.href='#hb'+r;" title="Show"><b style="background:#3B0B39; color:#fff; padding:0px 20px; border:1px solid #610B5E; font:9px monospace;">+</b></a><div style="display:none; text-align:left; margin:0px; padding:10px;"> <span style="font-size: 88%;">XXXXX</span> </div><a style="display:none; cursor:pointer; margin:0px; padding:0px; font:9px monospace; text-decoration:none;" onclick="p=this.previousSibling; p.style.display='none'; this.style.display='none'; pp=p.previousSibling; pp.firstChild.innerHTML='+'; pp.title='Show';" title="Hide" href="#hb"><b style="background:#3B0B39;; color:#fff; padding:0px 20px; border:1px solid #610B5E; font:9px monospace;">-</b></a></div>
-

FIX a broken comment
example:
<a href="http://sensibleerection.com/">Sensible Erection</a>
When an SE user forgets to close quotes (the blinking quotation above, for example) within a comment, it screws up the entire post. To fix, open Internet Explorer (not Firefox), login to SE, and find the comment with the broken link. Save the broken reply page as 'html only' to your desktop. Open that saved file in wordpad or notepad, then correct the broken code. Next, directly after the <head> tag at the top, add:
 <base href="http://sensibleerection.com/comment.php/55960/765660">
...but replacing this http:// address with that of the broken comment.  Save the fixed file.

Open this fixed file on your desktop with your standard browser.  In the now usable comment box, add ">">">">">"> and then whatever witty banter. Submit. This should fix open tags/quotes for most browsers. Thanks to eIfish for this tip.

MODDING Alternatives
Add the full range of SE comment mods available, those normally kept solely for posts, by first installing Greasemonkey for Firefox. Then install se_comment_modder.user.js and mod.

THEMES to Bulk Tweak SE's Layout, Add Features
SE_Butler is Naruki's "multipurpose script intended for Opera browsers (but also works with Firefox+GM). It works on SE post pages, making mod/reply stuff a lot easier, and allowing you to focus on new comments if you like."

Sensiblefacial from Rojo^ is a Firefox alternative which also adds features such as nesting comment trees, adding color, and mod flexibility.

FILTER Member Comments
To reduce to invisible all comments from select SE members who subtract from your SE experience, first install Greasemonkey for Firefox. Then install secommentfilter.user.js and edit the default examples list. You will be unable to read or mod their comments unless clicked on to open.

A step further is foobar's SEkillfile which removes entirely the target users' comments, along with all replies threaded to that comment. Also works with Chrome.

HIGHLIGHT Member Profiles
To [*] highlight specific SE member names in comments, perhaps yourself and whoever especially adds to your SE experience, first install Greasemonkey for Firefox. Then install se_cockbiter_tagger.user.js and edit the default examples list.

EXTENDED embeds and hotlinks
In the extended of SE posts proper (NOT IN COMMENTS), urls are automatically linkified to aid in massive porn dumps. To embed images and videos in the post extended (NOT IN COMMENTS), use normal html such as provided by the host (youtube, photobucket, dailymotion, etc) or written on this page and remove every http: so each address begins instead with //www. Do a ctrl F on http: to help ensure they've all been nabbed before posting your edit.

example:
<object width="480" height="360"><param name="movie" value="//www.dailymotion.com/swf/video/x976pf?theme=none"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><param name="wmode" value="transparent"></param><embed type="application/x-shockwave-flash" src="//www.dailymotion.com/swf/video/x976pf?theme=none" width="480" height="360" wmode="transparent" allowfullscreen="true" allowscriptaccess="always"></embed></object><br /><a href="//www.dailymotion.com/video/x976pf_t-nathan-roane-composer-04-arabic-b_music" target="_blank">T. Nathan Roane - Composer - 04 - Arabic Blues</a> <i>by <a href="//www.dailymotion.com/composernate" target="_blank">composernate</a></i>


T. Nathan Roane - Composer - 04 - Arabic Blues by composernate

AUDIO embedding
Embedding audio to SE is probably best using flash-based MP3 Reader, where one would only need to use this code, replacing XXXXX with the mp3's online URL address:
<embed allowscriptaccess="never" flashvars="mediaURL=XXXXX&mediaWidth=500&" height="17" quality="high" src="http://www.fileden.com/files/2008/1/13/1697003/MusicPlayer.swf" type="application/x-shockwave-flash" width="502" wmode="transparent"></embed>
example:
<embed allowscriptaccess="never" flashvars="mediaURL=http://www.fileden.com/files/2008/1/13/1697003/T.%20Nathan%20Roane%20-%20Cowboys%20are%20Secretly%20Frequently%20Fond%20of%20Each%20Other%20%28Willie%20Nelson%29.mp3&mediaWidth=500&" height="17" quality="high" src="http://www.fileden.com/files/2008/1/13/1697003/MusicPlayer.swf" type="application/x-shockwave-flash" width="502" wmode="transparent"></embed>


Another option would be to simple link directly to the file, allowing people to do with it as they wish.

FONT used by SE
The font used for SE's logo is called Loki Cola and may be downloaded from urbanfonts or directly from my website. On Windows 7 or XP, just drop the ttf file into your fonts folder to install (C:) > WINDOWS > Fonts





Any questions? Suggestions?
ComposerNate


 
http://tnathanroane.com/