Iconos con redireccionamiento

[WaRiO_123]

Hola amigos, despues de mucho tiempo de estar lejos de los foros de la comunidad de SMF; hoy he venido con una pregunta para lograr resolverla.

¿Cómo puedo poner iconos al final (parte inferior) de un foro SMF?

He visto en varios foros SMF que tienen iconos como los de Discord, que contienen un link, y ese link nos lleva a dicha pagina o foro etc.

Soporte o imagen sobre el mod:

En este caso, este foro SMF tiene ese icono de discord que nos lleva a dicho link, entonces... cómo puedo hacer eso; y ademas, ¿Se puede con otros iconos como Whatsapp, Facebook, etc?

PD: Tal como este foro SMF de soporte, con  iconos con links.


Gracias, espero pronta respuesta, salu2!

[Dhayzon]

es poner un simple html en el lugar que tu prefieras

si no sabes de html busca en google  "social icons HTML"  y Tendras muchos ejemplos para copiar y pegar
cuando estes listo y encuentres los iconos adecuados para   tu plantillas tiennes que hacer la edición en el archivo  index.template.php

en cual puedes adjuntarlo aquí e indicarnos donde lo quieres ponerlo mediante una captura similar a tus ejemplos

[WaRiO_123]

Estoy usando el Theme SMF Kodac, con la version 2.0.17.
Quiero poner el icono html en la parte marcada con verde. (Parte inferior)

¿Este codigo, seria el correcto para usar?

Code Select Expand

<a href="https://discord/channel/@me" class="buttonLike invert icon_style tooltip discord tooltipstered">
<i class="fab fa-discord">

PD:Adjunto mi archivo.

[Danielㅤ]

Hola, porque difusas la imagen?, si pedís ayuda no deberías intentar ocultar información que probablemente es pública (digo probablemente porque no sé si tú foro es privado o no).

Te digo ésto porque si difusas no se puede ver bien tu foro ni como quedará ese ícono.


Saludos

[WaRiO_123]

Si se podria decir que es un foro privado, ya que aparte de esto, actualmente esta en mantenimiento.

Como puedes ver... el lugar en donde agregare el icono no es de informacion, se puede ver abajo el cuadro e color verde que es la ubicacion.

[Danielㅤ]

Hola, aquí te dejo varios mods de redes sociales:

Add Facebook Like, Tweet, and Google +1
https://custom.simplemachines.org/mods/index.php?mod=3559

Facebook Like v.2.0
https://custom.simplemachines.org/mods/index.php?mod=2543

SMF Social Network
https://custom.simplemachines.org/mods/index.php?mod=2407

Show Your Social Networks 3.0
https://web.archive.org/web/20130116013729/https://custom.simplemachines.org/mods/index.php?mod=2849

Add & Create Social Media Icons To Profiles
https://custom.simplemachines.org/mods/index.php?mod=3304


Saludos

[-Rock Lee-]

Sino mal recuerdo el theme Kodac no usa boostrap por lo que los iconos sino me equivoco no se visualizan (no suelo usarlos) sino agrego directmente el icono estilo:

Code Select Expand

<div class="Redes_Sociales">
<a href="https://www.facebook.com/" target="_blank"><img src="../imag/facebook.png" alt="Facebook"></a>
<a href="https://twitter.com/" target="_blank"><img src="../img/twitter.png" alt="Twitter">
</div>

Sino seria cuestion probar cual queda mejor...


Saludos!

[WaRiO_123]

Pero el como se en que lugar del index.template.php debo ponerlo y como saber en que lugar saldra?

Ya que quiero elegir mi propio lugar.

[-Rock Lee-]

Pero el como se en que lugar del index.template.php debo ponerlo y como saber en que lugar saldra?

Ya que quiero elegir mi propio lugar.

Eso es sencillo con algo de html y buscando por nombre de clase, con el inspector de elemento de tu navegador sabes que la zona donde queres aplicarlo tiene la clase "redesociales" y con el buscador del mismo navegador o de algun editor podes localizar rapidamente la linea. Sino deja la url y donde queres verlo para decirte precisamente donde tenes que buscar...


Saludos!

[WaRiO_123]

Mi foro http://g4clan.rf.gd/foro/index.php

Sino estoy mal este seria el codigo

Code Select Expand

<a href="https://discord/channel/@me" class="buttonLike invert icon_style tooltip discord tooltipstered">
<i class="fab fa-discord">
Quiero poner el icono html en la parte marcada con verde. (Parte inferior)

[-Rock Lee-]

Primero que el theme que estas usando no tiene boostrap por lo que el icono no se va a visualizar, pero tenes editar el index.template.php buscando con tu editor de codigo favorito la clase "wrapper" por eso te recomiendo lo apliques como te dije mas arriba a menos tengas un diseño responsive.


Saludos!

[WaRiO_123]

A lo que te refieres, es que, si puedo ponerlo en otra parte para que si se visualize?
Digamos la parte superior.

Salu2!

[WaRiO_123]

Primero que el theme que estas usando no tiene boostrap por lo que el icono no se va a visualizar, pero tenes editar el index.template.php buscando con tu editor de codigo favorito la clase "wrapper" por eso te recomiendo lo apliques como te dije mas arriba a menos tengas un diseño responsive.


Saludos!

http://vcmp-cl.epizy.com/index.php
En este theme (WGame), de este foro, puedo poner lo ya mencionado anteriormente, sin problemas?

[-Rock Lee-]

Una edicion rapida desde el navegador en el foro donde marcas la url no lo detecta por eso te digo no funciona, en el que marcas en la 2da la misma prueba y lo muestra sin problemas .


Saludos!