diff options
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 42 |
1 files changed, 21 insertions, 21 deletions
@@ -42,7 +42,7 @@ Si usted es un experto puede reordenar sus directorios para mejor comodidad. ## Contributor - Email: heckyel [at] riseup [dot] net -- GNUSocial: https://gnusocial.net/heckyel +- GNUSocial: https://quitter.cl/heckyel ## Hacking en Libre Social @@ -54,19 +54,19 @@ Si usted es un experto puede reordenar sus directorios para mejor comodidad. - Fuente: Los íconos se localizan en 2 directorios __scr__ y __lab__. - - Explicando lo anterior: - + + Explicando lo anterior: + __scr__: aquí se encuentran los archivos de imagen vectorial con sus __cuadrículas__ para ayudar a la edición futura de los mismos; así mismo encontrará un archivo llamado __template.svg__ el cual es una plantilla para crear futuras imágenes vectoriales que luego serán íconos. - + __lab__: aquí se encuentran los archivos de imagen vectorial listos para su compilación. - + - Edición de __metadata.json__ - + Si usted agrega una nueva imagen vectorial, debe editar el archivo __metadata.json__: Ejemplo: - + ```html , "glyphs": { "0xe800": "diaspora.svg" @@ -85,42 +85,42 @@ Si usted es un experto puede reordenar sus directorios para mejor comodidad. ``` La imagen vectorial nueva lleva por nombre _nueva.svg_, y su número de __glyphs__ respectivo es __0xe811__. También opcionalmente puede cambiar el __nombre de la fuente__, __copyright__, etc. - + - Compilación: - Para realizar la compilación debemos estar en el directorio __lab__ y luego abrir la terminal en ese directorio. - Si usted agrega una nueva imagen vectorial, es necesario editar el archivo __metadata.json__ - + Ejemplo: - + ```html ./svgs2ttf metadata.json ``` - + - La salida de este comando, nos dará como resultado los siguientes archivos: - libresocial.ttf - libresocial.odf - libresocial.woff - libresocial.svg - + - Añadimos las nuevas fuentes (libresocial.ttf, libresocial.woff y libresocial.svg) al directorio __fonts__ - + - Luego..., en el caso de haber agregado una nueva imagen vectorial, modifique el archivo _libresocial.css_ localizado en el directorio __css__: - + Ejemplo: - + Agregamos la imagen vectorial llamada __nueva__.svg a nuestra lista de íconos generada en pasos anteriores. - + ```html .icon-nueva:before { content: '\e811'; } /* '[]' */ ``` - + Por último usted agregaría el nombre del ícono _(icon-nueva)_ al archivo _demo.html_ para testear su nuevo ícono. - + Ejemplo: - + ```html <a class="nueva" href="#"><i class="icon-nueva"></i></a> ``` - + Listo. Hasta aquí ya tendría su ícono agregado a su fuente tipográfica. |