News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Mod para RRSS como en este foro

Started by Ibues, July 30, 2022, 03:00:41 PM

Previous topic - Next topic

Ibues

Hola,

busco un mod solvente y que funcione bien, que permita añadir las RRSS con un botón/es como en este foro.
No sé si es un mod o es una modificación en el template.

He estado investigando en mods pero no lo he encontrado o lo pasé por alto sin darme cuenta.

Gracias.

Diego Andrés

Podrías explicar un poco más a que te refieres?
Redes sociales? Usualmente los usuarios lo añaden de forma manual ya que es simplemente HTML/CSS.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Ibues

Quote from: Diego Andrés on July 30, 2022, 04:02:53 PMPodrías explicar un poco más a que te refieres?
Redes sociales? Usualmente los usuarios lo añaden de forma manual ya que es simplemente HTML/CSS.

Sí, claro, redes sociales.

¿Cómo puedo añadir manualmente el botón de Twitter como aquí?, me gusta bastante como queda y en la posición que está. Aunque si es posible me gustaría pegarlo a la parte derecha, justo a la izquierda de "Noticias".

Gracias, Diego.

-Rock Lee-

Seria buscar el lugar donde colocarlo en si mismo, en el index.template.php tenes que buscar:

// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']) && !empty($context['random_news_line']))
echo '
<div class="news">
<h2>', $txt['news'], ': </h2>
<p>', $context['random_news_line'], '</p>
</div>';
y agregar:

// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']) && !empty($context['random_news_line']))
echo '<a href="https://twitter.com/SimpleMachines" target="_blank"><img src="https://miweb.com/images/social/twitter.png" alt="Twitter"></a>
<div class="news">
<h2>', $txt['news'], ': </h2>
<p>', $context['random_news_line'], '</p>
</div>';

Podes ir agregando diferentes solo es buscar el boton o tener una imagen para ello.


Saludos!
¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Ibues

#4
Quote from: -Rock Lee- on July 31, 2022, 08:19:52 PMSeria buscar el lugar donde colocarlo en si mismo, en el index.template.php tenes que buscar:

    // Show a random news item? (or you could pick one from news_lines...)
    if (!empty($settings['enable_news']) && !empty($context['random_news_line']))
        echo '
                    <div class="news">
                        <h2>', $txt['news'], ': </h2>
                        <p>', $context['random_news_line'], '</p>
                    </div>';
y agregar:

// Show a random news item? (or you could pick one from news_lines...)
    if (!empty($settings['enable_news']) && !empty($context['random_news_line']))
        echo '<a href="https://twitter.com/SimpleMachines" target="_blank"><img src="https://miweb.com/images/social/twitter.png" alt="Twitter"></a>
                    <div class="news">
                        <h2>', $txt['news'], ': </h2>
                        <p>', $context['random_news_line'], '</p>
                    </div>';

Podes ir agregando diferentes solo es buscar el boton o tener una imagen para ello.


Saludos!

He implementado los dos icons, Twitter y Facebook. Veo que quedan separados, no me importa ya que considero que aprovecha bien el espacio, aunque sí me gustaría saber (si es fácil) como hacer que queden juntos.

Este es el code usado:

    // Show a random news item? (or you could pick one from news_lines...)
    if (!empty($settings['enable_news']) && !empty($context['random_news_line']))
        echo '
        <a href="https://twitter.com/****" target="_blank"><img src="https://i.ibb.co/zf91mfT/twitter-logo-icon-147217.png" alt="Twitter"></a>
        <a href="https://facebook.com/****" target="_blank"><img src="https://i.ibb.co/ydWbGjN/facebook-logo-icon-147291.png" alt="Facebook"></a>

En cuanto al resultado visual, adjunto imagen. Muchas gracias.



Añado:

He estado investigando y he visto que el css determinaba un space-between, entonces decidí hacer que los dos icons estuvieran en un mismo elemento para que el css los leyera como un solo elemento, es decir, metí el html de los icons en un div. Ha funciona.

Ya está solucionado. Adjunto el resultado final.
(También jugué un poco con los px de #inner_section para ajustar más el borde a los icons).

Muchas gracias por la ayuda.

You cannot view this attachment.

Ibues

Por algún motivo que desconozco, y sin haber hecho ningún cambio, al menos que yo sepa, han desaparecido los botones que puse de Twitter y Facebook, y también la parte de "Noticias". Aunque ponga una noticia no aparece.

He mirado el código que puse en index.template y aparentemente está como quedó cuando sí funcionaba.

Danielㅤ

Quote from: Ibues on August 05, 2022, 03:07:03 AMPor algún motivo que desconozco, y sin haber hecho ningún cambio, al menos que yo sepa, han desaparecido los botones que puse de Twitter y Facebook, y también la parte de "Noticias". Aunque ponga una noticia no aparece.

He mirado el código que puse en index.template y aparentemente está como quedó cuando sí funcionaba.


Hola, eso puede haber ocurrido porque Facebook y/o Twitter han cambiado su código html o su api, por eso puede ser que no ves los botones.


Saludos

Diego Andrés

De acuerdo al código que dejaste arriba, metiste los iconos en una condición. Entonces si esa opción no está activada, no se verán tus iconos.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Ibues

#8
Quote from: Diego Andrés on August 05, 2022, 09:45:28 AMDe acuerdo al código que dejaste arriba, metiste los iconos en una condición. Entonces si esa opción no está activada, no se verán tus iconos.

¿Dónde debería ponerlos para que estén en el mismo lugar pero sin esa condición?, ¿y como activo/desactivo esa condición en las opciones de admin?, ya que si no recuerdo mal, la opción sigue activada pero no se ven las noticias como dije.

Añado, es cierto, el div estaba dentro de una parte que al parecer está disabled. La de news concretamente, pero no lo entiendo porque no recuerdo haberla desactivado, y ahora no recuerdo como activarla.

He colocado el div de RRSS en otro lugar, justo encima de donde irían "Noticias", fuera del marco del foro, es decir, donde iría el primer logo de smf que viene con el foro por defecto, al lado izquierdo.

Pero como digo, sigo sin entender porqué no aparecen las "noticias".

-Rock Lee-

Si es la del foro https://foroibero.com/ en si mismo veo el boton de twitter y nada mas, primero fijate este las lineas de código ademas que no fuera editado (es poco comun pero en algunos host editan cosas). Ademas recomendar tener la imagen vos mismo alojado en el hosting por que de terceros suelen borrarlo al tiempo...


Saludos!
¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Ibues

Quote from: -Rock Lee- on August 05, 2022, 09:17:09 PMSi es la del foro https://foroibero.com/ en si mismo veo el boton de twitter y nada mas, primero fijate este las lineas de código ademas que no fuera editado (es poco comun pero en algunos host editan cosas). Ademas recomendar tener la imagen vos mismo alojado en el hosting por que de terceros suelen borrarlo al tiempo...


Saludos!

Es que modifiqué, como expliqué en mi último mensaje, Rock, entonces puse el botón de Twitter en esa posición que has comentado. Es cierto que en donde estaba la etiqueta/div antes no se veía porque hay algo referente a "news" desactivado, ya que las noticias no aparecen aunque ponga una nueva.

Advertisement: