Mostrar Miniaturas de Imagenes Horizontalmente

Started by KENT10000, January 16, 2017, 02:42:53 PM

Previous topic - Next topic

KENT10000

Hola,

Cuando se utiliza el gestor de archivos del foro para insertar imagenes, este de forma predeterminada las muestra de forma vertical.

IMAGEN 1


IMAGEN 2

IMAGEN 3

Lo que yo deseo es que se muestren de forma horizontal

IMAGEN 1  IMAGEN 2  IMAGEN 3


Hay alguna forma de hacerlo ?

Tal vez modificando una simple linea de algun archivo ?

Con algun Mod ?



-Rock Lee-

Creo hay un mod hace eso pero en otra forma, tambien puedes lograrlo usando tablas que trae smf. Ahora si lo queres hacer automáticamente... no estoy seguro del todo si se puede lograr.


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

KENT10000

Lo he visto en otros foros, las imagenes se muestran de forma horizontal de forma predeterminada.

Un Saludo.

-Rock Lee-

¿Otro foro de smf? Supongo que se puede lograr, habria que ver algún ejemplo para poder indagar un poco como lo logra.


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

Dhayzon

te refieres a esto de los archivos adjuntos?  no se si hay un mod  pero la modificación seria dentro  de este extracto  en el Display.template.php de tema que uses

// Assuming there are attachments...
if (!empty($message['attachment']))
{
echo '
<div id="msg_', $message['id'], '_footer" class="attachments smalltext">
<div style="overflow: ', $context['browser']['is_firefox'] ? 'visible' : 'auto', ';">';

$last_approved_state = 1;
foreach ($message['attachment'] as $attachment)
{
// Show a special box for unapproved attachments...
if ($attachment['is_approved'] != $last_approved_state)
{
$last_approved_state = 0;
echo '
<fieldset>
<legend>', $txt['attach_awaiting_approve'];

if ($context['can_approve'])
echo '&nbsp;[<a href="', $scripturl, '?action=attachapprove;sa=all;mid=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['approve_all'], '</a>]';

echo '</legend>';
}

if ($attachment['is_image'])
{
if ($attachment['thumbnail']['has_thumb'])
echo '
<a href="', $attachment['href'], ';image" id="link_', $attachment['id'], '" onclick="', $attachment['thumbnail']['javascript'], '"><img src="', $attachment['thumbnail']['href'], '" alt="" id="thumb_', $attachment['id'], '" /></a><br />';
else
echo '
<img src="' . $attachment['href'] . ';image" alt="" width="' . $attachment['width'] . '" height="' . $attachment['height'] . '"/><br />';
}
echo '
<a href="' . $attachment['href'] . '"><img src="' . $settings['images_url'] . '/icons/clip.gif" alt="*" />&nbsp;' . $attachment['name'] . '</a> ';

if (!$attachment['is_approved'] && $context['can_approve'])
echo '
[<a href="', $scripturl, '?action=attachapprove;sa=approve;aid=', $attachment['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['approve'], '</a>]&nbsp;|&nbsp;[<a href="', $scripturl, '?action=attachapprove;sa=reject;aid=', $attachment['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['delete'], '</a>] ';
echo '
(', $attachment['size'], ($attachment['is_image'] ? ', ' . $attachment['real_width'] . 'x' . $attachment['real_height'] . ' - ' . $txt['attach_viewed'] : ' - ' . $txt['attach_downloaded']) . ' ' . $attachment['downloads'] . ' ' . $txt['attach_times'] . '.)<br />';
}

// If we had unapproved attachments clean up.
if ($last_approved_state == 0)
echo '
</fieldset>';

echo '
</div>
</div>';
}

KENT10000

Si. A esos adjuntos me refiero.

Pero sabes cual es la parte del codigo que hay que modificar ?

Un saludo.

KENT10000

Se debe buscar el codigo que anexo Dhayzon; Y reemplazar por este:

// Assuming there are attachments...
if (!empty($message['attachment']))
{
echo '
<div id="msg_', $message['id'], '_footer" class="attachments smalltext">
<div style="overflow: ', $context['browser']['is_firefox'] ? 'visible' : 'auto', ';">';
echo '<ul class="inline-attachments">';
$last_approved_state = 1;
foreach ($message['attachment'] as $attachment)
{
// Show a special box for unapproved attachments...
if ($attachment['is_approved'] != $last_approved_state)
{
$last_approved_state = 0;
echo '
<fieldset>
<legend>', $txt['attach_awaiting_approve'];

if ($context['can_approve'])
echo '&nbsp;[<a href="', $scripturl, '?action=attachapprove;sa=all;mid=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['approve_all'], '</a>]';

echo '</legend>';
}

if ($attachment['is_image'])
{
echo '<li class="inline-attachment" id="attachment_', $attachment['id'], '">';
if ($attachment['thumbnail']['has_thumb'])
echo '
<a href="', $attachment['href'], ';image" id="link_', $attachment['id'], '" onclick="', $attachment['thumbnail']['javascript'], '"><img src="', $attachment['thumbnail']['href'], '" alt="" id="thumb_', $attachment['id'], '" /></a><br />';
else
echo '
<img src="' . $attachment['href'] . ';image" alt="" width="' . $attachment['width'] . '" height="' . $attachment['height'] . '"/><br />';
}
echo '
<a href="' . $attachment['href'] . '"><img src="' . $settings['images_url'] . '/icons/clip.gif" align="middle" alt="*" />&nbsp;' . $attachment['name'] . '</a> ';

if (!$attachment['is_approved'] && $context['can_approve'])
echo '
[<a href="', $scripturl, '?action=attachapprove;sa=approve;aid=', $attachment['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['approve'], '</a>]&nbsp;|&nbsp;[<a href="', $scripturl, '?action=attachapprove;sa=reject;aid=', $attachment['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $txt['delete'], '</a>] ';
echo '
<br />- ', $attachment['size'], ($attachment['is_image'] ? ', ' . $attachment['real_width'] . 'x' . $attachment['real_height'] . ' <br />- ' . $txt['attach_viewed'] : ' - ' . $txt['attach_downloaded']) . ' ' . $attachment['downloads'] . ' ' . $txt['attach_times'] . '.</li>';
}

// If we had unapproved attachments clean up.
if ($last_approved_state == 0)
echo '
</fieldset>';
echo '</ul>';
echo '
</div>
</div>';
}


Y luego en el index.css añadir lo siguiente:

.inline-attachment {
    display: inline-block;
    width: 150px;
}
.inline-attachments {
    list-style-type: none;
}


Pero el resultado no es bueno, y ademas si se tienen paquetes instalados relacionados con este tema, los daña.

La unica para evitar eso, es hacer el reemplazo, sin afectar los codigos relacionados; tarea que es bastante desagradable.

Y en caso de que se comienze con una instalacion en limpio, lo mejor es primero ajustar este codigo.

Sin embargo si se instala el fancybox, mejora la presentacion.

Seria recomendable que los de SMF pudieran incluir de forma predeterminada la presentacion horizontal, dejando tambien la vertical
y que sea el usuario que decida que configuracion hacer.

Esta es la unica fuente que encontre:
http://www.simplemachines.org/community/index.php?topic=547490.0

Tal vez existan mas, y que sea mas perfecto, pero no tuve suerte.

Saludos.

Advertisement: