![]() To see how I deployed this tip on a client's website, visit - and feel free to contact me with any questions. Test everything one more time and then publish the site to your web server. Replace the default Mobirise images with your new images as usual (in the "Block Parameters" gear icon). Name the image files whatever you like save them as JPEG's or PNG's to your site file.ĥ. Use your favorite image editor to make new images for your "real" site, based on those sizes. Make a note of the pixel dimensions from the Mobirise default block image sizes described above. ![]() Navigate to this folder: assets/images … that folder includes the default images I mentioned above.Ĥ. On your local machine, go to the related Website Builder folder for your project. You can edit all files and pages later.ģ. This will reveal a copy of all files associated with your Mobirise site design. Publish the site on your local machine - NOT your web server. ![]() As you build your Mobirise website, drag and drop the blocks you like into your site file.Ģ. In the Footers section, the first block listed includes a Free Website Builder logo (128 x 128 pixels).ġ. In the Media section, the "Drag and Drop Website Builder" includes an image called "iphone.png" (700 x 467 pixels). In the Headers section, the "Full-Screen Header Block" includes an image called "bg5.jpg" (1200 x 716 pixels). After stumbling around for a while, I realized that these images can be used as guides for sizing images on Mobirise compliant websites. Several Mobirise blocks include default images provided by Mobirise. Based on posts in the Mobirise forums, I'm not alone. I've designed custom websites since the late 1990's, but had trouble wrapping my head around how to size responsive images for the mobile web. If this is covered elsewhere, please excuse the duplication. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |