snipt

Ctrl+h for KB shortcuts

HTML

enlarges/adds bg image to hovered links

1
2
3
4
5
6
7
8
~ Link Enhancer.beta ~

--
<li style="display: none;" class="eo">
[style]a:hover{ color: black; font-weight: bold; font-style: italic; text-shadow: 1px 2px 2px Black; border: 0px solid blue; padding: 2.5% ; margin: 10px 0px 05px 0px; -moz-border-image: url('http://sleepzine.com/wp-content/uploads/2007/03/su_sleeeeep_meter001.gif') 1 round; background-position: center center; width: 120%; height: 100%; background-color: transparent; -moz-transform: skew(0deg) scale(2.2); z-index: 1; }<a rel="nofollow" href="http://findicons.com/icon/excite" target="_blank">Excite Me, please!</a>[/style]</li>
--

You can add your own bg image by simply replacing the URL or by simpli removing the URL altogether results in a clear enlarged hovered link. Also enlarges/expands any linked image. Works onli on page posted.
https://snippets.siftie.com/embed/0e9bb80285ab0eda414c5c0bc51976ce/
/raw/0e9bb80285ab0eda414c5c0bc51976ce/
0e9bb80285ab0eda414c5c0bc51976ce
html
HTML
8
2019-03-17T16:39:20
True
False
False
/api/public/snipt/17068/
enlargesadds-bg-image-to-hovered-links
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a> <a href="#L-5">5</a> <a href="#L-6">6</a> <a href="#L-7">7</a> <a href="#L-8">8</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>~ Link Enhancer.beta ~ </span><span id="L-2"><a name="L-2"></a> </span><span id="L-3"><a name="L-3"></a>-- </span><span id="L-4"><a name="L-4"></a><span class="p">&lt;</span><span class="nt">li</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;display: none;&quot;</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;eo&quot;</span><span class="p">&gt;</span> </span><span id="L-5"><a name="L-5"></a>[style]a:hover{ color: black; font-weight: bold; font-style: italic; text-shadow: 1px 2px 2px Black; border: 0px solid blue; padding: 2.5% ; margin: 10px 0px 05px 0px; -moz-border-image: url(&#39;http://sleepzine.com/wp-content/uploads/2007/03/su_sleeeeep_meter001.gif&#39;) 1 round; background-position: center center; width: 120%; height: 100%; background-color: transparent; -moz-transform: skew(0deg) scale(2.2); z-index: 1; }<span class="p">&lt;</span><span class="nt">a</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;nofollow&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;http://findicons.com/icon/excite&quot;</span> <span class="na">target</span><span class="o">=</span><span class="s">&quot;_blank&quot;</span><span class="p">&gt;</span>Excite Me, please!<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>[/style]<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;</span> </span><span id="L-6"><a name="L-6"></a>-- </span><span id="L-7"><a name="L-7"></a> </span><span id="L-8"><a name="L-8"></a>You can add your own bg image by simply replacing the URL or by simpli removing the URL altogether results in a clear enlarged hovered link. Also enlarges/expands any linked image. Works onli on page posted. </span></pre></div> </td></tr></table>
code

HTML

most used textboxframe

1
2
3
4
5
6
7
8
~ Standard txtboxframe w/moz-transform ~

--

<center><ul style="border: 1px solid rgb(255, 0, 0); margin: 50px 0px 0% 0%; padding: 10px; text-align: left; -moz-transform: skew(0deg) scale(1) rotate(0deg); width: 325px;"><font style="font-family: maiandra gd;">Rough winds do shake the darling buds of May,  And summer's lease hath all too short a date: </font>
</ul>

--
https://snippets.siftie.com/embed/706261cca5a14283998c5d056982deee/
/raw/706261cca5a14283998c5d056982deee/
706261cca5a14283998c5d056982deee
html
HTML
8
2019-01-30T16:59:21
True
False
False
/api/public/snipt/13775/
most-used-textboxframe
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a> <a href="#L-5">5</a> <a href="#L-6">6</a> <a href="#L-7">7</a> <a href="#L-8">8</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>~ Standard txtboxframe w/moz-transform ~ </span><span id="L-2"><a name="L-2"></a> </span><span id="L-3"><a name="L-3"></a>-- </span><span id="L-4"><a name="L-4"></a> </span><span id="L-5"><a name="L-5"></a><span class="p">&lt;</span><span class="nt">center</span><span class="p">&gt;&lt;</span><span class="nt">ul</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;border: 1px solid rgb(255, 0, 0); margin: 50px 0px 0% 0%; padding: 10px; text-align: left; -moz-transform: skew(0deg) scale(1) rotate(0deg); width: 325px;&quot;</span><span class="p">&gt;&lt;</span><span class="nt">font</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;font-family: maiandra gd;&quot;</span><span class="p">&gt;</span>Rough winds do shake the darling buds of May, And summer&#39;s lease hath all too short a date: <span class="p">&lt;/</span><span class="nt">font</span><span class="p">&gt;</span> </span><span id="L-6"><a name="L-6"></a><span class="p">&lt;/</span><span class="nt">ul</span><span class="p">&gt;</span> </span><span id="L-7"><a name="L-7"></a> </span><span id="L-8"><a name="L-8"></a>-- </span></pre></div> </td></tr></table>
textboxframe

HTML

imgboxframe with A3-Moz- ..Fx4 compatable

<center><center style="float: ; border: 1px solid rgb(255, 0, 0); margin: 50px 50px 30px 0px; padding: 0px; -moz-box-shadow:; background: url(''); -moz-transform: skew(0deg) scale(1) rotate(0deg); background-color: transparent;  background-repeat: no-repeat; background-position: 0% 0%; -moz-background-size: 100% 100%; background-size: 100% 100%; width: 600px; height: 400px; opacity: 1;"></center></center>
https://snippets.siftie.com/embed/4bd87ca9f388c5211fbc4824664db97e/
/raw/4bd87ca9f388c5211fbc4824664db97e/
4bd87ca9f388c5211fbc4824664db97e
html
HTML
1
2019-02-21T09:47:16
True
False
False
/api/public/snipt/11026/
txtboxframe-with-a3-moz-
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="p">&lt;</span><span class="nt">center</span><span class="p">&gt;&lt;</span><span class="nt">center</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;float: ; border: 1px solid rgb(255, 0, 0); margin: 50px 50px 30px 0px; padding: 0px; -moz-box-shadow:; background: url(&#39;&#39;); -moz-transform: skew(0deg) scale(1) rotate(0deg); background-color: transparent; background-repeat: no-repeat; background-position: 0% 0%; -moz-background-size: 100% 100%; background-size: 100% 100%; width: 600px; height: 400px; opacity: 1;&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">center</span><span class="p">&gt;&lt;/</span><span class="nt">center</span><span class="p">&gt;</span> </span></pre></div> </td></tr></table>
imgboxframe

HTML

code for animated avatars

<ul class="submenu" style="top: 0%; bottom: 0%; left: 0%; right: 0%; border: none; margin-left: 100px; margin-right: 0px; margin-top: 115px; margin-bottom: 0px; width: 0%; height: 10%; opacity: 1; background: black url('') no-repeat top center; z-index: 1;"><center style="border: 01px solid rgb(0, 0, 0); padding: 0px; background-image: url('http://i43.tinypic.com/np0z61.gif'); background-color: transparent; opacity: 1; background-repeat: no-repeat; background-position: center top; width: 220px; height:200px; -moz-border-radius-topleft: 1px; -moz-border-radius-topright: 1px; -moz-border-radius-bottomright: 1px; -moz-border-radius-bottomleft: 1px;"></center></ul>
https://snippets.siftie.com/embed/e3ec9362ef63ab3ac2493cbbc18b7984/
/raw/e3ec9362ef63ab3ac2493cbbc18b7984/
e3ec9362ef63ab3ac2493cbbc18b7984
html
HTML
1
2019-02-20T11:49:16
True
False
False
/api/public/snipt/7646/
code-for-animated-avatars
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="p">&lt;</span><span class="nt">ul</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;submenu&quot;</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;top: 0%; bottom: 0%; left: 0%; right: 0%; border: none; margin-left: 100px; margin-right: 0px; margin-top: 115px; margin-bottom: 0px; width: 0%; height: 10%; opacity: 1; background: black url(&#39;&#39;) no-repeat top center; z-index: 1;&quot;</span><span class="p">&gt;&lt;</span><span class="nt">center</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;border: 01px solid rgb(0, 0, 0); padding: 0px; background-image: url(&#39;http://i43.tinypic.com/np0z61.gif&#39;); background-color: transparent; opacity: 1; background-repeat: no-repeat; background-position: center top; width: 220px; height:200px; -moz-border-radius-topleft: 1px; -moz-border-radius-topright: 1px; -moz-border-radius-bottomright: 1px; -moz-border-radius-bottomleft: 1px;&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">center</span><span class="p">&gt;&lt;/</span><span class="nt">ul</span><span class="p">&gt;</span> </span></pre></div> </td></tr></table>
code

HTML

advanced.swfcode

<center><br /><ul><li style="display: none; float: ; opacity: 1;" class="embedded_object">[embed height="450" width="500" flashvars="id=cinematic" base="." menu="false" wmode="transparent" quality="high" bgcolor="transparent" name="cinematic" id="cinematic" style="Insert Style Code Here" src="Insert .SWF File Here" type="application/x-shockwave-flash"/]</li></ul></center>
https://snippets.siftie.com/embed/9d24202367385281089b78bbc0563f95/
/raw/9d24202367385281089b78bbc0563f95/
9d24202367385281089b78bbc0563f95
html
HTML
1
2019-03-01T03:50:17
True
False
False
/api/public/snipt/7384/
new-swfcodeneeds-work
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="p">&lt;</span><span class="nt">center</span><span class="p">&gt;&lt;</span><span class="nt">br</span> <span class="p">/&gt;&lt;</span><span class="nt">ul</span><span class="p">&gt;&lt;</span><span class="nt">li</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;display: none; float: ; opacity: 1;&quot;</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;embedded_object&quot;</span><span class="p">&gt;</span>[embed height=&quot;450&quot; width=&quot;500&quot; flashvars=&quot;id=cinematic&quot; base=&quot;.&quot; menu=&quot;false&quot; wmode=&quot;transparent&quot; quality=&quot;high&quot; bgcolor=&quot;transparent&quot; name=&quot;cinematic&quot; id=&quot;cinematic&quot; style=&quot;Insert Style Code Here&quot; src=&quot;Insert .SWF File Here&quot; type=&quot;application/x-shockwave-flash&quot;/]<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;&lt;/</span><span class="nt">ul</span><span class="p">&gt;&lt;/</span><span class="nt">center</span><span class="p">&gt;</span> </span></pre></div> </td></tr></table>
.swfcode

HTML

custom cursor

1
2
3
4
5
6
7
8
code for custom cursor..DaffyDuck default..to add ur own image, simply
replace the URL in both places and post as a regular blog post

---

<ul><li style="display: none;" class="embedded_object">[style]A:hover{cursor: url("http://i136.photobucket.com/albums/q169/leinnea89/daffy-dk.gif?t=1238445077"), url("http://i136.photobucket.com/albums/q169/leinnea89/daffy-dk.gif?t=1238445077"), auto;}[/style]</li></ul>

---
https://snippets.siftie.com/embed/812818524f5dffdb2744e94db387ed03/
/raw/812818524f5dffdb2744e94db387ed03/
812818524f5dffdb2744e94db387ed03
html
HTML
8
2019-02-26T05:35:18
True
False
False
/api/public/snipt/4790/
custom-cursor
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a> <a href="#L-5">5</a> <a href="#L-6">6</a> <a href="#L-7">7</a> <a href="#L-8">8</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>code for custom cursor..DaffyDuck default..to add ur own image, simply </span><span id="L-2"><a name="L-2"></a>replace the URL in both places and post as a regular blog post </span><span id="L-3"><a name="L-3"></a> </span><span id="L-4"><a name="L-4"></a>--- </span><span id="L-5"><a name="L-5"></a> </span><span id="L-6"><a name="L-6"></a><span class="p">&lt;</span><span class="nt">ul</span><span class="p">&gt;&lt;</span><span class="nt">li</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;display: none;&quot;</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;embedded_object&quot;</span><span class="p">&gt;</span>[style]A:hover{cursor: url(&quot;http://i136.photobucket.com/albums/q169/leinnea89/daffy-dk.gif?t=1238445077&quot;), url(&quot;http://i136.photobucket.com/albums/q169/leinnea89/daffy-dk.gif?t=1238445077&quot;), auto;}[/style]<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;&lt;/</span><span class="nt">ul</span><span class="p">&gt;</span> </span><span id="L-7"><a name="L-7"></a> </span><span id="L-8"><a name="L-8"></a>--- </span></pre></div> </td></tr></table>
code

HTML

tessamusiccode

<ul><li class="embedded_object_placeholder">To view this widget, please install <a rel="nofollow" href="http://userscripts.org/scripts/show/38500">EmbedWidgets</a> script</li><li class="embedded_object">
[embed name="plugin" src="http://www.doctorhugo.org/dreamz01/hart1.mov" type="video/quicktime" loop="true" autoplay="true" pluginspage="http://quicktime.apple.com" hidden=""/] </li></ul>
https://snippets.siftie.com/embed/9276164f954b32eaea72dcf44fe37977/
/raw/9276164f954b32eaea72dcf44fe37977/
9276164f954b32eaea72dcf44fe37977
html
HTML
2
2019-02-22T22:32:44
True
False
False
/api/public/snipt/3664/
tessamusiccode
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="p">&lt;</span><span class="nt">ul</span><span class="p">&gt;&lt;</span><span class="nt">li</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;embedded_object_placeholder&quot;</span><span class="p">&gt;</span>To view this widget, please install <span class="p">&lt;</span><span class="nt">a</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;nofollow&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;http://userscripts.org/scripts/show/38500&quot;</span><span class="p">&gt;</span>EmbedWidgets<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span> script<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;&lt;</span><span class="nt">li</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;embedded_object&quot;</span><span class="p">&gt;</span> </span><span id="L-2"><a name="L-2"></a>[embed name=&quot;plugin&quot; src=&quot;http://www.doctorhugo.org/dreamz01/hart1.mov&quot; type=&quot;video/quicktime&quot; loop=&quot;true&quot; autoplay=&quot;true&quot; pluginspage=&quot;http://quicktime.apple.com&quot; hidden=&quot;&quot;/] <span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;&lt;/</span><span class="nt">ul</span><span class="p">&gt;</span> </span></pre></div> </td></tr></table>
musiccode

HTML

scrolling flashobject on a black embedded bg

1
2
3
4
5
...code will show a bluespinning earthglobe scrolling from right to left on black
across the background of your page...definitli beta!..:)

<ul><li style="display: none;" class="embedded_object">[marquee behavior=scroll direction=left scrollamount=1 scrolldelay=38 height=675 style='position:fixed; left:0%; top:120px; width: 01; height:675px; z-index: -1;']<ul><li style="display: none;" class="embedded_object">[div style=" width: 310px; margin-left: auto; margin-right: auto; margin-top: 5px;"][object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="275" width="275"][param name="movie" value="http://www2.istockphoto.com/file_thumbview_approve/7990988/2/istockphoto_7990988-blue-transparent-globe-black-bacground.jpg&x=.swf"][param name="quality" value="best"][param name="loop" value="true"][param name="wmode" value="transparent"][EMBED SRC="http://www2.istockphoto.com/file_thumbview_approve/7990988/2/istockphoto_7990988-blue-transparent-globe-black-bacground.jpg&x=.swf" LOOP="true" QUALITY="best" HEIGHT="225" WIDTH="500" wmode="transparent"][/object][/div]</li></ul></li></ul><ul><li style="display: none;" class="embedded_object">[a rel="nofollow" style=" position: fixed; top: 0%; bottom: 0%; left: 0%; right: 0%; padding-bottom: 0100%; background: black no-repeat; opacity: 1.0; z-index: -5;"].[/a]</li></ul>
  
https://snippets.siftie.com/embed/783afebcf2188bd1f6547cbd71fcdf1b/
/raw/783afebcf2188bd1f6547cbd71fcdf1b/
783afebcf2188bd1f6547cbd71fcdf1b
html
HTML
5
2016-12-28T00:33:45
True
False
False
/api/public/snipt/3253/
srolling-flashobject-on-a-black-embedded-bg
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a> <a href="#L-5">5</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>...code will show a bluespinning earthglobe scrolling from right to left on black </span><span id="L-2"><a name="L-2"></a>across the background of your page...definitli beta!..:) </span><span id="L-3"><a name="L-3"></a> </span><span id="L-4"><a name="L-4"></a><span class="p">&lt;</span><span class="nt">ul</span><span class="p">&gt;&lt;</span><span class="nt">li</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;display: none;&quot;</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;embedded_object&quot;</span><span class="p">&gt;</span>[marquee behavior=scroll direction=left scrollamount=1 scrolldelay=38 height=675 style=&#39;position:fixed; left:0%; top:120px; width: 01; height:675px; z-index: -1;&#39;]<span class="p">&lt;</span><span class="nt">ul</span><span class="p">&gt;&lt;</span><span class="nt">li</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;display: none;&quot;</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;embedded_object&quot;</span><span class="p">&gt;</span>[div style=&quot; width: 310px; margin-left: auto; margin-right: auto; margin-top: 5px;&quot;][object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; codebase=&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0&quot; height=&quot;275&quot; width=&quot;275&quot;][param name=&quot;movie&quot; value=&quot;http://www2.istockphoto.com/file_thumbview_approve/7990988/2/istockphoto_7990988-blue-transparent-globe-black-bacground.jpg<span class="err">&amp;</span>x=.swf&quot;][param name=&quot;quality&quot; value=&quot;best&quot;][param name=&quot;loop&quot; value=&quot;true&quot;][param name=&quot;wmode&quot; value=&quot;transparent&quot;][EMBED SRC=&quot;http://www2.istockphoto.com/file_thumbview_approve/7990988/2/istockphoto_7990988-blue-transparent-globe-black-bacground.jpg<span class="err">&amp;</span>x=.swf&quot; LOOP=&quot;true&quot; QUALITY=&quot;best&quot; HEIGHT=&quot;225&quot; WIDTH=&quot;500&quot; wmode=&quot;transparent&quot;][/object][/div]<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;&lt;/</span><span class="nt">ul</span><span class="p">&gt;&lt;/</span><span class="nt">li</span><span class="p">&gt;&lt;/</span><span class="nt">ul</span><span class="p">&gt;&lt;</span><span class="nt">ul</span><span class="p">&gt;&lt;</span><span class="nt">li</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;display: none;&quot;</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;embedded_object&quot;</span><span class="p">&gt;</span>[a rel=&quot;nofollow&quot; style=&quot; position: fixed; top: 0%; bottom: 0%; left: 0%; right: 0%; padding-bottom: 0100%; background: black no-repeat; opacity: 1.0; z-index: -5;&quot;].[/a]<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;&lt;/</span><span class="nt">ul</span><span class="p">&gt;</span> </span><span id="L-5"><a name="L-5"></a> </span></pre></div> </td></tr></table>
scrollcodes