Advertisement:

Author Topic: [tip]fondo de perfil para cada usuario  (Read 8693 times)

Offline Dhayzon

  • Sophist Member
  • *****
  • Posts: 1,167
  • Gender: Male
  • DhayZone RevolutioN
    • Dhayzon on GitHub
    • @dhayzon on Twitter
    • http://dhayzon.com/
[tip]fondo de perfil para cada usuario
« on: May 25, 2013, 10:38:28 PM »
fondo de perfil para cada usuario

bueno yo andaba por ahi husmeando e intentando hacer un mod para q mis usuarios puedan elegir un fondo para su perfil
pero...luego luego   me fui a dormir y tuve un sueño  :P muy raro donde me daban la solucion para hacerlo de una manera muy facil q facil..?? re facil

bueno esto se soluciona con los Campos del Perfil huy si q facil estaba pero yo no tenia ni la mas remota idea de como hacerlo

pero ahora empezamos con el tip


PASO 1




PASO 2


agregamos un campo nuevo y empecemos a configuralo





luego en

Mostrar incrustado en el texto (opcional): agregamos

Quote
<style>
body {
 background: url({INPUT}) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
</style>

luego los siguiente campos


ahora en Máscara de Introducción:agregamos

Code: [Select]
([^\s]+(\.(?i)(jpg|png|gif|bmp))$)
para validar la url

ahora ver como queda

DEMO

y bueno eso es todo asi de facil ........... talvez muchos lo saben pero yo recien me entero y me dio por compartirlo

saludos
« Last Edit: May 04, 2014, 08:27:37 PM by {dhayzon} »

Offline .ABM.

  • SMF Hero
  • ******
  • Posts: 1,950
  • Gender: Male
  • C.A.B.J
Re: [tip]fondo de perfil para cada usuario
« Reply #1 on: May 31, 2013, 12:44:24 AM »
Muchas gracias por el Tip

Offline Dhayzon

  • Sophist Member
  • *****
  • Posts: 1,167
  • Gender: Male
  • DhayZone RevolutioN
    • Dhayzon on GitHub
    • @dhayzon on Twitter
    • http://dhayzon.com/
Re: [tip]fondo de perfil para cada usuario
« Reply #2 on: June 17, 2013, 12:50:19 PM »
de  nada se comparte lo que se aprende XD

Offline ToroN

  • Semi-Newbie
  • *
  • Posts: 68
Re: [tip]fondo de perfil para cada usuario
« Reply #3 on: December 07, 2013, 08:55:09 AM »
Uy exelente pero cual de todo lo que sale ahi en el perfil que es mucho es lo del TIP? la imagen grande de manga?

Offline Dhayzon

  • Sophist Member
  • *****
  • Posts: 1,167
  • Gender: Male
  • DhayZone RevolutioN
    • Dhayzon on GitHub
    • @dhayzon on Twitter
    • http://dhayzon.com/
Re: [tip]fondo de perfil para cada usuario
« Reply #4 on: December 14, 2013, 04:40:43 PM »
Uy exelente pero cual de todo lo que sale ahi en el perfil que es mucho es lo del TIP? la imagen grande de manga?

solo es el fondo nada mas  ._.  osea el fondo de todo el perfil

ay no se como explicaretelo xD

Offline WINTX

  • Jr. Member
  • **
  • Posts: 235
  • Gender: Male
  • WintxCoders.com
    • @@MiguemartinM on Twitter
    • WintxCoders
Re: [tip]fondo de perfil para cada usuario
« Reply #5 on: January 07, 2014, 11:01:01 AM »
Uy exelente pero cual de todo lo que sale ahi en el perfil que es mucho es lo del TIP? la imagen grande de manga?

solo es el fondo nada mas  ._.  osea el fondo de todo el perfil

ay no se como explicaretelo xD

Haz un tuto como dejar los perfiles como en tu foro xd
WintxCoders.com

Offline soyyo

  • Semi-Newbie
  • *
  • Posts: 26
Re: [tip]fondo de perfil para cada usuario
« Reply #6 on: November 27, 2014, 12:45:15 PM »
No hay alguna forma de que las imagenes se repitan por ejemplo si ponen una imagen muy chica se repita varias veces y no se expanda

Offline Patrick D

  • Jr. Member
  • **
  • Posts: 397
  • Gender: Male
  • Engine IT
    • Inmortal
Re: [tip]fondo de perfil para cada usuario
« Reply #7 on: November 27, 2014, 04:21:16 PM »
No hay alguna forma de que las imagenes se repitan por ejemplo si ponen una imagen muy chica se repita varias veces y no se expanda

Cambia:
Code: [Select]
background: url({INPUT}) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

por:
Code: [Select]
background: url({INPUT});

Offline GabDsg

  • Newbie
  • *
  • Posts: 2
Re: [tip]fondo de perfil para cada usuario
« Reply #8 on: December 31, 2014, 03:25:31 PM »
Muy buen aporte!!

Offline giger

  • Newbie
  • *
  • Posts: 4
Re: [tip]fondo de perfil para cada usuario
« Reply #9 on: January 28, 2015, 09:25:41 AM »
edito: pregunta realizada en hilo no correspondiente.