Autor Topic: [Botones] Redes Sociales para MuCore (Visto 3001 veces)

Hola TSM! Les traigo unos Botones (flotantes) de redes sociales para sus Webs.
Son básicos y su código igual, ya que soy nuevo en esto.
Las hice para mi MuCore, directamente en el Index.php del Template.
Para usarla en otras Webs, hay que modificar la dirección de las imágenes y listo.

Si alguien quiere mejorarlo, es bienvenido.

Vista previa:

Hay mas logos incluidos en el .Rar por si quieren usar otras redes sociales.

CODIGOS:

Este código va ubicado dentro de ' <head> </head> ' y es lo que le da su posición.

Code: [Select]

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

Y este otro código, va ubicado dentro de ' <body> </body> ' y es donde ubique las imágenes y enlaces.

Code: [Select]

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

A continuación dejo una Guía de Instalación en MuCore para quien no sepa que hacer con esto jaja.

1. Primero, antes que nada, una vez hayan descargado los archivos, tienen que ir a la carpeta 'Template' de su Web, entran a la plantilla que están usando y dentro, entran a la carpeta 'Images'.
Ahí dentro, pegan la carpeta(Redes) que contiene el .Rar que deje en las descargas.

2. Después de que tengan las imágenes listas en su Hosting, lo siguiente seria buscar el Index.php del Template y abrirlo con algún programa que lea código Php.

3. Una vez dentro del Index, buscamos la linea donde esté ' </head> ' y pegamos EL PRIMER CÓDIGO antes de eso.

EJEMPLO:

Code: [Select]

//* EL RESTO DEL CONTENIDO *//

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

	
</head>  --------- //*Antes de esto pegan el codigo.  ANTES, NO DESPUÉS*// ---|

4. Despues, dentro del mismo Index, bajamos hasta abajo de todo y buscamos el ' </body> ' y pegamos ANTES DE ESO Y ANTES DE LOS SCRIPTS, el SEGUNDO CONDIGO.

EJEMPLO:

Code: [Select]

//* EL RESTO DEL CONTENIDO *//

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

	<!-- SCRIPT CON DATOS -->

	<!-- SCRIPT CON DATOS -->

	<!-- SCRIPT CON DATOS -->

	<!-- SCRIPT CON DATOS -->
	
</body>
</html>

5. Solo quedaría cambiar los links y Guardar.

Code: [Select]

<a href="ACA VAN TUS LINKS" target="_blank" > 	//* CAMBIAMOS ESOS LINKS POR LOS NUESTROS Y LISTO *//

Cualquier duda, me escriben por acá o por privado, les ayudo en lo que pueda aunque como dije, recién estoy comenzando.

Links de descarga

Contenido:
- 9 Imagenes .PNG

**#1 Posteado:** June 14, 2020, 09:10:06 PM

Hola primero que nada gracias por tu aporte, pero tengo un problema y quisiera saber si podias ayudarme, resulta que va todo bien solo que en la pagina web las imagenes no se ven, o salen como dañadas, porque peude ser y que debo hacer?

**#2 Posteado:** June 25, 2020, 09:19:26 PM

Citar desde: azerus on June 14, 2020, 09:10:06 PM
Hola primero que nada gracias por tu aporte, pero tengo un problema y quisiera saber si podias ayudarme, resulta que va todo bien solo que en la pagina web las imagenes no se ven, o salen como dañadas, porque peude ser y que debo hacer?

Hola bro! Disculpa la demora.. aun sigues con el problema?

**#3 Posteado:** November 09, 2020, 01:28:05 AM

Citar desde: xsky22 on June 25, 2020, 09:19:26 PM
Citar desde: azerus on June 14, 2020, 09:10:06 PM
Hola primero que nada gracias por tu aporte, pero tengo un problema y quisiera saber si podias ayudarme, resulta que va todo bien solo que en la pagina web las imagenes no se ven, o salen como dañadas, porque peude ser y que debo hacer?

Hola bro! Disculpa la demora.. aun sigues con el problema?

buenas como seria para poner los logos como los muestran en la imagen ya que me aparecen pero en la parte superior en una esquina

**#4 Posteado:** March 28, 2022, 01:59:59 PM

ME FUNCIONO PERFECTO EN MI FORO :3
GRACIAS ♥
Lo que si hay un error que al añadir mas de 4 redes, las siguientes a las 4 desaparecen porque es imposible verlos xD porque estan siempre fijados en un lugar, pero si sirve

**#5 Posteado:** April 10, 2023, 08:18:57 PM

Citar desde: Azzlaer on March 28, 2022, 01:59:59 PM
ME FUNCIONO PERFECTO EN MI FORO :3
GRACIAS ♥
Lo que si hay un error que al añadir mas de 4 redes, las siguientes a las 4 desaparecen porque es imposible verlos xD porque estan siempre fijados en un lugar, pero si sirve

Gracias a vos!

En cuanto a tu problema, es posible si, pero es necesario modificar la Div con las lineas necesarias.

Code: [Select]

<div class="social">
 <a href="https://chat.whatsapp.com/" target="_blank" >
	 <img src="template/<?=$core['config']['template'] ?>/images/redes/wsp.png"  width="45" height="45" style="margin:3px;">
	</a>
 <a href="https://facebook.com/" target="_blank">
	 <img src="template/<?=$core['config']['template'] ?>/images/redes/fb.png"  width="45" height="45" style="margin:3px;">
	</a>
 <a href="https://instagram.com/" target="_blank">
	 <img src="template/<?=$core['config']['template'] ?>/images/redes/ig.png"  width="45" height="45" style="margin:3px;">
	</a>
<a href="https://OTRARED.COM/" target="_blank">
	 <img src="template/<?=$core['config']['template'] ?>/images/redes/ICONO DE LA RED.png"  width="45" height="45" style="margin:3px;">
	</a>
<a href="https://OTRARED.COM/" target="_blank">
	 <img src="template/<?=$core['config']['template'] ?>/images/redes/ICONO DE LA RED.png"  width="45" height="45" style="margin:3px;">
	</a>
</div>

Code: [Select]

<a href="https://OTRARED.COM/" target="_blank" >/images/redes/ICONO DE LA RED.png"  width="45" height="45" style="margin:3px;">

//* CAMBIAMOS EL LINK, LA DIRECCION DE LA IMAGEN Y LISTO *//

Subject / Started by	Replies	Last post
Como afiliar tu cuenta de facebook y otras redes sociales Started by ✬SOИY✬ Guias para el foro	0 Replies 1285 Views	October 16, 2017, 11:01:02 AM by ✬SOИY✬
Busco GM / Encargado redes sociales Started by dutrus Busqueda GM'S - Socios	0 Replies 650 Views	October 20, 2018, 09:18:23 PM by dutrus
PopUp para Links de Redes Sociales Started by LuisDM Soporte / Ayudas	2 Replies 1037 Views	April 11, 2023, 12:46:30 AM by ZabiinoOo
Necesito agregar botones de pago en web mucore 2.2 Started by paredao Compra / Venta de archivos	12 Replies 1947 Views	May 27, 2020, 10:16:41 PM by xsky22
Busco moderadores para redes sociales Started by rhapsody670 Busqueda GM'S - Socios	4 Replies 612 Views	May 19, 2022, 05:42:53 PM by Arazox

SPONSOR #1 - User Area

SPONSOR SPOT #3 (800x200) - Topics UP

Autor Topic: [Botones] Redes Sociales para MuCore (Visto 3001 veces)

xsky22 Posteado: May 27, 2020, 02:13:40 AM | Modificado: May 27, 2020, 02:28:27 AM by xsky22

[Botones] Redes Sociales para MuCore

Gracias:

azerus #1 Posteado: June 14, 2020, 09:10:06 PM

Re: [Botones] Redes Sociales para MuCore

Gracias:

xsky22 #2 Posteado: June 25, 2020, 09:19:26 PM

Re: [Botones] Redes Sociales para MuCore

Gracias:

piscis007 #3 Posteado: November 09, 2020, 01:28:05 AM

Re: [Botones] Redes Sociales para MuCore

Azzlaer #4 Posteado: March 28, 2022, 01:59:59 PM

Re: [Botones] Redes Sociales para MuCore

Gracias:

xsky22 #5 Posteado: April 10, 2023, 08:18:57 PM

Re: [Botones] Redes Sociales para MuCore

Gracias:

SPONSOR SPOT #4 (800x200) - Topics Bottom

Related Topics