[APORTE] Botones Flotantes de Redes Sociales para MuCore

Dakosmu · Abr 09, 2026, 08:40 AM

[APORTE] Botones Flotantes de Redes Sociales para MuCore

Dale un toque profesional y dinámico a tu sitio web de Mu Online con estos botones flotantes de redes sociales. Este script es ideal para mantener a tus jugadores conectados a tus comunidades de WhatsApp, Facebook e Instagram de forma permanente mientras navegan.

Información del Aporte

Diseñado originalmente para el CMS MuCore, este código CSS/HTML es fácilmente adaptable a cualquier otra plataforma web modificando las rutas de las imágenes.

Características principales:

Posicionamiento fijo (siempre visible al hacer scroll).
Incluye pack de 9 iconos en formato .PNG.
Código ligero que no afecta la velocidad de carga.

Guía de Instalación en MuCore
Sigue estos pasos para implementar los botones correctamente en tu plantilla:

Subir Imágenes: Descomprime el archivo y pega la carpeta Redes en la ruta:
Código [Seleccionar] Expandir
tu_web/template/tu_plantilla/images/.
Configurar Estilos: Abre el archivo index.php de tu template y busca la etiqueta
Código [Seleccionar] Expandir
</head>. Justo antes de ella, pega el siguiente código:

Código [Seleccionar]


<style type="text/css">
.social {
position:fixed;
float: left;
width:1%;
top:70%;
left:10px;
z-index: 9999;
}
</style>

Insertar Botones: En el mismo index.php, busca la etiqueta
Código [Seleccionar] Expandir
</body>. Justo antes de ella (y antes de los scripts finales), pega este bloque:

Código [Seleccionar]


<div class="social">
<a href="TU_LINK_WHATSAPP" target="_blank" >
<img src="template/<?=$core['config']['template'] ?>/images/redes/wsp.png"  width="45" height="45" style="margin:3px;">
</a>
<a href="TU_LINK_FACEBOOK" target="_blank">
<img src="template/<?=$core['config']['template'] ?>/images/redes/fb.png"  width="45" height="45" style="margin:3px;">
</a>
<a href="TU_LINK_INSTAGRAM" target="_blank">
<img src="template/<?=$core['config']['template'] ?>/images/redes/ig.png"  width="45" height="45" style="margin:3px;">
</a>
</div>

Personalizar: Reemplaza los textos en mayúsculas por tus enlaces reales.

¡Listo! Guarda los cambios y refresca tu sitio para ver los botones funcionando.

Notas y Advertencias

Asegúrate de respetar la estructura de carpetas para que las imágenes se carguen correctamente mediante la variable de MuCore.

Si los botones no aparecen, verifica que el archivo index.php tenga los permisos de escritura necesarios y que la ruta de la carpeta /redes/ sea exacta.

Descarga de Recursos

Contraseña del archivo:

Código [Seleccionar]

tuservermu.com.ve

Vista de Iconos Incluidos

[img]

¿Necesitas ayuda para adaptarlo a otra Web? ¡Comenta abajo y con gusto te orientamos!

Keywords: MuCore, Redes Sociales Mu Online, Botones Flotantes, Web Mu Online, Tutorial MuCore, CSS para Foros, Iconos Redes Sociales, Script PHP Mu Online

Noticias:

[APORTE] Botones Flotantes de Redes Sociales para MuCore

Dakosmu