Tips para Coders/Tutorial: CSS externo
Esta vez les traigo un tutorial, que realice hace tiempo, para vincular css externo para reducir caracteres, es especialmente util para firmas, y lo mejor es que para hacerlo solo necesitaremos nuestro tumblr. La desventaja es que una vez subido no podremos modificar la hoja de estilos creada, asi que se deben estar pendiente de esto.
Paso 1
Para hacer este tutorial lo primero que debes saber es que es un class y un id, ademas de tener cierto dominio del HTML en general. Si no sabes que es, te recomiendo leer un par de articulos respecto al tema, de todas formas te dejo un tuto aqui [link]. Una vez hayas creado la hoja de estilo para su uso. Deberás seleccionarla, como ejemplo te pondré esta captura a codepen, es lo mismo que ves al editar un foro.
Si estas usando los atributos "< style >", deberas borrarlos antes de copiar tu CSS, de la siguiente forma, por ejemplo.
Paso 2
Con el CSS copiado, deberás pegarlo en un block de notas, sin editarlo. ahora atento por que tenemos que guardarlo, como si fuera un archivo normal le daras a guardar como. Una vez abierta la ventana para salvar tu trabajo, ten cuidado de escribir el nombre del archivo y este paso es crucial, al poner el nombre, añade un ".css" al final por ejemplo si tu archivo se llamara Nirianne, debes guardarlo como Nirianne.css
Para saber si hiciste bien este paso, simplemente, busca el archivo y pasa el cursor por encima, esperando a que salga la burbuja de información, esta deberá decirte que es un archivo de CSS, lucirá de esta manera
Paso 3
Ahora tenemos que subirlo a internet, para esto tenemos varias opciones, en lo personal me gusta subirlos a tumblr, ya que así los tengo archivados para la posteridad y nunca me los ha borrado. De todas formas puedes subirlos a google a través de google codes, si quieres hacerlo así te adjunto este tutorial muy explicativo para lograrlo, personalmente, no me gusta. Pero cada quien a sus gustos,para ver el tutorial de google codes, click aqui.
Como todos aqui somos usuarios de tumblr, es mas facil por este metodo, asi que aqui esta la continuación a través del metodo, tumblr. Para eso debes visitar el siguiente enlace click me, también puedes subir otros recursos como imagenes y el limite es bastante amplio. Selecciona el archivo para subirlo como lo harías en cualquier otro host, y luego dale a subir archivo.
Paso 4
Ya que tenemos el archivo, ahora todo lo que haremos sera ponerlo en un script que le indicara al navegador que estamos vinculando el css externo. Sustituye el link por el que tu utilizaras.
<link rel="stylesheet" type="text/css" href="AQUI EL LINK AL ARCHIVO QUE TERMINA EN .CSS">
Recuerda que tumblr cambia las comillas, asi que tendras que arreglarlo. Y con eso hemos oficialmente terminado! ahora esta todo listo para hacer uso de nuestra creación y mira cuantas lineas de css nos ahorramos. Cualquier duda estoy a un ask de distancia. Hasta el siguiente c:
