Tribute page- almost completed the page except for the linking of an banner image

Tribute page- almost completed the page except for the linking of an banner image
0.0 0

#1

unable to link image from dropbox or google images or anywhere. tried a lot . How shall I link image from google?


#2

Do you have a CodePen project you could link to? Also, please post the link to the image you are trying to use.


#3

yes ofcourse, this is the link http://codepen.io/sweta_sharan/pen/jVPzYy?editors=1100


#4

It seems Wikipedia doesn’t want people to directly link their photos in CodePen. I was able to get it to work by hosting the photo in my Dropbox’s public folder. What happened when you tried that?


#5

I couldn’t see the image by that way, too. Would you please direct me how to link images from Dropbox? May be my process was wrong. Not sure about it.:cry:


#6

Sure. Go to Dropbox.com and make sure you’re logged in. Upload the file you want to share, if needed, by clicking on the Upload button near the top of the screen.

You don’t need to upload to any particular folder. Old farts like me stick to the Public folder, but it’s not necessary.

Once you have the file uploaded, hover your mouse over it on the site. You’ll see the Share button pop up on the right.

Click that and you’ll see the share options. You’re interested in the line that says “Create a link”

Click that and the share link will be created for you.

You’ll need to click on Show link

That is the link you’ll need for your image source. Copy that into your markup and you’ll be set.

Let me know if you need anything else!


#7

see I copied this link

and then placed it in the url of css background property. It didn’t work

then I tried in the img tag still not working. I don’t know what to do…
Sorry for harassing you several times, but i am really freaking out.

see the codepen link : http://codepen.io/sweta_sharan/pen/KNdzvL?editors=1100


#8

And thankyou so much for your constant support. I am really glad to see such a beautiful and helpful community. :blush:


#9

Hey! It started working :smile: … thank you so much for your support… You can have a look at the link: http://codepen.io/sweta_sharan/pen/KNdzvL?editors=1100


#10

Looks awesome, and glad that worked out!


#11

Thank you :slight_smile: