Autor Tema: [TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)  (Leído 702 veces)

0 Usuarios y 3 Visitantes están viendo este tema.

  • Conectado EduardO

    • TRABAJANDDO POR UNA MEJOR COMUNIDAD
    • [L0] Ladrón de espacio en la BD
    • Sexo: Masculino
    • Mensajes: 12
      Ingreso: junio de 2017
      • Ver Perfil
    • pe
    • Texto Personal
      EDesign!
    [TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « : 08 julio de 2017, 03:52 pm »
    Información:
    Hola amigos, bueno este maravilloso tutorial es muy bueno ya que permite customizar mejor el perfil de usuario; su función es añadir un nuevo estilo en formato GIF al nombre es muy importante tambien en cuenta el color, se mostrara en todo el foro. Disfrutenlo!!!

    Resultado:



    Empezemos:

    Nos dirigimos a esta siguiente ruta en la administración:

    Administración > Caracteristicas y Opciones > Usuario > Grupos de Usuario > Grupos Regulares

    Editamos ya sea Administrador o Moderador Global o el Rango que tu quieras, en este caso editaré "Administrador"

    Rango (Administrador) > Modificar

    En "NOMBRE DE GRUPO" Colocamos lo siguiente:

    Código: [Seleccionar]
    <span class="gp1">Administrador</span>

    Editamos: index.css  (.../Themes/{TU THEME}/css/index.css)

    Agregamos al ultimo:

    Código: [Seleccionar]
    /* Efectos a Nombre by EduardO START */
    .gp1
    {   
    background: url(../images/gp/butterfly.gif) repeat scroll 0 0 transparent;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    color: red;
    text-shadow: 0 0 13px;
    text-transform: uppercase;
    }
    /* Efectos a Nombre by EduardO END */


    Para terminar nos dirigimos a esta ruta:

    Ruta: (.../Themes/{TU THEME}/images/)

    Dentro de la carpeta images vamos a crear una carpeta de nombre "gp" (sin comillas)

    Y en medio de esa carpeta pegarán la imagen que los dejaré en el adjunto. (butterfly.gif)


    Creditos:
    Elvinson > Idea y desarrollo
    EduardO > Tutorial y mejor estilo.

  • Conectado Rock Lee

    • *
    • Mensajes: 581
      Ingreso: enero de 2014
      • Ver Perfil
      • La nueva era del conocimiento
    • ar
    • Texto Personal
      Digitalizando tu Mundo
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #1 : 13 julio de 2017, 08:35 pm »
    Esta genial el efecto ya lo voy apuntando para una próxima mejora planteo hacer a @Bomber Code n.n


    Saludos Familia!

    Desconectado ByAreS

    • [L0] Ladrón de espacio en la BD
    • Mensajes: 10
      Ingreso: octubre de 2017
      • Ver Perfil
    • bo
    • Texto Personal
      Bienvenidos/as a Bomber Code
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #2 : 09 octubre de 2017, 08:51 pm »
    hice todo el tutorial pero no sale con mariposas mi nick de administrador. :(

  • Conectado Rock Lee

    • *
    • Mensajes: 581
      Ingreso: enero de 2014
      • Ver Perfil
      • La nueva era del conocimiento
    • ar
    • Texto Personal
      Digitalizando tu Mundo
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #3 : 10 octubre de 2017, 02:23 pm »
    hice todo el tutorial pero no sale con mariposas mi nick de administrador. :(

    Deberia funcionar sin problemas aunque no es recomendable hacerlo de esta menera... mas bien modo de muestra simplemente serviria!


    Saludos Familia!

    Desconectado ByAreS

    • [L0] Ladrón de espacio en la BD
    • Mensajes: 10
      Ingreso: octubre de 2017
      • Ver Perfil
    • bo
    • Texto Personal
      Bienvenidos/as a Bomber Code
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #4 : 11 octubre de 2017, 03:57 pm »
    Muchas Gracias ya lo probe y me funcione tenia un error por aver instalado un mod que me frego el theme.
    ahora volvi a hacer el procedimiento y todo bien.  ;D
    ahora quiero hacer un grupo de moderator como muestra en esta imagen http://prntscr.com/gw76th
    para que salgan los nicks ahi de los administradores. o para moderadores igual http://prntscr.com/gw788z

  • Conectado Rock Lee

    • *
    • Mensajes: 581
      Ingreso: enero de 2014
      • Ver Perfil
      • La nueva era del conocimiento
    • ar
    • Texto Personal
      Digitalizando tu Mundo
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #5 : 11 octubre de 2017, 07:13 pm »
    Muchas Gracias ya lo probe y me funcione tenia un error por aver instalado un mod que me frego el theme.
    ahora volvi a hacer el procedimiento y todo bien.  ;D
    ahora quiero hacer un grupo de moderator como muestra en esta imagen http://prntscr.com/gw76th
    para que salgan los nicks ahi de los administradores. o para moderadores igual http://prntscr.com/gw788z

    Eso debes mirar en el panel de grupos de smf que debes ir a Centro de Administración » Grupos de usuarios » Editar grupo de miembro y al momento de crear los grupos (o modificarlos) te dara varias opciones el cual en uno dira quien es el moderador de dicho grupo, no se si llegue a explicarme!


    Saludos Familia!
    « Última Modificación: 11 octubre de 2017, 07:20 pm por Rock Lee »

    Desconectado ByAreS

    • [L0] Ladrón de espacio en la BD
    • Mensajes: 10
      Ingreso: octubre de 2017
      • Ver Perfil
    • bo
    • Texto Personal
      Bienvenidos/as a Bomber Code
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #6 : 11 octubre de 2017, 11:32 pm »
    Muchas Gracias Rock Lee.. Eres un crack  ;D
    hay alguna forma de colocar los nick o id de usuario como esto http://prntscr.com/gwbr0a
    ese dato mas por favor si me ayudaras como hacerlo.. Te lo Agradeceria demasiado.. es que e buscado por
    todos lados y no encontre como modificarlo. asta que vi tu foro y me ayudo bastante..

  • Conectado Rock Lee

    • *
    • Mensajes: 581
      Ingreso: enero de 2014
      • Ver Perfil
      • La nueva era del conocimiento
    • ar
    • Texto Personal
      Digitalizando tu Mundo
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #7 : 12 octubre de 2017, 12:12 am »
    Muchas Gracias Rock Lee.. Eres un crack  ;D
    hay alguna forma de colocar los nick o id de usuario como esto http://prntscr.com/gwbr0a
    ese dato mas por favor si me ayudaras como hacerlo.. Te lo Agradeceria demasiado.. es que e buscado por
    todos lados y no encontre como modificarlo. asta que vi tu foro y me ayudo bastante..

    Algo de publicidad no viene mal de vez en cuando ja mas alla del pequeño spam de mi humilde foro, lo que tratas de hacer es sencillo ya que sino mal recuerdo esa parte no le da url al nick entonces es texto plano... en pocas palabras lo que debes hacer es editar en tu Subs-Members.php esa zona y agregarle "<a href="'.$var['href']." para que sea una url para llegar a lo que quieres!


    Saludos Familia!

    Desconectado ByAreS

    • [L0] Ladrón de espacio en la BD
    • Mensajes: 10
      Ingreso: octubre de 2017
      • Ver Perfil
    • bo
    • Texto Personal
      Bienvenidos/as a Bomber Code
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #8 : 12 octubre de 2017, 04:46 am »
    Disculpame por las molestias Rock Lee. pero no puedo hacerlo funcionar con el cod. que me diste :/
    http://prntscr.com/gwe3wd eso me sale.

    lo que pasa es que quiero los nicks con efectos brillantes o gif. como el foro de tuservermu.com.ve
    http://prntscr.com/gwe4yo Asi los quiero :( disculpame por tanta Molestia soy novato en esto.

  • Conectado Rock Lee

    • *
    • Mensajes: 581
      Ingreso: enero de 2014
      • Ver Perfil
      • La nueva era del conocimiento
    • ar
    • Texto Personal
      Digitalizando tu Mundo
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #9 : 12 octubre de 2017, 10:03 am »
    Disculpame por las molestias Rock Lee. pero no puedo hacerlo funcionar con el cod. que me diste :/
    http://prntscr.com/gwe3wd eso me sale.

    lo que pasa es que quiero los nicks con efectos brillantes o gif. como el foro de tuservermu.com.ve
    http://prntscr.com/gwe4yo Asi los quiero :( disculpame por tanta Molestia soy novato en esto.

    No te preocupes rara vez sale a la primera, en ese error el de la imagen basicamente dice aplicaste mal el codigo, por que yo di la forma en si (era casi de madrugada cuando respondi) pero hay que buscar la linea php que afecta esa zona y aplicar correctamente la sintaxis.

    Como explique en el otro tema
    Agrego: Estaba probando a ver si funciona... y debería funcionarte, busca luego de instalar el mod en el archivo Subs-SimpleColorizer.php:

    Código: [Seleccionar]
    $buffer = preg_replace(str_replace('{$user_id}', $user_id, $regex[1]), '$1 style="color: ' . $user_color . ';"', $buffer);
    y lo remplazas por:

    Código: [Seleccionar]
    $buffer = preg_replace(str_replace('{$user_id}', $user_id, $regex[1]), '$1 style="text-decoration: underline; text-shadow: 0 0 5px ' . $user_color . '; color: ' . $user_color . ';"', $buffer);
    Explicando un poco lo de "text-shodow" el primer cero es para la posición izq/der el otro para la posición arriba/abajo el 5 representa la expancion que va a tener, por ultimo el #FF0000 seria el color de la sombra pude modificarlo para tome como efecto de neón el rango tiene ;). Al cambiar ese 5 si no logras notar la diferencia es porque la sombra sobrepasa los limites que tiene el tamaño del link y por eso no se ve mas allá de sus limites...

    Lo que quieres hacer es modificando esas lineas y jugando un poco con los valores del text-shodow para que resalte en gran medida o no como lo hace aqui el foro... si tienes dudas echale una mirada a https://developer.mozilla.org/es/docs/Web/CSS/text-shadow sino cualquier cosa pregunta!


    Saludos Familia!

    Desconectado ByAreS

    • [L0] Ladrón de espacio en la BD
    • Mensajes: 10
      Ingreso: octubre de 2017
      • Ver Perfil
    • bo
    • Texto Personal
      Bienvenidos/as a Bomber Code
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #10 : 12 octubre de 2017, 02:32 pm »
    Muchas Gracias Por las Ayudas que me brindas Rock Lee. me sirvio mucho ya lo hice http://prntscr.com/gwlsz2
    ahora como le puedo poner gif a ese nick ejemplo el butterfly.gif como en este caso http://www.bombercode.org/foro/soporte-smf-en-espanol/(tutorial)-efecto-en-el-nombre-de-usuario-(sparkle)/msg1239/?topicseen#msg1239 asi como ese grupo pero lo quiero en el id > http://prntscr.com/gwluf4

  • Conectado Rock Lee

    • *
    • Mensajes: 581
      Ingreso: enero de 2014
      • Ver Perfil
      • La nueva era del conocimiento
    • ar
    • Texto Personal
      Digitalizando tu Mundo
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #11 : 12 octubre de 2017, 10:13 pm »
    Muchas Gracias Por las Ayudas que me brindas Rock Lee. me sirvio mucho ya lo hice http://prntscr.com/gwlsz2
    ahora como le puedo poner gif a ese nick ejemplo el butterfly.gif como en este caso http://www.bombercode.org/foro/soporte-smf-en-espanol/(tutorial)-efecto-en-el-nombre-de-usuario-(sparkle)/msg1239/?topicseen#msg1239 asi como ese grupo pero lo quiero en el id > http://prntscr.com/gwluf4

    Como te explico en https://www.bombercode.org/foro/soporte-smf-en-espanol/colocar-efecto-a-rango-y-nombre/msg1231/#msg1231 te di las formas como aplicar lo que deseas... y esta comentado donde tenes editarlo para hacer lo que deseas!


    Saludos Familia!

    Desconectado ByAreS

    • [L0] Ladrón de espacio en la BD
    • Mensajes: 10
      Ingreso: octubre de 2017
      • Ver Perfil
    • bo
    • Texto Personal
      Bienvenidos/as a Bomber Code
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #12 : 13 octubre de 2017, 01:56 am »
    Muchas Gracias Rock Lee.. E Aprendido bastante contigo amigo.. ya lo hice http://prntscr.com/gwsivq
     Me podrias ayudar en esto por favor quiero cambiar esto http://prntscr.com/gwsjse por esto http://prntscr.com/gwsjhw

    osea el tamaño de avatar y perfil quiero algo haci hay algun mod o codigo. como hacerlo asi porfavor?

  • Conectado Rock Lee

    • *
    • Mensajes: 581
      Ingreso: enero de 2014
      • Ver Perfil
      • La nueva era del conocimiento
    • ar
    • Texto Personal
      Digitalizando tu Mundo
    Re:[TUTORIAL] Efecto en el Nombre de Usuario (Sparkle)
    « Respuesta #13 : 13 octubre de 2017, 09:58 am »
    Muchas Gracias Rock Lee.. E Aprendido bastante contigo amigo.. ya lo hice http://prntscr.com/gwsivq
     Me podrias ayudar en esto por favor quiero cambiar esto http://prntscr.com/gwsjse por esto http://prntscr.com/gwsjhw

    osea el tamaño de avatar y perfil quiero algo haci hay algun mod o codigo. como hacerlo asi porfavor?

    Ya eso que pides no hay un mod o algo parecido, ya necesitas saber php, html y css para poder dejarlo como deseas aparte conocer las configuraciones de smf para aplicar lo que buscas... tenes editar el archivo display.template que lo encontras en la carpeta del theme estes usando o en su defecto tenes editar el default sino tenes la de profile.template tambien que esta en la carpeta source


    Saludos Familia!

     

    Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21