Asherbxdplxywr's profile picture

Published by

published
updated

Category: Web, HTML, Tech

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


10 Kudos

Comments

Displaying 4 of 4 comments ( View all | Add Comment )

addi

addi's profile picture

aa gracias, pero como se hace si es mas de una imagen una al lado de la otra? me salen a parte:(


Report Comment



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

valisyKoO's profile picture

OMG, SOOO GOOOD, tysm ToT


Report Comment

valulu

valulu's profile picture

malisimo no hagas mas blogs porfavorr pediloooooo xDxDxDxDxD


Report Comment



GOKYS

by Asherbxdplxywr; ; Report

Adrian Tzun

Adrian Tzun's profile picture

o.o I'm gonna try it


Report Comment