Difference between revisions of "XMPP URIs"

Jump to navigation Jump to search
Line 184: Line 184:
#bodyContent a[href ^="xmpp:"],
#bodyContent a[href ^="xmpp:"],
.link-xmpp {
.link-xmpp {
     background: url(xmpp_icon.gif) center right no-repeat;
     background: url(xmpp_icon.png) center right no-repeat;
     padding-right: 10px;
     padding-right: 10px;
}
}
Line 198: Line 198:
#bodyContent a[href ^="xmpp:"],
#bodyContent a[href ^="xmpp:"],
.link-xmpp {
.link-xmpp {
     background: url(xmpp_icon.gif) center right no-repeat;
     background: url(xmpp_icon.png) center right no-repeat;
     padding-right: 10px;
     padding-right: 10px;
}
}
</pre>
</pre>


And in the same folder as the CSS file, download and place [http://wiki.jabber.org/skins/jabberorg/xmpp_icon.gif this icon file].
And in the same folder as the CSS file, download and place [http://wiki.xmpp.org/images/xmpp_icon.png this icon file].


== older ==
== older ==
Line 211: Line 211:
</pre>
</pre>


That's it!
That's all you technically need to do. It can also make things prettier though if you add the Jabber icon next to all such links. To do this, locate the .css file for the skin you are using (e.g. skins/monobook/main.css) and append the following code:
<pre>
#bodyContent a[href ^="xmpp:"],
.link-xmpp {
        background: url(xmpp_icon.png) center right no-repeat;
        padding-right: 10px;
}
</pre>
 
And in the same folder as the CSS file, download and place [http://wiki.xmpp.org/images/xmpp_icon.png this icon file].


{{Technical Page}}
{{Technical Page}}