[Astucia-Unico] Rangos Especiales únicos abrazando avatares en la vis. de temas

Descripcion:

Hola foreros,amantes del FA, Hoy les voy a enseñar a hacer rangos únicos y muy buenos como los de la imagen.Este codigo es totalmente Mio,por favor no rip..Si lo quieren publicar en vuestros foros citen esta fuente,Gracias.

Preview:


Código:

Empezemos llendo a

PA--Usuarios & Grupos--Rangos--Administración de Rangos--Modificar

Una vez aca en la parte que dice "Titulo del Rango" tenemos que añadir las siguientes class.En la parte que dice "Administrador" del siguiente codigo,deberás cambiarlo por el nombre que desees a tu nuevo rango especial.EJ:V.I.P,Super Mod. Moderador,etc.



EXTRA ASTUCIA:Pon el nombre en color sin necesidad de CSS adicional:


Donde dice red lo puedes cambiar por Hexa..#000333 o colores normales.EJ:orangered,red,black,blue,cyan,brown,etc.

Bien,luego seguiremos con lo mas importante ,nuestro CSS:
PA--Visualización--Imágenes y Colores--Colores-CSS

Hasta ahi con los CSS,Bien revisen tener el template exactamente por defecto y ademas vallan a PA-General--Foro--Configuración--Estructura de las páginas--
Ancho del foro (%) : 80%,(de otra manera podria visualizarse mal) en :Templates--General--viewtopic_body y si lo tienen modificado simplemente denle a la "x" roja que dice borrar.(Pueden tener javas,mods,etc. pero de esta manera se podrá ver que el tutorial funciona 100%.

Despues para que en nuestro perfil no se vea una barra de color desalineada y con mas colores a la nada ,tenemos que desactivar el perfil avanzado en:

Usuarios--Perfiles--Opciones Generales--Activar el perfil avanzado : NO .

Y ahora nos vamos a Templates--Perfil--profile_view_body ,Buscamos esta parte:


Y la borramos,pero solo esa linea..Luego publicamos el template y listo.



EXPLICACIÓN DE LAS MODIFICACIONES QUE PUEDES HACER:

Código:

Puedes modificar tanto los colores del bg como los de las letras,el estilo de fuente,la altura y la anchura con las variantes
Y algo muy importante Forero! Si al instalar esta modificación te sale sobresalido el background que abrazaria nuestro avatar ve a PA--Visualización--Imágenes y Colores--Colores-[b]CSS[/b] y busca en(ctrl+f) .admin-css y modifica el width :
width: 123px;
De manera que quede perfecto al ancho que usas por defecto en los avatares de tu foro.

Pero altamente te recomiendo tener el maximo del tamaño de avatares acá PA--Visualización--Avatares--Gestión de avatares-Avatares personales:
Tamaño máximo para un avatar : 150 x 200 Pixeles

Hasta aca llegamos,disculpen si la explicación fue un poco rapida,me tarde en hacer el tutorial de manera que todos puedan entender..Siguenos,Comparte este Post,Dile a tus amigos...ShutSkins esta de regreso y pronto volveremos a la cima.!

P.D:Este tutorial fué instalado y probado en 2 foros , actualmente en linea el demo en [Tienes que estar registrado y conectado para ver este vínculo] , si tienes errores,bugs o simplemente tienes ideas o sugerencias para que mejores te invito a contestar por este medio.
Si sos activo,codificador,amas el diseño y por sobre todo tenes ganas de crecer en un buen foro,ShutSkins es tu lugar..Estaré encantado de encontrar nuevos compañeros que me ayuden a seguir dandole a los usuarios de foroactivo astucias y modificaciones casi profesionales.

Admin.