How to put a free use layout on a Weebly webpage
There's a trick to it that you can get around, but it takes some forethought!
To actually put up the code is another story and I'll use screenshots for that:
- Make your layout
- Copy the whole code to your clipboard
- Go to the page where you wanted to put the layout's picture
- Drag a Custom HTML block there
- Paste in the HTML code, thus embedding the layout
To actually put up the code is another story and I'll use screenshots for that:
1. Copy the entire code to your clipboard and paste it in. Weebly doesn't like <div> codes for some reason and automatically deletes certain parts when you put it in so you have to do some creative copy and pasting to get it in there. If you look at the two codes below you will see the one on the right is missing several important lines.
So now you've got your partly deleted code. Short of typing in the deleted part by hand again, how do you get it in, you ask?
Go back to the code in your other tab (I hope you didn't close it) and- well here, take this example line:
<div style="width: 150px; height: 170px; overflow: auto; text-align: center; margin-top: 320px; margin-left: 335px; float: left;">
The part in green is what Weebly will omit, so just hightlight it from the "style" to the semi colon before the last > and copy and paste it in, being sure to paste it on the right of space behind the > that Weebly left... like this:
Go back to the code in your other tab (I hope you didn't close it) and- well here, take this example line:
<div style="width: 150px; height: 170px; overflow: auto; text-align: center; margin-top: 320px; margin-left: 335px; float: left;">
The part in green is what Weebly will omit, so just hightlight it from the "style" to the semi colon before the last > and copy and paste it in, being sure to paste it on the right of space behind the > that Weebly left... like this:
Before you ask, yes, you must do that for every <div style line. So if you have a layout with three text boxes, then you'd do it four times- once for each text box and once for the top part where you specify the background image.
Other than that... there's nothing to it! :)
Other than that... there's nothing to it! :)
HTML Comment Box is loading comments...