Nabble Support › Old › Free Support › Español

Añadir botones subir y bajar en los post

Classic

List

Threaded

10 messages Options

juanete

Añadir botones subir y bajar en los post

This post was updated on .

Hola a todos, quiero compartir con todos esta opción que he añadido a mi Foro y que creo que es muy interesante y funcional, cuando los post son muy largos y de esta forma acceder al principio o al final de las páginas de comentarios, pulsando en un botón.

Para ver como funciona podéis visitar cualquier post de mi Foro:
http://foro.ubuntu-guia.com/

El primer paso es buscar las imágenes para los botones de subir y bajar. Si os gustan los míos, aquí están:
Botón de bajar: go-bottom.png
Botón de subir: go-top.png

Ahora subimos estas imágenes a un hosting o simplemente creamos un post en nuestro foro y pulsamos en "More > Upload a file" y una vez publicado el comentario o post en nuestro Foro y haciendo clic derecho sobre el enlace y seleccionando "Copiar la ruta del enlace" ya tenemos la "URL" de la imagen.

Editar nuestro Foro con Naml, para ello abrimos cualquier post de nuestro Foro y abajo a la derecha de la página pulsamos en "See how NAML generates this page".

Se nos abre el editor de Naml y pulsamos en "topic_html":

Ahora pulsamos en "Edit this Override", para editar los topic_html.

Para marcar con un enlace el principio de la página, pegamos la siguiente línea de código, justo debajo del <head>

<a name="sec1"></a>

Para marcar con un enlace el final de la página, pegamos la siguiente línea de código, justo encima del </body>

<a name="sec2"></a>

E insertamos los botones con los correspondientes enlaces al principio y final de la página, pegando el siguiente código, justo encima del enlace al final de la página (name="sec2") que hemos pegado antes:

<div style="position: fixed; bottom: 15px; right: 0.3px;"><a href="#sec1"><img src="URL-de-la-imagen-subir" alt="image" title="subir"/></a><br /><a href="#sec2"><img src="URL-de-la-imagen-bajar" alt="image" title="bajar"/></a></div>

Atención: Donde pone "URL-de-la-imagen-subir" y "URL-de-la-imagen-bajar", hay que cambiarlo por las respectivas URLs de las imágenes de los botones subir y bajar.

El código completo debe de quedar así:

<override_macro name="topic_html" requires="servlet">
    <n.topic_min_html>
        <head>
            <a name="sec1"></a>
            <n.common_head/>
            <n.topic_head/>
            <n.topic_meta/>
            <n.increment_view_count/>
        </head>
        <body>
            <n.page_node.topic_hardcoded_notices/>
            <n.newsflash/>
            <n.topic_header/>
            <n.topic_controls/>
            <n.topic_contents.view_contents.page_node.topic_rows/>
            <n.topic_footer/>
            <n.report_inappropriate_content_panel/>
            <div style="position: fixed; bottom: 15px; right: 0.3px;"><a href="#sec1"><img src="URL-de-la-imagen-subir" alt="image" title="subir"/></a><br /><a href="#sec2"><img src="URL-de-la-imagen-bajar" alt="image" title="bajar"/></a></div>
            <a name="sec2"></a>
        </body>
    </n.topic_min_html>
</override_macro>

Nota 1:
Para cambiar la posición de los botones, modificamos lo siguiente en el último código que hemos pegado:
bottom: 15px -> son los píxeles (15px) que hay entre el botón y la parte inferior de la pantalla (modificamos los px).
right: 0.3px -> son los píxeles (0.3px) que hay entre el botón y la parte derecha de la pantalla (modificamos los px).
(también se puede utilizar la parte izquierda de la pantalla (left: 15px;) o la parte superior (top: 0.3px))

Nota 2:
En el código que he puesto los botones están uno debajo del otro porque he añadido un punto y aparte "<br />" entre ellos.

Solo queda pulsar en "Saves changes", para guardar los cambios:

Si no nos gusta o queremos volver a la configuración por defecto, pulsamos en "Remove Override":

Espero que os guste y os sirva.

saludos

“El software libre construye una sociedad mejor“
"Free software builds a better society"
— Richard Stallman

llau

Re: Añadir botones subir y bajar en los post

Gracias por documentarlo..
Lo he probado pero yo tengo el foro embed, y así no me funciona.
Gracias de todas formas.

juanete

Re: Añadir botones subir y bajar en los post

Hola llau, aunque sea embebido, debería de funcionar.

A ver si es que en los permisos del post que hayas creado para subir las imágenes está configurado para que solo lo vean los usuarios registrados. Donde estén ubicadas las imágenes de los botones debe ser accesible para todo el mundo.

saludos

“El software libre construye una sociedad mejor“
"Free software builds a better society"
— Richard Stallman

Pedro

Re: Añadir botones subir y bajar en los post

Hola,
su idea es muy buena. Si desea publicar un código de aquí, utilizar las tags
<raw_ name="code" class="xml">código</raw_>sin el carácter "_" ,
entonces el formato se parece a esto:

<override_macro name="topic_html" requires="servlet">
    <n.topic_min_html>
        <head>
            <a name="sec1"></a>
            <n.common_head/>
            <n.topic_head/>
            <n.topic_meta/>
            <n.increment_view_count/>
        </head>
        <body>
            <n.page_node.topic_hardcoded_notices/>
            <n.newsflash/>
            <n.topic_header/>
            <n.topic_controls/>
            <n.topic_contents.view_contents.page_node.topic_rows/>
            <n.topic_footer/>
            <n.report_inappropriate_content_panel/>
            <div style="position: fixed; bottom: 15px; right: 0.3px;"><a href="#sec1"><img src="URL-de-la-imagen-subir" alt="image" title="subir"/></a><br /><a href="#sec2"><img src="URL-de-la-imagen-bajar" alt="image" title="bajar"/></a></div>
             <a name="sec2"></a>
        </body>
    </n.topic_min_html>
</override_macro>

My test forum.

juanete

Re: Añadir botones subir y bajar en los post

This post was updated on .

Hola Peter, gracias por lo del tags, ya lo he modificado

saludos

“El software libre construye una sociedad mejor“
"Free software builds a better society"
— Richard Stallman

llau

Re: Añadir botones subir y bajar en los post

In reply to this post by juanete

juanete wrote

Hola llau, aunque sea embebido, debería de funcionar.

A ver si es que en los permisos del post que hayas creado para subir las imágenes está configurado para que solo lo vean los usuarios registrados. Donde estén ubicadas las imágenes de los botones debe ser accesible para todo el mundo.

saludos

No, no si las imagenes si que se ven. Pero solo dentro de los post no fuera del menú general del foro y no me funcionan. Si hago "click" en la imagen no me hace nada.

, sin embargo lo he probado con el foro sin Embed y funciona como tu comentas... No se...

Pedro

Re: Añadir botones subir y bajar en los post

Había alguien aquí interesado en cómo dar formato a código en su propio foro?

My test forum.

juanete

Re: Añadir botones subir y bajar en los post

Hola Pedro, yo estoy interesado, gracias

saludos

“El software libre construye una sociedad mejor“
"Free software builds a better society"
— Richard Stallman

Pedro

Re: Añadir botones subir y bajar en los post

Hola,
Yo estaba en el "Advanced Editor" y ha añadido un conjunto de macros y scripts llamados "source_code". Puedes editarlo si quieres. Pon a prueba para ver si todo es correcto. He probado el "preview" y todo está bien.

My test forum.

juanete

Re: Añadir botones subir y bajar en los post

Gracias Pedro, funciona perfectamente

Es la librería http://alexgorbatchev.com/SyntaxHighlighter/ y no sabía como implementarla en el Foro

Voy a modificarlo a mi gusto

saludos

“El software libre construye una sociedad mejor“
"Free software builds a better society"
— Richard Stallman