Hola compañeros ya estoy aqui otra vez con otra duda, acabo de instalar My alerts y he conseguido sacarlo del menu de usuario que lo insertaba mal en mi Theme, y lo he puesto justo al lado del menu de usuario bien visible, pero tengo unas cosillas que arreglar que quizas me podais ayudar.
La primera es que no queda muy visible ni alineado os dejo foto , me gustaria alinearlo un poco mas abajo y ponerlo de un color visible y a ser posible en negrita y quitar la pequeña linea que tiene delante.
![[Imagen: screenshot_39.jpg]](http://s16.postimg.org/dlqj5o8qd/screenshot_39.jpg)
La segunda es que en el menu las opciones se montan encima de los iconos y no encuentro donde separarlos adjunto imagen.
![[Imagen: screenshot_41.jpg]](http://s16.postimg.org/3qzdzg4s5/screenshot_41.jpg)
Un saludo compañeros
La primera es que no queda muy visible ni alineado os dejo foto , me gustaria alinearlo un poco mas abajo y ponerlo de un color visible y a ser posible en negrita y quitar la pequeña linea que tiene delante.
La segunda es que en el menu las opciones se montan encima de los iconos y no encuentro donde separarlos adjunto imagen.
Un saludo compañeros
Última modificación: 30 Jul, 2014, 12:58 pm por jojojo.
Hola Ozone, puedes ir mirando en /inc/plugins/MyAlerts/templates, que es donde está el código de las plantillas que usa el plugin.
Ahí mismo puedes modificar la class que lleva ese elemento, o agregar un nuevo estilo, para adaptarlo a tu foro.
(Lo que yo hice, para que me resulte más cómoda la edición, es mover esos templates a la plantilla de mi theme, y lo modifico directamente)
De todos modos, sería mucho más fácil si pudieras indicar la url de tu foro (si es que está online, claro)
Ahí mismo puedes modificar la class que lleva ese elemento, o agregar un nuevo estilo, para adaptarlo a tu foro.
(Lo que yo hice, para que me resulte más cómoda la edición, es mover esos templates a la plantilla de mi theme, y lo modifico directamente)
De todos modos, sería mucho más fácil si pudieras indicar la url de tu foro (si es que está online, claro)
(31 Jul, 2014, 2:09 pm)TomasVarnik escribió: Hola Ozone, puedes ir mirando en /inc/plugins/MyAlerts/templates, que es donde está el código de las plantillas que usa el plugin.
Ahí mismo puedes modificar la class que lleva ese elemento, o agregar un nuevo estilo, para adaptarlo a tu foro.
(Lo que yo hice, para que me resulte más cómoda la edición, es mover esos templates a la plantilla de mi theme, y lo modifico directamente)
De todos modos, sería mucho más fácil si pudieras indicar la url de tu foro (si es que está online, claro)
En mi perfil esta editada la información del foro y puedes verlo, si quieres ver online como queda puedes poner usuario prueba y pass prueba
Lo primero sería editar la plantilla headericon del plugin (originalmente ubicado en /inc/plugins/MyAlerts/templates/headericon.html) para sacar la linea horizontal que tienes allí (— Alertas). Debes borrar lo que dice —
Luego es cuestión de darle estilo al texto "Alertas" mediante CSS, verás que ese link tiene asignado el id unreadAlerts_menu, puedes usar eso mismo para formatear el texto y que quede como el resto del foro:
#unreadAlerts_menu {
color #ececec;
etc...
}
Además debes modificar la clase .myalerts_popup_wrapper, para posicionarlo a la misma altura que lo demás.
Y el espacio que te queda entre "Alertas" y "Welcome usuario", lo manejas con .dropDownHook (width, padding)
Con respecto al menú:
A cada elemento del menú se le asigna una clase en la plantilla usercp_nav (/inc/plugins/MyAlerts/templates/usercp_nav.html) y luego con CSS se elige una imagen de fondo para cada uno.
Ejemplo:
.usercp_nav_myalerts_delete_read {
background:url(images/usercp/bin.png) no-repeat left center;
}
por lo tanto tienes que decidir si quieres mantener esas imágenes, o usar las que provienen de FontAwesome, para que te coincida con el resto del tema.
Supongo que las eliminarás, así que sólo resta borrar ese background de cada clase, y ponerle un icono de FontAwesome como tienes en los otros elementos.
Luego es cuestión de darle estilo al texto "Alertas" mediante CSS, verás que ese link tiene asignado el id unreadAlerts_menu, puedes usar eso mismo para formatear el texto y que quede como el resto del foro:
#unreadAlerts_menu {
color #ececec;
etc...
}
Además debes modificar la clase .myalerts_popup_wrapper, para posicionarlo a la misma altura que lo demás.
Y el espacio que te queda entre "Alertas" y "Welcome usuario", lo manejas con .dropDownHook (width, padding)
Con respecto al menú:
A cada elemento del menú se le asigna una clase en la plantilla usercp_nav (/inc/plugins/MyAlerts/templates/usercp_nav.html) y luego con CSS se elige una imagen de fondo para cada uno.
Ejemplo:
.usercp_nav_myalerts_delete_read {
background:url(images/usercp/bin.png) no-repeat left center;
}
por lo tanto tienes que decidir si quieres mantener esas imágenes, o usar las que provienen de FontAwesome, para que te coincida con el resto del tema.
Supongo que las eliminarás, así que sólo resta borrar ese background de cada clase, y ponerle un icono de FontAwesome como tienes en los otros elementos.