Noticia Primeras imágenes de XenForo 2.0

luis · 12 Agosto 2016

Vista de foro

***************************************
Vista de tema

***************************************
Gestor menú navegación

***************************************

Más información en: XenForo 2.0 Development Updates

......

lms · 12 Agosto 2016

Aparte del nuevo aspecto, hay algunas otras nuevas características que se muestran aquí:

El gestor de navegación permite controlar las partes individuales de la navegación del Encabezado. Puede notarse que las entradas de navegación pueden venir del árbol de nodos y tendrán su propia pestaña.
Los Widgets se apoderan de la barra lateral del listado de foros. No hemos imitado aquí a XenForo 1, sino que impulsamos un nuevo sistema de widgets que permiten controlar lo que se muestra en varios lugares. Y si se desea insertar un widget en una ubicación personalizada, puede hacerse con una etiqueta especial en la plantilla.
Avatares dinámicos basados en letras para los usuarios sin un avatar personalizado. Estos usuarios recibirán ahora un avatar a base de la primera letra de su nombre de usuario, con un color de fondo generado a partir de su nombre.

En el futuro se detellarán más.

Ya que estamos mostrando capturas de pantalla, vamos a hablar un poco más sobre la estructura de uso de HTML / CSS de XenForo 2.0. En general, el código HTML y CSS se organiza en torno al enfoque de Bloque del Elemento Modificador (BEM). Vamos a empezar con un ejemplo concreto:

Insertar CODE, HTML o PHP:

<div class="block">
    <div class="block-container">
        <xf:if is="$trophies is not empty">
            <ol class="block-body">
                <xf:foreach loop="$trophies" value="$trophy">
                    <li class="block-row block-row--separated">
                        <div class="figureRow">
                            <span class="figureRow-figure figureRow-figure--text figureRow-figure--fixedSmall">{$trophy.Trophy.trophy_points}</span>
                            <div class="figureRow-main">
                                <span class="figureRow-extra"><xf:date time="{$trophy.award_date}" /></span>
                                <h2 class="figureRow-header">{$trophy.Trophy.title}</h2>
                                <div class="figureRow-minor">{$trophy.Trophy.description|raw}</div>
                            </div>
                        </div>
                    </li>
                </xf:foreach>
            </ol>
        <xf:else />
            <div class="block-body block-row">{{ phrase('x_has_not_been_awarded_any_trophies_yet', {'name': $user.username}) }}</div>
        </xf:if>
        <div class="block-footer">
            <span class="u-pullLeft">{{ phrase('total_points') }}: {{ number($user.trophy_points) }}</span>
            <span class="u-pullRight"><a href="{{ link('help', {'page_name': 'trophies'}) }}" class="button">{{ phrase('view_all_available_trophies') }}</a></span>
        </div>
    </div>
</div>

Comenzando desde el exterior, se verá nuestro sistema de bloque. Con BEM, "bloque" es así, el bloque; "Bloque de contenedores", "bloque de filas", etc., son elementos; y "bloque de filas - separado" es el Modificador "separado" de la fila de bloques. Este enfoque hace que la organización sea mucho más fácil y hace el proceso del estilo mucho más claro. Nuestra convención es una sola "-" para los Elementos y un doble "-" para los modificadores y luego usar el dentro la sensitividad de las letras.

Dentro del bloque, se verá "figureRow", que es nuestro sistema genérico para el tendido de un icono o una figura a la izquierda del contenido correspondiente. Esto no está relacionado con los bloques y puede funcionar de forma totalmente independiente si así se desea. Bajo BEM, "figureRow" es su propio bloque, "figureRow-figura" un elemento y "figureRow cifras - texto" un modificador.

Si nos fijamos en el elemento de bloque-pie de página, también verá elementos "u-pullRight y "u-pullLeft". Estrictamente hablando, estos probablemente no se deben utilizar aquí si es posible, pero sirven como un buen ejemplo de las clases de utilidades. Estos consiguen el prefijo "U" para indicar que no necesariamente siguen el patrón general BEM pero proporcionan herramientas útiles para utilizar en caso de apuro. Algunos otros ejemplos incluyen "u-silenciado" para el texto menos consistente, y "u-srOnly" para ocultar visualmente algo (pero que sea para lectores de pantalla).

Vale la pena mencionar que, si bien el estilo predeterminado claramente ha hecho hincapié en "cajas", se puede restar importancia a este fácilmente retirando simplemente el color de fondo y el ajuste de los límites para que se adapte a sus necesidades. Con la construcción de este sistema nuestro diseño se hace mucho más consistente y por lo tanto más fácil de personalizar de forma coherente.

¿Que sigue?

En este punto, se ha añadido la absoluta mayoría de la funcionalidad. Todavía hay algunas páginas y funciones más pequeñas aquí o allí que nos tienen que apoyar, pero la funcionalidad principal es básicamente todo lo que hay. Dicho esto, nuestra lista de tareas está lejos de estar vacía. Como cualquier desarrollador le dirá, usted comprueba fuera una cosa y agrega dos más. Todavía estamos trabajando duro, pero vamos haciendo grandes progresos.

Cuando sentimos llegar a ese punto, el primer paso será la creación de una instalación de demostración separada de manera que todo el mundo puede empezar a jugar con XenForo 2.0 como un usuario final. Vamos a recopilar información, realizar cambios, corregir errores, y trabajar en cosas que en el fondo que no verás.

El siguiente paso sería lo que podría considerarse un alfa o una vista previa para desarrolladores. Esta será la primera vez que los clientes serán capaces de probar XenForo 2.0 en su propio servidor y trabajar con las plantillas de código /. No tenemos la intención de limitar esto a los desarrolladores seleccionados. Sin embargo, usted no será capaz de actualizar a esta versión y es poco probable que sea capaz de actualizar fuera de él. Es probable que también tenga que hacer la instalación mediante la línea de comandos y tomando algunos pasos manuales. Esta vista previa está diseñado específicamente para empezar a recibir respuesta inicial de los desarrolladores (y) estilistas y aficionados entusiastas.

Después de eso, XenForo 2.0 pasará por el proceso de beta habitual, al igual que cualquier otra versión 1.x. Sin embargo, este proceso puede ser más largo debido al alcance de los cambios realizados y que nos permitirá tener más tiempo de tareas adicionales completas, tales como cambiar nuestros complementos oficiales.

¿Cuando puede pasar esto?

Cada paso del proceso depende de cómo va la anterior. Por lo tanto, es muy difícil para nosotros sugerir cuando se dará a conocer una versión estable - o incluso la beta -. Sin embargo, nuestro objetivo es comenzar a recopilar información a través de la instalación de demostración en otoño de 2016.

¡Estamos muy entusiasmados con lo que se avecina!

Juan Sin Miedo · 18 Agosto 2016

Efectivamente, se ve como una versión 2.0, vamos a ver que mejoras trae.

Al menos en el aspecto ya se diferencia bien de la versión actual.

lms · 16 Noviembre 2016

Aunque ya conocerás algunos cambios de estos, aquí va una recopilación de nuevas cosas y cambios en XenForo 2. La lista no es exhaustiva del todo y no recoge cantidad de cambios embuídos en la arquitectura. Sin ningún orden en particular...

Soporte emoji (utf8mb4)
If you run a version of MySQL that supports utf8mb4, you can convert your tables (through a script) to use that to allow emojis to be used in posts: ☕️️ Currently, the underlying emojis come from the OS/browser so they may differ between visitors.

Soporte para retina (2x) en avatares
Devices that benefit from higher resolution avatars will now use them as needed in posts and most other areas. This prevents the images from appearing to be low resolution compared to other icons and text.

Avatares de letras dinámicos basados en el nombre del usuario
If you haven't specified an avatar, you'll get a dynamically colored avatar using the first letter of your username. This helps distinguish users that don't set a custom avatar.

Soporte para emoticonos con retina (2x)
Smilies can also serve a 2x version to devices that benefit from it or you can use a higher resolution sprite that is scaled down. Ver el archivo adjunto upload_2016-11-16_21-10-21.gif We've also changed the default smilies (though nothing would stop you from keeping your existing ones).

Sistema de gestión de navegación
We've talked about this elsewhere, but the navigation at the top of the page is now entirely controllable through the control panel. You can add custom entries and move them around. Add-ons can associate their own entries too.

Sistema de widgets
Though it may look similar to XF1, the sidebar elements on various pages are now defined as widgets. You can add/remove and customize the widgets used in the control panel.

Área dedicada "¿Qué hay de nuevo?"
This aims to be a specific area for surfacing the latest content through various views. This supplements the previous "find new" systems and allows specific pages to present more options to configure what content is returned.

Widgets aren't just for sidebars though. The what's new overview page is made up of widgets so you can configure what you want to show there.

Sistema mejorado de edición de mensajes
Editing a post no longer brings up an overlay, instead replacing the post area. Attachments are now manageable without going to a separate page and any attachments embedded in the post will be shown in the editor. If you're editing the first post of the thread, things like the title will also be editable from here.

Nuevo editor de texto enriquecido
We're using a new rich text editor. This system is more actively maintained and easier to customize to fit our needs.

Alternar el editor de texto enriquecido por navegador
There is no per user toggling of the rich text editor. Instead, we store your preference in your browser. This means that you can use the RTE on your desktop but if you have problems with it on your mobile, you can disable it there.

Indicador de alertas / charlas sin leer en favicon, título de etiqueta
Si se tiene sin leer alguna alerta o charla, puede personalizarse el favicon para que tenga un punto rojo y se agregará un contador (tal como "(2)") al inicio del título de la pestaña.

Sistema de comunicación de referencias cruzadas
If you have multiple pages of your forum open in tabs simultaneously, we can now send messages between them to handle things like synchronizing unread alert/conversation indicators and keeping your session/CSRF tokens up to date. We can now tell if you've been logged out (or in) in another tab and show you a message suggesting that you reload to see the changes.

Sin navegación en móviles, diseño mejorado ajustable en general
We've tried to improve the usability of XF2 for mobiles. Amongst other things, this includes moving the main navigation (and sub-section-specific navigation) to an off canvas menu system.

Formulario anclado para envíar filas
En la mayoría de las veces, cuando un formulario es más grande que la pantalla, la fila de remisión está anclada al fondo de la ventana del navegador por lo que no es necesario desplazarse hasta abajo del todo para acceder a él.

Campos personalizados de tema
Al igual que los campos personalizados de usuario, podrán adjuntarse ahora campos personalizados basados en foro, para recolectar mayor información estructural.

Género y ocupacíon movidos a campos personalizados (actualizaciones)
Las nuevas instalaciones no incluirán los campos género ni ocupación y en las actualizaciones se moverán a campos personalizados. Pueden elimnarse por completo o, caso del género, personalizar las opciones existentes.

Agregadas páginas de ayuda predeterminadas para ayudar al sistema de páginas
Las páginas de ayuda predeterminada (como emoticonos, códigos BB y trofeos) se han agregado al sistema de páginas de ayuda. Ahora se las puede desactivar/reordenar según necesidades y, como antes, pueden personalizarse sus plantillas.

'Me Gusta0' en charlas, control "contable" de 'Me Gusta'
Pueden recibirse 'Me Gusta' en mensajes de charla. Pueden configurarse para que no contabilicen y, aunque el receptor siga recibiendo su alerta correspondiente, su contador de 'Me Gusta' no cambiará.

Multi-cita en charlas
La multi-cita puede usarse ahora en charlas. Advertir que la multi-cita sigue siendo específica al contenido; charlas y mensajes tienen Multi-Citas separadas.

lms · 16 Noviembre 2016

Moderators may now ban users directly (by permission)
While previously moderators could ban users through warning points, they can now manage bans directly if you give them the permission.

Moderators may now approve/reject user registrations (by permission)
Similarly, users awaiting approval has been brought to the front end and moderators with the necessary permission can take action within the approval queue, the new name for the moderation queue.

BB code and mentions support in reports, resolution/rejection alert included in comment
Report comments now support BB code and @ mentions. If you send an alert when taking action on a report, the content of the alert will be appended to your report comment so this can be tracked.

Member tooltip replaces member card
Clicking a username will now take you directly to the user profile rather than creating an overlay. Hovering a username will instead bring up a tooltip with similar information to the existing member card. (There may be implementation changes to this for touch devices.)

Horizontal scrolling tabs system
When there are too many tabs to fit in a row, we will show arrows to indicate scrollability instead of wrapping. This is a common pattern on mobile devices.

CSS transitions/animations in most cases
Whenever possible, transitions/animations are done in CSS by toggling classes. This allows them to be customized more easily. (We have designed a system that allows you to do height transitions via CSS without needing to know the current or target height.)

Customizable member stats system
The lists included in the "notable members" area are now definable within the control panel. You can list the top users like before or users that meet specified criteria. These results can be cached in case they are not hitting indexed fields.

New generic payment framework
We have also mentioned this elsewhere, but we've built a framework to support multiple payment providers and multiple types of purchasable items. While user upgrades are the only default purchasable, this should allow add-ons to integrate purchases without having to develop their own payment processing tools.

Extended external/connected accounts framework
Support for authenticating and integrating with external/connected accounts (such as Facebook and Twitter) has been expanded. We now support authentication using more account providers out of the box. Aside from the 3 present in XF1, we now include Microsoft, Yahoo, LinkedIn and GitHub. It should be easier for developers to add their own account providers now.

IP match and email ban records now include reason field, logging
When blocking an IP or an email, you can now include a reason for the block. The user adding the block and the date will also be logged. Finally, whenever a block is triggered, we'll update the record so you can see which blocks are actively being triggered.

BB code media site embed HTML now customizable templates
BB code media site HTML can now use the full set of template syntax. This gives significantly more control over the content of the output, particularly for advanced cases.

Responsive media embeds
Embedded media from BB code media sites will now maintain their aspect ratio (16:9) no matter the browser width.

New attachment uploader system (no Flash)
It shouldn't be surprising, but we're now using an HTML5 uploader system with no Flash involved. This should provide a better experience when uploading from mobiles (though that is still somewhat down to the browser's internal handling of file uploads).

Attachments shown in previews
When previewing a message, any embedded attachments will now be displayed (instead of a "view attachment" text placeholder).

New share page system: new sites, less overhead
We have removed the share page system that depended on loading a large amount of JavaScript from Facebook, Twitter and Google and gone with a much simpler system to allow users to share to specific services. This effectively removes the overhead of the share buttons and allows us to provide sharing options for more services.

Guest quick reply with dynamically loaded CAPTCHA
If you allow guest posting, they can now use quick reply. The CAPTCHA (and other guest-specific fields) will only be shown once they focus the quick reply field.

ReCAPTCHA v2 (NoCAPTCHA) by default
We now no longer use the old ReCAPTCHA system, instead always using the NoCAPTCHA version. You may still choose to use a different CAPTCHA provider if you prefer.

Extended code block syntax highlighting
Syntax highlighting in code blocks is now done client side and supports a variety of languages. This is marked up through

Insertar CODE, HTML o PHP:

.

[B]Support for multiple inline moderation types per page[/B]
In some situations, you may have multiple inline moderation types on one page. As an example, you can select the posts in a thread and the thread itself for moderation on the same page and be given options to manage either type. In XF1, this example wouldn't give you options for managing the thread.

[B]Drag and drop sorting of node lists and other content types[/B]
We now support drag and drop sorting of tree structures like node lists and navigation manager items.



...and more. This hasn't scratched the surface of the underlying architecture and structural changes, though we've discussed some of those in the past. We'll save those details for another day.

iorG19 · 16 Noviembre 2016

¡Bienvenido a XenFácil!

¡Es gratis!

Noticia Primeras imágenes de XenForo 2.0

luis

lms

Juan Sin Miedo

lms

lms

iorG19

Sobre Nosotros

Productos

¿Dónde estamos?

¡Ayuda al sitio!