Simple Machines Community Forum

SMF Support => Español (Spanish) => Language Specific Support => Tutoriales => Topic started by: ^HeRaCLeS^ on December 05, 2010, 05:37:01 PM

Title: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on December 05, 2010, 05:37:01 PM
Centrar barra del Mod ActivityBar

Debido a la gran cantidad de mensajes que eh leido acerca de como centrar la barra del ActivityBar,
me decidi a hacer este tip.
Vamos a tener que modificar tres archivos para lograrlo.


Empecemos con el index.css

Buscar:
Code: [Select]
.activity_holder
{
height: 15px;
border: 1px solid #9BAEBF;
}

.activity_bar
{
height: 15px;
background: url(../images/theme/main_block.png) 90% -200px;
}

.activity_percentage
{
height: 15px;
color: #333333;
text-align: center;
}

Remplazar por:
Code: [Select]
.activity_holder
{
height: 15px;
border: 2px solid #9BAEBF;
  margin:0 auto;
}
.activity_holders
{
height: 15px;
border: 2px solid #9BAEBF;
}
.activity_bar
{
height: 15px;
background: #00FF00;
}

.activity_percentage
{
height: 15px;
color: #000000;
text-align: center;
}
.poster li.activity
{
text-align: center;
}


En el display.template.php

Buscar:
Code: [Select]
// Show a activitybar.
if(!empty($modSettings['activitybar_enable']) && !empty($modSettings['activitybar_show_in_posts']))
echo '
<li><br />', !empty($modSettings['activitybar_label']) ? $modSettings['activitybar_label'] : $txt['activitybar_standardlabel'], '
<div class="activity_holder" style="width: ', !empty($modSettings['activitybar_max_width']) ? $modSettings['activitybar_max_width'] : 139, 'px;"><div class="activity_bar" style="width: ', $message['activitybar']['width'], 'px;"><div class="activity_percentage smalltext">', $message['activitybar']['percentage'], '%</div></div></div></li>';


Remplazar por:
Code: [Select]
// Show a activitybar.
if(!empty($modSettings['activitybar_enable']) && !empty($modSettings['activitybar_show_in_posts']))
echo '
<li class="activity">', !empty($modSettings['activitybar_label']) ? $modSettings['activitybar_label'] : $txt['activitybar_standardlabel'], '
<div class="activity_holder" style="width: ', !empty($modSettings['activitybar_max_width']) ? $modSettings['activitybar_max_width'] : 139, 'px;"><div class="activity_bar" style="width: ', $message['activitybar']['width'], 'px;"><div class="activity_percentage smalltext">', $message['activitybar']['percentage'], '%</div></div></div></li>';



Por ultimo el profile.template.php

Buscar:
Code: [Select]
// Show a activitybar.
if(!empty($modSettings['activitybar_enable']) && !empty($modSettings['activitybar_show_in_profile']))
echo '
<dt>', !empty($modSettings['activitybar_label']) ? $modSettings['activitybar_label'] : $txt['activitybar_standardlabel'], ':</dt>
<dd><div class="activity_holder" style="width: ', !empty($modSettings['activitybar_max_width']) ? $modSettings['activitybar_max_width'] : 139, 'px;"><div class="activity_bar" style="width: ', $context['activitybar']['width'], 'px;"><div class="activity_percentage smalltext">', $context['activitybar']['percentage'], '%</div></div></div></dd>';


Remplazar por:
Code: [Select]
// Show a activitybar.
if(!empty($modSettings['activitybar_enable']) && !empty($modSettings['activitybar_show_in_profile']))
echo '
<dt>', !empty($modSettings['activitybar_label']) ? $modSettings['activitybar_label'] : $txt['activitybar_standardlabel'], ':</dt>
<dd><div class="activity_holders" style="width: ', !empty($modSettings['activitybar_max_width']) ? $modSettings['activitybar_max_width'] : 139, 'px;"><div class="activity_bar" style="width: ', $context['activitybar']['width'], 'px;"><div class="activity_percentage smalltext">', $context['activitybar']['percentage'], '%</div></div></div></dd>';



Espero que les sea de utilidad.


Saludos  ;)
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: adthz on December 05, 2010, 06:03:36 PM
Buen tip amigo Pero Fueras posteado esto antes xP Yo solo cambio el grandor de la barra y lo acomodo de manera tal que se ve como si estuviera en el medio xP


Saludos
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on December 05, 2010, 06:14:13 PM
Gracias.
No se como queda la manera en que decis, ¿Centra todo, barra y texto dentro de ella?

Podrias postear aqui tu metodo, para que tengan otra opcion mas para lograrlo!!

Saludos  ;)
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: pablo24 on December 06, 2010, 07:39:58 PM
Me funciona en que el rectangulo queda centrado,
¿Pero no hay alguna forma de que el porcentaje también esté centrado?
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on December 06, 2010, 07:48:53 PM
El texto del porcentaje??

se supone que con esos cambios te tiene que quedar en texto del porcentaje centrado.
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: lean on December 06, 2010, 07:50:01 PM
Agregado al listado de tips!
Gracias por compartir con la comunidad.
Saludos
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on December 06, 2010, 07:53:07 PM
Agregado al listado de tips!
Gracias por compartir con la comunidad.
Saludos

 ;)

Para eso estamos!!
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: pablo24 on December 06, 2010, 08:19:43 PM
Que raro, por que hice todos los cambios y no me quedó centrado
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on December 06, 2010, 09:33:59 PM
Proba vaciando la cache de tu foro y navegador.
Si no lo solucionas con eso, adjuntame los archivos quq modificaste para que le eche una mirada.
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: pablo24 on December 08, 2010, 09:28:47 AM
Los que modifique fueron el index.css y el display.template ya que no lo use para el perfil.

Acá te dejo los archivos para que puedas ver como están:

Display.template (http://animeet.zobyhost.com/Display.template.txt)

Index.css (http://animeet.zobyhost.com/index.css)

Para descargarlos.
Presióna aquí (http://animeet.zobyhost.com/indexydisplay.zip)


Espero que me puedas ayudar

De antemano Gracias
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on December 08, 2010, 05:24:23 PM
Fijate con este index.css a ver si queda mejor.
Espero que te sirva.

Saludos  ;)

Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: pablo24 on December 09, 2010, 01:45:29 PM
Ahí funcionó, ¿¿que hiciste para lograrlo??
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on December 09, 2010, 02:06:18 PM
le agregue padding al activity_percentage dejandolo asi

Code: [Select]
.activity_percentage
{
height: 15px;
color: #000000;
text-align: center;
padding: 0em 0em 0em 4.5em;
}



Cualquier cosita por aca andamos.

Saludos ;)
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: enik on December 09, 2010, 06:07:44 PM
Buen tip heracles  8)
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: naanoh on April 01, 2011, 03:48:16 PM
ami me paso lo mismo que el  otro chico el porcentaje no se me ve centrado. me decis que modificar?

saludos.
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on April 01, 2011, 05:55:07 PM
le agregue padding al activity_percentage dejandolo asi

Code: [Select]
.activity_percentage
{
height: 15px;
color: #000000;
text-align: center;
padding: 0em 0em 0em 4.5em;
}



Cualquier cosita por aca andamos.

Saludos ;)
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: naanoh on April 01, 2011, 07:07:58 PM
lo hice el tema es que se ven toods los % bien menos el 100% que se ve corrido.

saludos.
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on April 01, 2011, 07:49:05 PM
Deja un link donde se pueda ver
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: naanoh on April 01, 2011, 08:16:57 PM
Aca te dejo la imagen

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2F4xEry.jpg&hash=d2444c9b0cd7700e3bac89587c115c0a)

saludos, del 0.0% al 10% digamos que se ve bien pero a medida que va aumentando la barra verde cada ves mas a la derecha se mueve. saludos.
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on April 02, 2011, 10:33:03 AM
Deja un link donde se pueda ver

Osea un link donde pueda ver el codigo, no una imagen donde solo veo lo que pasa pero no puedo ver el codigo.
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: naanoh on April 02, 2011, 10:51:58 PM
el code es el mismo que vos pusistes que agregemos. total mente el mismo que el del otro chico. ubicado en el mismo lugar.
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: ^HeRaCLeS^ on April 03, 2011, 01:06:59 AM
Me parece que no nos entendemos. ¿Queres o no queres Ayuda?
Si es asi hay dos opciones, o colaboras con las cosas que te pedimos para ayudarte o te arreglas solo.
Ya no se de que manera decirte que necesito ver el codigo en tu web, ya se que pusiste lo mismo que ahi dice, pero no todos los themes son iguales y no en todos lleva los mismos porcentajes, necesito poder modificar el codigo directamente desde tu web para poder decirte exactamente que es lo que tenes que hacer.
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: naanoh on April 03, 2011, 03:47:12 PM
bueno primero tranquilito y si quiero ayuda ahora te muestro elcodigo u.u
Title: Re: [TIP] Centrar barra del Mod ActivityBar
Post by: kevinava96 on June 08, 2011, 11:46:43 AM
a  mi no me sale la barra de actividad, que agoooo