.
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: 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="https://truckandman.com/beakeroil.jpg">


<img src="https://i.imgur.com/FR9lPZJm.jpg">


<img src="https://i.imgur.com/3MekpdOm.jpg">


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

Always add https:// 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="https://sensibleendowment.com/">Sensible Endowment</a>
Sensible Endowment

I read <a href="https://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="https://sensibleendowment.com">Sensible Endowment</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="https://sensibleerection.com/comment.php/55960/765660">
...but replacing this https:// 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.

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" rel="noopener">T. Nathan Roane - Composer - 04 - Arabic Blues</a> <i>by <a href="//www.dailymotion.com/composernate" target="_blank" rel="noopener">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. 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/