.
SE HTML

SE HTML helped sensibleerection.com group bloggers submit more interesting content and workaround the site's unusually open and creaky-hinged Web 1.5 code. Sensible Erection went MIA on February 14th, 2013.

Through Facebook lifeboat Sensible Erection All-Stars, the community reconstituted at sensibleendowment.com by member steele (steele.ero) using old code adapted to this new era.

SE HTML may eventually shift to guiding users of Sensible Endowment, though likely unnecessary, remaining online primarily to send interested to the new domain. We are there now, awaiting your membership.

PRACTICE html
Practice html found on this page, or any other, using an off-site practice board like zoicks or htmledit.squarefree.

However, as SE often adds personalized variables to code, notably unexpected <br>s which can break strings, a final (or only?) check should be using steele's Sandbox.

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/SE-troll.png">


<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>. www. is irrelevant.
What 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 wished 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>
-

[Show]

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 Tweak SE's Layout, Add Features
Sensible Facial from Rojo^ adds features such as nesting comment trees, colored themes, commenting in-page, user-defined watch list categories, and mod flexibility. Very popular, set it to "Execute Last" to work well with other SE scripts.

FILTER Member Comments
To reduce to invisible profile names and comments from select SE members who detract from the SE experience, first install Greasemonkey (Firefox/Chrome), Tampermonkey (Chrome/Android), or Ninjakit (Safari). Then install SE de-Troller created by f00m@nB@r now modified by ComposerNate (me) to default include the following unabashed abusers: valen86, MiRRoRMaN, A friend, kap leert, mizelman, opticchopsticks, heyyou, shark_bait, strangleyfamiliar. It shows a comment was made, removing name and content, though allows mods and replies. Set to "execute first" to work with Sensiblefacial.
de-Troller example:


For a lesser option which automatically minimises comments from select profiles: secommentfilter.user.js. Does not work with Sensiblefacial.

The closest we have to a personal banning from the site is foobar's SEkillfile which removes entirely the target users' names and comments, along with all replies threaded to those comments. It's nearly as if they stop existing. Does not work with Sensiblefacial.

For each script option, use a text editor (NotePad) for changing profiles to be filtered.

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 either Soundcloud service where comments are allowed along the track as it progresses, or my favorite Bandcamp where everything is lovely and organized with an account and near every download option. Both are flash-based.

example:

Or a simple link directly to mp3 wherever hosted, so users may do as they please.

FORMATTING text

<u>underline</u>
<b>bold</b>
<i>italic</i>
<big>big</big>
<small>small</small>
<code>computer output</code>
<strike>strike</strike>
<abbr title="Sensible Erection">abbreviation</abbr>

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/