« Modèle:MinecraftConnect » : différence entre les versions
Autres actions
mAucun résumé des modifications |
Aucun résumé des modifications |
||
| (2 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
<includeonly><templatestyles src="MinecraftConnect/styles.css" />{{# | <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> | |||
<noinclude> | |||
[[Catégorie:Modèle de navigation]] | |||
{{Documentation}} | |||
</noinclude> | |||
Dernière version du 14 novembre 2025 à 17:51
Modèle:MinecraftConnect
Description
Bouton pour copier l'adresse d'un serveur Minecraft dans le presse-papier.
Paramètres
| Paramètre | Description | Défaut |
|---|---|---|
| serveur | Adresse IP ou domaine du serveur | (requis) |
| port | Port (format :25565) | :25565 |
| texte | Texte du bouton | Copier l'adresse |
| image | Nom du fichier image | Minecraft-icon.svg |
| color | Couleur prédéfinie | minecraft |
| align | Alignement (left/center/right) | aucun |
Exemples
Basique
{{MinecraftConnect|serveur=nefald.fr}}
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>
Avec texte personnalisé
{{MinecraftConnect|serveur=nefald.fr|texte=Serveur Nefald}}
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>
Port personnalisé
{{MinecraftConnect|serveur=play.example.com|port=:25566}}
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>
Alignement
{{MinecraftConnect|serveur=nefald.fr|align=center}}
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>
Couleur personnalisée
{{MinecraftConnect|serveur=nefald.fr|color=success}}
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>
Couleurs disponibles
- minecraft (vert Minecraft - défaut)
- primary (bleu)
- success (vert)
- danger (rouge)
- warning (jaune)
- info (cyan)
- dark (noir)
Voir aussi
- Modèle:ButtonLink - Bouton avec lien externe