(21 Jul, 2015, 3:33 pm)Dark Ale escribió: No pude seguir el tutorial, porque en el primer paso de reemplazar el member_profile me tira eso, lo copie exactamente igual, justamente uso el notepad para eso, probe tambien con el tutorial que me pusiste y tampoco me anda, me tira ese error.


En ese caso para mi es mas que seguro que "algo" estas copiando mal del código, ya que ambos tutoriales funcionan, proba hacer los cambios en las plantillas usando otro navegador, y asegurándote que copias el contenido completo de la plantilla, otras cosas no creo que sean
(21 Jul, 2015, 7:22 pm)XEDE escribió:
(21 Jul, 2015, 3:33 pm)Dark Ale escribió: No pude seguir el tutorial, porque en el primer paso de reemplazar el member_profile me tira eso, lo copie exactamente igual, justamente uso el notepad para eso, probe tambien con el tutorial que me pusiste y tampoco me anda, me tira ese error.


En ese caso para mi es mas que seguro que "algo" estas copiando mal del código, ya que ambos tutoriales funcionan, proba hacer los cambios en las plantillas usando otro navegador, y asegurándote que copias el contenido completo de la plantilla, otras cosas no creo que sean

Evidentemente el problema era chrome, en mozilla lo hice y funciono a la perfeccion! mi unico problema ahora fue donde me quedo el avatar

[Imagen: fKnLaQZ.png]

deberia cambiar el member_profile_avatar? mi problema es que no se que medida usa ,

Gracias por la atencion!
Eso es un tema de personalización en si, osea los tutoriales son una base siempre sobre el theme default de Mybb, como muchos usan themes ya personalizados tienen que ajustar los detalles, pero diciéndolo en el aire, según recuerdo podes hacerlo si en la plantilla que mencionas o en la misma member_profile, aplicando un width y un height máximo para el avatar, aunque veo que el avatar se muestra redondo, tal vez con eliminar el código que agrega el theme que usas y dejar solo el código del tutorial también se soluciona.

Corrección:
Ahora que miro rápido el tutorial, al menos el ultimo que te deje, y mirando un perfil en tu foro el problema es que el theme tiene un codigo preestablecido como te digo que seria esto:
Código PHP:
<img style="margin-top: 1em; margin-right: 1em; position: relative; box-shadow: 0px 0px 0px 3px rgb(255, 255, 255), 0px 0px 0px 4px rgb(153, 153, 153), 0px 2px 5px 4px rgba(0, 0, 0, 0.2); border-radius: 50%;" src="http://www.fagames.com.ar/Upload/uploads/avatars/avatar_1151.gif?dateline=1437473130" original-title=""

En la plantilla member_profile_avatar vas a ver algo similar, descarta la URL del avatar ya que esa parte es una variable, pero el resto del código si lo vas a tener, simplemente elimina todo y deja esto:
Código PHP:
<img src="{$useravatar['image']}alt="" {$useravatar['width_height']} /> 
con eso se tendría que solucionar.

Otro detalle es que tal vez tengas que ajustar 2 opciones del tutorial, solo tal vez primero soluciona lo que te indico y si se ve desencuadrado fijate esto:
En el CSS vas a ver esta clase:
Código PHP:
.profileavatar {
        
border1px solid #000000;
        
border-radius3px;
        -
o-border-radius3px;
        -
ms-border-radius3px;
        -
moz-border-radius3px;
        -
webkit-border-radius3px;
        
width100px;
        
height97px;
        
marginauto;


Si ves que al solucionar lo primero se ve desencuadrado, en el CSS cambia esto:
Código PHP:
width100px;
        
height97px
Por esto:
Código PHP:
widthauto;
        
heightauto

Otro detalle que veo que no corregiste es la ruta de los iconos, ejemplo los va a buscar a:
Cita:/images/codebuttons/email.gif
Eso tenes que cambiarlo por la ruta de tu foro donde esta el icono en este caso de envió de e-mail
Puede arreglar lo de los iconos, que se me paso de largo, gracias !!!


mi problema es que arreglando todo lo que me dijiste se sigue viendo igual, lo cambie desde configuracion>Opciones de Perfil y sigue igual, se ve asi:

[Imagen: l3N70kB.png]
No veo el código del tutorial en el foro ahora, supongo que reemplazaste todo solo por esto:

Código PHP:
<img src="{$useravatar['image']}alt="" {$useravatar['width_height']} /> 

En la plantilla member_profile_avatar? si es asi cambialo por esto:
Código PHP:
<img src="{$useravatar['image']}width="100" height="100" alt="" {$useravatar['width_height']} /> 
O en todo caso aclara que pasos seguiste para ubicar mejor el problema, pero seguro es eso.
Perfecto! todo en orden, pude arreglarlo,

lo que te quiero preguntar ahora ,  agregue campos personalizados al foro, todo ok, pero cuando le paso el mouse, no dice por ejemplo , si el usuaro eligio clase, cuando le pasas el mouse por arriba no dice "Mago"

este es el codigo del campo : 
Código PHP:
<a><img src="images/vienna/Clases/{$post['fid5']}.png" border="0" alt="{$post['fid5']}/> </a
Última modificación: 23 Jul, 2015, 3:05 am por Dark Ale.
Creo que la pregunta iba dirigida a como colocar opciones de perfil personalizadas, hemos pasado por un tutorial de pestañas y ahora con dudas sobre CSS. Si se tiene duda sobre un tutorial lo suyo seria exponerla en ese tutorial.

Si una imagen es demasiado grande, habrá que darle instrucciones para que no se exceda de su tamaño, no es adivina.
Esto se puede hacer con CSS, con las propiedades:
  • min-height:tamaño; Alto mínimo de la imagen.
  • min-width:tamaño; Ancho mínimo de la imagen.
  • height:tamaño; Alto fijo (o en porcentaje) de la imagen.
  • width:tamaño; Ancho fijo (o en porcentaje) de la imagen.
  • max-height:tamaño; Alto máximo de la imagen.
  • min-width:tamaño; Ancho máximo de la imagen.
Como supongo que sera la millonesima vez que lo digo, antes de meterse con un sistema de codigo abierto, quizas lo mejor seria aprender algo de HTML y CSS: https://www.codecademy.com/es/learn

Saludos. Smile
  • Temas personalizados (HTML5, flat, responsive, SEO Friendly, etc)
  • Plugins y sistemas personalizados (Galería de imagenes, Bolsa de Trabajo, etc)
(23 Jul, 2015, 3:11 am)BitLiberal escribió: Creo que la pregunta iba dirigida a como colocar opciones de perfil personalizadas, hemos pasado por un tutorial de pestañas y ahora con dudas sobre CSS. Si se tiene duda sobre un tutorial lo suyo seria exponerla en ese tutorial.

Si una imagen es demasiado grande, habrá que darle instrucciones para que no se exceda de su tamaño, no es adivina.
Esto se puede hacer con CSS, con las propiedades:
  • min-height:tamaño; Alto mínimo de la imagen.
  • min-width:tamaño; Ancho mínimo de la imagen.
  • height:tamaño; Alto fijo (o en porcentaje) de la imagen.
  • width:tamaño; Ancho fijo (o en porcentaje) de la imagen.
  • max-height:tamaño; Alto máximo de la imagen.
  • min-width:tamaño; Ancho máximo de la imagen.
Como supongo que sera la millonesima vez que lo digo, antes de meterse con un sistema de codigo abierto, quizas lo mejor seria aprender algo de HTML y CSS: https://www.codecademy.com/es/learn

Saludos. Smile

Ya pude solucionar eso.... Mi pregunta fue otra, igual muchas gracias por la página para aprender!
Como te indica @BitLiberal tendrías que hacer un tema por cada cosa, yo la verdad me colgué un poco y me perdí en el tema original, pero bueno en fin lo ultimo que comentas es porque el código ese esta llamando a un campo fijo, eso tendrías que consultarlo en el tutorial donde sacaste la información, osea:

Este es el código que citas:
Código PHP:
<a><img src="images/vienna/Clases/{$post['fid5']}.png" border="0" alt="{$post['fid5']}" /> </a

Y lo que vos mencionas sobre el mouse al pasar encima es la información que saca de esta parte:
Código PHP:
alt="{$post['fid5']}
El campo "ALT" es la descripción que ves al pasar el mouse por encima, y esta llamando al titulo del campo de perfil "fid5", para cada campo de perfil que creas tenes que poner sus datos correspondientes, también ante la duda te aclaro que en un campo "ALT=" podes poner directamente texto, ejemplo:
Código PHP:
alt="LA INFO QUE QUIERO QUE SE VEA CUANDO PASE EL MOUSE POR ENCIMA" 
Estas cosas son las que @BitLiberal hace referencia al decirte que antes de editar un theme hay que aprender cosas básicas de HTML/CSS, para poder hacer las cosas correctamente y evitar errores a futuro.
Última modificación: 23 Jul, 2015, 11:46 am por XEDE.