⚠️: 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!! (* ̄▽ ̄*)ブ

Comments
Displaying 4 of 4 comments ( View all | Add Comment )
addi
aa gracias, pero como se hace si es mas de una imagen una al lado de la otra? me salen a parte:(
HOLII, perdón la tardanza, no entiendo bien lo que quisiste decir :(
normalmente no debe haber problema con eso, es depende la cantidad de pixeles en la cual ubiques las imagenes, de todas maneras me gustaría poder entender mejor para poder ayudar!
by Asherbxdplxywr; ; Report
valisyKoO
OMG, SOOO GOOOD, tysm ToT
valulu
malisimo no hagas mas blogs porfavorr pediloooooo xDxDxDxDxD
GOKYS
by Asherbxdplxywr; ; Report
Adrian Tzun
o.o I'm gonna try it