snipt

Ctrl+h for KB shortcuts

Text only

imageRollover3

<a title="Hébergement d'images gratuit et illimité" href="http://img.cfmweb.fr"
 class="rollover1"></a>
https://snipt.net/embed/52374c6b6a7dd50e66d090620375d447/
/raw/52374c6b6a7dd50e66d090620375d447/
52374c6b6a7dd50e66d090620375d447
text
Text only
2
2019-07-06T05:36:45
True
False
False
Oct 28, 2012 at 05:33 PM
/api/public/snipt/42419/
imagerollover3
<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>&lt;a title=&quot;Hébergement d&#39;images gratuit et illimité&quot; href=&quot;http://img.cfmweb.fr&quot; </span><span id="L-2"><a name="L-2"></a> class=&quot;rollover1&quot;&gt;&lt;/a&gt; </span></pre></div> </td></tr></table>
html

Text only

imageRollover2

1
2
3
a.rollover1:hover {
background-position: bottom center;
}
https://snipt.net/embed/9561aa6ee41da34fbb354f6167d4d96a/
/raw/9561aa6ee41da34fbb354f6167d4d96a/
9561aa6ee41da34fbb354f6167d4d96a
text
Text only
3
2019-08-14T11:44:45
True
False
False
Oct 28, 2012 at 05:33 PM
/api/public/snipt/42418/
imagerollover2
<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></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>a.rollover1:hover { </span><span id="L-2"><a name="L-2"></a>background-position: bottom center; </span><span id="L-3"><a name="L-3"></a>} </span></pre></div> </td></tr></table>
css

Text only

classTwitter

1
2
3
<div class="twitter">
<?php wp_echoTwitter("cfm_web"); ?>
</div>
https://snipt.net/embed/da9802bcf42da8e9030b45793bf1106d/
/raw/da9802bcf42da8e9030b45793bf1106d/
da9802bcf42da8e9030b45793bf1106d
text
Text only
3
2019-07-13T00:30:45
True
False
False
/api/public/snipt/42416/
classtwitter
<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></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>&lt;div class=&quot;twitter&quot;&gt; </span><span id="L-2"><a name="L-2"></a>&lt;?php wp_echoTwitter(&quot;cfm_web&quot;); ?&gt; </span><span id="L-3"><a name="L-3"></a>&lt;/div&gt; </span></pre></div> </td></tr></table>
html

Text only

twitterCSS

1
2
3
4
5
6
7
8
.twitter {
        background:url(images/twitt.png) no-repeat;
        color: #fff;
        width: 200px;
        height: 145px;
        padding-top: 30px;
        padding-left: 10px;
}
https://snipt.net/embed/118e679f84c64c1063e78589fd5872a8/
/raw/118e679f84c64c1063e78589fd5872a8/
118e679f84c64c1063e78589fd5872a8
text
Text only
8
2019-08-13T18:43:10
True
False
False
Oct 28, 2012 at 05:33 PM
/api/public/snipt/42415/
twittercss
<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>.twitter { </span><span id="L-2"><a name="L-2"></a> background:url(images/twitt.png) no-repeat; </span><span id="L-3"><a name="L-3"></a> color: #fff; </span><span id="L-4"><a name="L-4"></a> width: 200px; </span><span id="L-5"><a name="L-5"></a> height: 145px; </span><span id="L-6"><a name="L-6"></a> padding-top: 30px; </span><span id="L-7"><a name="L-7"></a> padding-left: 10px; </span><span id="L-8"><a name="L-8"></a>} </span></pre></div> </td></tr></table>
css

Text only

class html

<a class="button" href="adresse du lien" title="ceci est un exemple">exemple</a>
https://snipt.net/embed/cf31806df61072028c0cbeb9e49919ab/
/raw/cf31806df61072028c0cbeb9e49919ab/
cf31806df61072028c0cbeb9e49919ab
text
Text only
1
2019-07-18T17:14:29
True
False
False
/api/public/snipt/42411/
class-html
<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>&lt;a class=&quot;button&quot; href=&quot;adresse du lien&quot; title=&quot;ceci est un exemple&quot;&gt;exemple&lt;/a&gt; </span></pre></div> </td></tr></table>
html