Advertisement:

Author Topic: [TIP] Centrar barra del Mod ActivityBar  (Read 13658 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

Offline naanoh

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

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 #21 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.
^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 #22 on: April 03, 2011, 03:47:12 PM »
bueno primero tranquilito y si quiero ayuda ahora te muestro elcodigo u.u
« Last Edit: April 06, 2011, 10:47:38 PM by naanoh »

Offline kevinava96

  • Newbie
  • *
  • Posts: 1
Re: [TIP] Centrar barra del Mod ActivityBar
« Reply #23 on: June 08, 2011, 11:46:43 AM »
a  mi no me sale la barra de actividad, que agoooo