Modèle:MinecraftConnect

(6 versions intermédiaires par le même utilisateur non affichées)

Ligne 1 :

<includeonly><templatestyles src="MinecraftConnect/styles.css" /><div class="mc-connect~~-wrapper~~ {{#if:{{{~~color~~|}}}|mc-connect--~~{{{color}}}|mc~~-~~connect--minecraft~~}} {{#if:{{{~~align~~|}}}|mc-connect-~~-align-~~{{{~~align~~}}}|}}" ~~data~~-~~server~~="{{{~~serveur~~|}}}{{{~~port~~|~~:25565~~}}}"><button class="mc-connect-~~btn~~" onclick="~~copyMinecraftServer~~(~~this~~)" ~~aria-label~~="Copier l'adresse ~~du serveur~~"><div ~~class~~="mc-connect-~~content">[[Fichier:{{~~#~~if:~~{~~{{image|}}}|{{{image}}}|Minecraft-icon~~.~~svg}}|40px|link~~=~~|alt=Minecraft]]~~ '''~~{{{texte|Copier l~~'~~adresse}~~}}''~~'</div></button><span class="mc-connect-feedback">✓ Copié !</span>~~</~~div~~></includeonly><noinclude>{{Documentation}}</noinclude>

<includeonly><templatestyles src="Modèle:MinecraftConnect/styles.css" /><div class="mc-connect{{#if:{{{image|}}}|| mc-connect--no-image}}">{{#if:{{{image|}}}|<div class="mc-connect-background">[[Fichier:{{{image}}}|link=|120px]]<div class="mc-connect-overlay"></div></div>}}<div class="mc-connect-content"><span class="mc-connect-label">{{{text|Serveur Minecraft}}}</span><span class="mc-connect-address" id="mc-address">{{{address|nefald.fr}}}</span><button class="mc-connect-copy" onclick="copyMCAddress()" title="Copier l'adresse">📋</button></div></div><script>

function copyMCAddress() {

var address = document.getElementById('mc-address').textContent;

navigator.clipboard.writeText(address).then(function() {

var btn = document.querySelector('.mc-connect-copy');

btn.textContent = '✓';

btn.style.background = '#4CAF50';

setTimeout(function() {

btn.textContent = '📋';

btn.style.background = '';

}, 2000);

}).catch(function() {

alert('Adresse: ' + address);

});

}

</script></includeonly>

[[Catégorie:Modèle de navigation]]

</noinclude>