cartimundi Posted April 8, 2020 Share Posted April 8, 2020 But i like to put in images on the position image/ picture /photo /logo I've tried a lot..with background-image / opacity of the background color / in css and in html...but it wont suceed ;-( does anybody has a suggestion? See the Pen MJOWPr by cartamundi (@cartamundi) on CodePen Link to comment Share on other sites More sharing options...
ZachSaucier Posted April 8, 2020 Share Posted April 8, 2020 Are you just asking how to include images in a CodePen pen? So long as the image is allowed cross-origin and the link is correct you should be able to load it. It looks like your URLs go to 404 pages. That seems to be your biggest problem right now 1 Link to comment Share on other sites More sharing options...
cartimundi Posted April 8, 2020 Author Share Posted April 8, 2020 hello, i've tried to change this images, but when i do, i lose the form. i have this picture, just for the example https://www.dropbox.com/s/9pqyrw3ctdfncev/image200228.jpg?dl=0 Link to comment Share on other sites More sharing options...
ZachSaucier Posted April 8, 2020 Share Posted April 8, 2020 9 minutes ago, cartimundi said: i've tried to change this images, but when i do, i lose the form. Sorry, I have no idea what you're trying to say here. Can you try to rephrase? 9 minutes ago, cartimundi said: i have this picture, just for the example https://www.dropbox.com/s/9pqyrw3ctdfncev/image200228.jpg?dl=0 So host that on a website that is accessible via other websites. Then include the URL to that image where you have the URL to the 404 image in your CSS. 1 Link to comment Share on other sites More sharing options...
cartimundi Posted April 8, 2020 Author Share Posted April 8, 2020 i have this image on my dropbox, but it wont paste https://www.dropbox.com/s/amtloszemso7fk2/image300250.jpg?dl=0 .a { transform: rotateY(0deg) translateZ(150px); background-image: url(https://www.dropbox.com/s/amtloszemso7fk2/image300250.jpg?dl=0); } Link to comment Share on other sites More sharing options...
elegantseagulls Posted April 8, 2020 Share Posted April 8, 2020 CodePen Pro allows Image Uploads. I'd suggest that. Otherwise, if you're just proof-of-concept-ing, unsplash is a good source. Try adding: 'https://source.unsplash.com/random/500x500/?indoors' as your background-image. background-size: cover; (or contain;) will also help, or if you're using images, object-fit 3 Link to comment Share on other sites More sharing options...
elegantseagulls Posted April 8, 2020 Share Posted April 8, 2020 2 minutes ago, cartimundi said: i have this image on my dropbox, but it wont paste I don't think Dropbox allows you to embed images on other sites for bandwidth reasons? It's not meant to be used as a CDN. 3 Link to comment Share on other sites More sharing options...
cartimundi Posted April 8, 2020 Author Share Posted April 8, 2020 Thanks, this works i thought that i did a years ago with dropbox...sad enough not anymore.. is there a free image upload site? Link to comment Share on other sites More sharing options...
ZachSaucier Posted April 8, 2020 Share Posted April 8, 2020 2 minutes ago, cartimundi said: is there a free image upload site? Imgur is a commonly used one. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now