HOW TO ADD IMAGES ON YOUR PROFILE (INBOX ME ANY QUESTIONS)

This is how you add photos to your profile!You have to have Imgur.com account in order to put pictures on your page.

INSTRUCTIONS:

1.Upload pictures to Imgur.com

2.Copy Image link from Imgur

3. Substitute IMAGE_URL with the link of the image

Simple image

Substitute IMAGE_URL with the link of the image and TITLE with a descriptive title (not necessary at all)

Clickable image

</a>

Substitute PAGE_URL and IMAGE_URL with the link of the image and TITLE with a descriptive title (not necessary at all)

Slideshow (4 images)

INSTRUCTIONS:

1.Upload pictures to Imgur.com

2.Copy Image link from Imgur

3. Substitute the links below that are listed under:

image 1, image2, image 3 & image 4 (ex. https://i.imgur.com/wv)zNn3.jpg)

& replace those links with the Imgur links, then hit save!

<style>

:root{

--image1: url(https://i.imgur.com/wvOzNn3.jpg);

--image2: url(https://i.imgur.com/jjknbrx.jpg);

--image3: url(https://i.imgur.com/9YoZRtr.jpg);

--image4: url(https://i.imgur.com/OJmeUU0.jpg);

--time: 30s;

}

.pdg_slideshow{ width:100%; height:500px; position:relative; }

@media only screen and (max-width: 768px) { .pdg_slideshow{ height:300px; } }

.pdg_slideshow_image { background-size:contain;background-repeat:no-repeat;background-position:center; width:100%; height:100%; position:absolute;}

.pdg_slideshow_image#image1 {background-image:var(--image1); animation: slide1 var(--time) ease 0s infinite normal none; }

.pdg_slideshow_image#image2 {background-image:var(--image2); animation: slide2 var(--time) ease 0s infinite normal none; }

.pdg_slideshow_image#image3 {background-image:var(--image3); animation: slide3 var(--time) ease 0s infinite normal none; }

.pdg_slideshow_image#image4 {background-image:var(--image4); animation: slide4 var(--time) ease 0s infinite normal none; }

@keyframes slide1 { 0%, 25%, 100% { opacity: 0; } 1%, 24% { opacity: 1; } }

@keyframes slide2 { 0%, 25%, 50%, 100% { opacity: 0; } 26%, 49% { opacity: 1; } }

@keyframes slide3 { 0%, 50%, 75%, 100% { opacity: 0; } 51%, 74% { opacity: 1; } }

@keyframes slide4 { 0%, 75%, 100% { opacity: 0; } 76%, 99% { opacity: 1; } }

</style>

</div>

0 Kudos

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