Topic: Crea tu Stylo para ActivityBar.

October 16, 2012 - 01:54 13:54

Hola amigos de smfsimple bueno este es mi primer tutorial & espero que les sea de gran utilidad vale.

en este tutorial aprenderás o les mostrare a como cambiarle el look al la barra de actividad, activityBar.

Bueno empezemos.

1. Vamos a nuestro FTP -> Source -> ActivityBar.php

2. Buscamos.

Code: [Select]

.activity_holder

{

	height: 15px;

	border: 1px solid #9BAEBF;

}



.activity_bar

{

	height: 15px;

	background: url('. $settings['default_theme_url'] .'/images/theme/main_block.png) 90% -200px;

}



.activity_percentage

{

	height: 15px;

	color: #333333;

	text-align: center;

}

3. Remplazamos Por:

Code: [Select]

.activity_holder
{
	height:23px;
	border:1px solid #4299c2;
	margin-left:1px;
	border-radius:3px;
}

.activity_bar
{
	height:23px;
	background:url(http://imageshack.us/a/img12/8904/activitybar1.png) repeat-x;
}

.activity_percentage
{
height: 23px;color: #4299c2;
text-align: center;
font-weight: bold;
padding-top: 3px;
text-shadow: 0 1px 0 #ff0000;
}

Resultado:

PD: si lo quieres con un estilo más unico & bonito solo haces una imagen en photoshop, del mismo tamaño de esta

, Buscas esto:

Code: [Select]

background:url(http://imageshack.us/a/img12/8904/activitybar1.png) repeat-x; & Reemplazas:

Code: [Select]

http://imageshack.us/a/img12/8904/activitybar1.png esto por el link de tu imagen.

Si tienes duda respecto al tutorial, posteala.

si tengo que colocar creditos, me los coloco ami, por hacer este post en mi foro.

saludos.