Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Background image path during web based development

I'm Playing around with a cloud based front end developer called Jetstrap and Divshot. A bit confused as to how I'm suppose to code the PATH for css "background image" when using a web based software like this. Where do I store the image and how do I call it? I would like to preview the background image as I develop before export.

like image 418
YoYo Mel Avatar asked Nov 04 '22 06:11

YoYo Mel


2 Answers

Since I cannot find any upload function on both site, I guess you can only assign an image that they can access that image via network.

You can do it as follows:

  1. Click on an element.

  2. Assign that element a class.

  3. Click the 'Edit CSS' or 'CSS/HTML' at right-bottom.

  4. Write the css rule for the class assigned at Step 2.

Screen Shots:

divshot snapshot

jetstrap snapshot

like image 145
benbai123 Avatar answered Nov 11 '22 18:11

benbai123


At the moment Divshot only supports external images. We plan to offer image uploading in the near future. I recommend using the Public folder or a shareable link on Dropbox to host your website assets for now. Copy the public link for the background image and use it as your background image path in the CSS editor:

Dropbox External Image in Divshot

like image 24
Jake Johnson Avatar answered Nov 11 '22 18:11

Jake Johnson