como poner gifs en tu perfil!!! // how to put gifs in your pf

⚠️: spanish blog, use a traductor pls （ll. ＾▽＾）

holaa!! antes que nada este es mi primer blog, espero que no tengan inconvenientes en poder entenderme Q.Q

aclaraciones: esto está hecho por un principiante para principiantes de una manera que sea simple de entender!

empecemos!!

1. poner una base ヽ（≧□≦）ノ

primero que nada pondremos una base, esto dará pie a que nuestra imagen o gif esté separada o sea independiente de las demás cosas del perfil!

div -> divide/separa, en este caso, separa nuestra imagen/gif - img src -> insertar imagen

style -> ajusta la manera de visualización, define como se verá el contenido

<_> -> abrir - </_> -> cerrar 

= -> asignarle valor a una variable - " " -> indican principio de los valores

1 - <div style=" __________elementos, etc.______________">

<img src="_(link de tu gif/imagen)_" ____ />

</div>

2. elementos （；´д｀）ゞ

estos elementos van a ir luego de <div style="______">, entre las comillas, los ultimos dos irán luego del link del objeto (<img src="link"_elementos_/>)

los siguientes caracteres que voy a nombrar ahora suelen ir en orden (de arriba a abajo), es decir: float: 0px; max-height: 350px;, etc...

: -> comienzo de la ejecución de una instrucción - ; -> final de esta... - px -> pixeles

float -> posiciona el gif y permite que otros elemento aparezcan al lado

max-height -> establece la altura maxima del objeto

position -> posiciona el objeto - fixed -> posicionas el objeto y este se queda ahí mientras scrolleas!

luego se pone el lado en el cual quieras poner el objeto (left, right)

bottom -> inferior - top -> superior

z-index -> establece la visibilidad de un elemento sobre otro, por ejemplo; elemento 1= z-index: 230;  elemento 2= z-index: 240;

el elemento 2 se verá delante del elemento 1 porque está en una 'capa' más alta, piensenlo como si fuera una app de dibujo O(∩_∩)O

widht -> ancho - height -> altura 

a veces no es necesario poner el ancho, si te gusta el ancho actual del objeto o simplemente no quieres modificarlo solo debes poner la altura!!

pasemos a ver como se verían todos estos elementos dentro del código (*￣0￣)p!

<div style="float: 0px; max-height: 350px; position: fixed; right: 0px; bottom: 0px; z-index: 360;">

    <img src="https://media.tenor.com/9WQGZwVRo9EAAAAi/evangelion.gif" height="300"/>

</div>

(el gif es visible a la derecha de la pantalla:3)

creo que con esto ya terminaría el blog, si alguien tiene alguna duda puede decirmela y responderé con gusto ヾ(•ω•`)

chauchis!! (*￣▽￣*)ブ