Advertisement:

Author Topic: [TIP] Centrar barra del Mod ActivityBar  (Read 12752 times)

Offline ^HeRaCLeS^

  • SMF Hero
  • ******
  • Posts: 3,656
  • ♥ Valen ♥
    • AdkTeam.net on Facebook
    • @adk_team on Twitter
    • SmfPersonal
[TIP] Centrar barra del Mod ActivityBar
« 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.
  • index.css
  • Display.template
  • Profile.template.php


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  ;)
« Last Edit: April 01, 2011, 03:14:18 PM by ^HeRaCLeS^ »
^HeRaCLeS^
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal

Offline adthz

  • Jr. Member
  • **
  • Posts: 273
  • Gender: Male
  • www.pirated.es
    • www.pirated.es on Facebook
    • www.pirated.es on LinkedIn
    • @www.pirated.es on Twitter
    • www.pirated.es
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #1 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

Offline ^HeRaCLeS^

  • SMF Hero
  • ******
  • Posts: 3,656
  • ♥ Valen ♥
    • AdkTeam.net on Facebook
    • @adk_team on Twitter
    • SmfPersonal
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #2 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  ;)
^HeRaCLeS^
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal

Offline pablo24

  • Jr. Member
  • **
  • Posts: 110
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #3 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?

Offline ^HeRaCLeS^

  • SMF Hero
  • ******
  • Posts: 3,656
  • ♥ Valen ♥
    • AdkTeam.net on Facebook
    • @adk_team on Twitter
    • SmfPersonal
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #4 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.
^HeRaCLeS^
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal

lean

  • Guest
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #5 on: December 06, 2010, 07:50:01 PM »
Agregado al listado de tips!
Gracias por compartir con la comunidad.
Saludos

Offline ^HeRaCLeS^

  • SMF Hero
  • ******
  • Posts: 3,656
  • ♥ Valen ♥
    • AdkTeam.net on Facebook
    • @adk_team on Twitter
    • SmfPersonal
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #6 on: December 06, 2010, 07:53:07 PM »
Agregado al listado de tips!
Gracias por compartir con la comunidad.
Saludos

 ;)

Para eso estamos!!
^HeRaCLeS^
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal

Offline pablo24

  • Jr. Member
  • **
  • Posts: 110
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #7 on: December 06, 2010, 08:19:43 PM »
Que raro, por que hice todos los cambios y no me quedó centrado

Offline ^HeRaCLeS^

  • SMF Hero
  • ******
  • Posts: 3,656
  • ♥ Valen ♥
    • AdkTeam.net on Facebook
    • @adk_team on Twitter
    • SmfPersonal
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #8 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.
^HeRaCLeS^
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal

Offline pablo24

  • Jr. Member
  • **
  • Posts: 110
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #9 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

Index.css

Para descargarlos.
Presióna aquí


Espero que me puedas ayudar

De antemano Gracias
« Last Edit: December 08, 2010, 09:59:24 AM by pablo24 »

Offline ^HeRaCLeS^

  • SMF Hero
  • ******
  • Posts: 3,656
  • ♥ Valen ♥
    • AdkTeam.net on Facebook
    • @adk_team on Twitter
    • SmfPersonal
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #10 on: December 08, 2010, 05:24:23 PM »
Fijate con este index.css a ver si queda mejor.
Espero que te sirva.

Saludos  ;)

^HeRaCLeS^
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal

Offline pablo24

  • Jr. Member
  • **
  • Posts: 110
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #11 on: December 09, 2010, 01:45:29 PM »
Ahí funcionó, ¿¿que hiciste para lograrlo??

Offline ^HeRaCLeS^

  • SMF Hero
  • ******
  • Posts: 3,656
  • ♥ Valen ♥
    • AdkTeam.net on Facebook
    • @adk_team on Twitter
    • SmfPersonal
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #12 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 ;)
^HeRaCLeS^
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal

Offline enik

  • SMF Hero
  • ******
  • Posts: 1,429
  • Gender: Male
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #13 on: December 09, 2010, 06:07:44 PM »
Buen tip heracles  8)

Offline naanoh

  • Jr. Member
  • **
  • Posts: 118
  • Fan Refoex-Gaming
    • Refoex-Gaming
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #14 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.

Offline ^HeRaCLeS^

  • SMF Hero
  • ******
  • Posts: 3,656
  • ♥ Valen ♥
    • AdkTeam.net on Facebook
    • @adk_team on Twitter
    • SmfPersonal
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #15 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 ;)
^HeRaCLeS^
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal

Offline naanoh

  • Jr. Member
  • **
  • Posts: 118
  • Fan Refoex-Gaming
    • Refoex-Gaming
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #16 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.

Offline ^HeRaCLeS^

  • SMF Hero
  • ******
  • Posts: 3,656
  • ♥ Valen ♥
    • AdkTeam.net on Facebook
    • @adk_team on Twitter
    • SmfPersonal
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #17 on: April 01, 2011, 07:49:05 PM »
Deja un link donde se pueda ver
^HeRaCLeS^
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal

Offline naanoh

  • Jr. Member
  • **
  • Posts: 118
  • Fan Refoex-Gaming
    • Refoex-Gaming
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #18 on: April 01, 2011, 08:16:57 PM »
Aca te dejo la imagen



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.
« Last Edit: April 01, 2011, 08:23:59 PM by naanoh »

Offline ^HeRaCLeS^

  • SMF Hero
  • ******
  • Posts: 3,656
  • ♥ Valen ♥
    • AdkTeam.net on Facebook
    • @adk_team on Twitter
    • SmfPersonal
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #19 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.
^HeRaCLeS^
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal