place things freely

  • 6
  • Idea
  • Updated 8 years ago
  • Under Consideration
on yola site builder, is it not possible to move things around freely? i have used other site builders aswell, in which i found one that you can move the text box, images etc anywhere on the page, but when i use yola, it has to be in the places where you put a 2 colmun layout, if it isnt possible, is there any chance that it will be possible soon?
basically, i want to be able to move text box, images freely on the page,
Photo of J.K.

J.K.

  • 22 Posts
  • 0 Reply Likes
  • undecided

Posted 9 years ago

  • 6
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi JK,

All page code is basically built up around square box's - have a look at almost any page (this one for example) you can draw square boxs around everything.

You just have to learn how to use the column widgets - remember you can add 2 column widgets inside each other as many times as you like, you can create 1,2,3,4,5....20 however many box's you like.

I do hear what your saying tho, someone else asked this a few days ago. All ideas are considered at Yola and i'm sure this will be also.

Lee.
Photo of J.K.

J.K.

  • 22 Posts
  • 0 Reply Likes
thanks, so basically you cant move freely yet, i use the double column inside each other, but sometimes, you just want some things really close, or more apart and you cant, only problem with the other site builder, it wasnt that clear and easy to use, i couldnt find a way to get sound onto the website, so i found yola, which was easier, but just couldnt move things around,
but i think that is one of the very few but important things that would make yola even better
hope it comes into action soon
Photo of B*

B*

  • 23 Posts
  • 0 Reply Likes
Amen
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello J.K.

I just wanted to let you know that you can adjust the width of the 2-column widget by dragging the middle bar left or right. Depending on the direction you drag the bar, you'll see one side expand larger and the other side grow narrower.
Photo of diane

diane

  • 29 Posts
  • 2 Reply Likes
if you have a text box or image box you can also play around with the margins by clicking on properties and adding or subtracting pixels
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks diane for adding that information! =)
Photo of J.K.

J.K.

  • 22 Posts
  • 0 Reply Likes
ye, thanks for that, that does help, but i already done the 2 column thing, the text box margins, havnt tried yet, but like i said, when i mean freely, i meant anything anywhere, not in line with each other,
another question, its not exactly to do with the topic, if i put a hyperlink on, so that it opens another website e.g. google, is there anyway that it will open in a new web browser?
thanks all for help
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
<!--

J.K,

All you do to make a link open in a new tab/window (it will act differently depending on browser) is:

1. make a link in the text editor the normal way...
2. then click the little html button in the text menu bar...
3. then find the link code - it will look like <a href="whatever.com">link text</a>

make it look like this: <a href="whatever.com" target="_blank">link text</a>

NOTICE: target="_blank"

Let me know if you need anymore help with this on this thread.

Lee.

-->
Photo of knapperture

knapperture

  • 13 Posts
  • 0 Reply Likes
AWESOME
Photo of J.K.

J.K.

  • 22 Posts
  • 0 Reply Likes
no sorry, still dont understand, abit easier pleaser, thanks
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi J.K.

Let me see if I can help clarify what Lee has posted above.

Let's say you want a link to Yola.com. A normal link would look like this:
<a href="http://yola.com&quot;&gt;Yola&lt;/a&gt;

To make the normal link open up in a new window instead of the same window, you need to add a "target="_blank" code to it.

So, what you would do is either drag an HTML widget over or a text widget over and click on the HTML button. Then change your normal link to this amended one which would then look like this:
<a href="http://yola.com&quot; target="_blank">Yola</a>

I hope that makes sense now. If not, please let us know and we'll keep working with you until it does makes sense! =)
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Yeah, just make sure you don't add the quotation in front of "target"
Photo of J.K.

J.K.

  • 22 Posts
  • 0 Reply Likes
right ye great, i suppose i can do this with images aswell then? same thing?
thanks alot guys
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi J.K.
Here is a link to a thread with more information on having an image link open in a new window: Image link open in new window. Hope this helps!

Emmy
Photo of J.K.

J.K.

  • 22 Posts
  • 0 Reply Likes
erm,
just wondering, is this idea going to be placed in the ideas section?
so that people can say if they like it, then maybe it can go under the ideas under consideration heading
Photo of tommystam

tommystam

  • 19 Posts
  • 0 Reply Likes
I was going to ask the same question as the first one, what am I supposed to do if I place an image under a header on the left or right and cannot align it so it's placed exactly to the border, so my site doesnt look like it's retarded, thx.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I'm not sure if I'm understanding you correctly, but you can use the text widget and add your image through the text toolbar. Then, you can go "Properties" on your side bar and enter in negative or positive values to move your widget around.

Please clarify further if I have misunderstood. Thanks.
Photo of tommystam

tommystam

  • 19 Posts
  • 0 Reply Likes
Omg, are you serious, I cant believe one of the most important features is not easily explained in the tutorials and help sections, this is so important to noobies like me because we are lost without it, WOW, if that works that will seriously help my sites!!!!!!!!!!!!! THXXXXXXXXXXXXXXXXX

So I add a text widget first, than I add a picture in the text toolbar, than go to properties on my side bar and enter neg or pos values, cool! sound pretty easy, hope it is lol. Thx Sanja, and please dont think I'm a p!ssed off person, I 'm just an annoying frustrated noobie that is trying to learn, I just love when people give clear instructions like you just did.

Still cant believe this feauture is not easily read and mentioned anywhere, I'd have it right up there, this is so important!

Wow, I just noticed even the picture itself can be moved inside it's box by clicking on position lol.!!!!!!!!!!!!

Yes, I'm a noobie, go ahead and laugh!!!!! hahaha
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I'm glad to hear that you have found this information to be what you needed. Please keep in mind though, while you can push the widgets outside of the content area, it is not advisable to do so as this may cause your viewers to have to scroll back and forth to see the content on your website. The content area that we have defined, is the optimal viewing range for most of the users.
Photo of Bazza

Bazza

  • 17 Posts
  • 0 Reply Likes
I totally agree with J.K's idea. Being able to move text boxs and pictures around would be at the top of my wish list. Being able to highlight, drag & drop to any position on a page with minor adjustments made with up/down side to side arrows on the PC keyboard, or even be able to move objects with arrows alone.
I find it really labour intensive using "Properties" on the side bar to enter in negative or positive values to move widgets around, with no two values entered on pages being of the same value. i.e. object value 100 on home page not the same value for subsequent pages so have to be worked out for each page to get the exact position.
(using the same type of layout for each page).
Photo of knapperture

knapperture

  • 13 Posts
  • 0 Reply Likes
I would like to be able to float text over an image. and control how much overhang there is. or text over text to create some visual interest with the recent post, archive, etc... on the blog page.
Photo of ottox232

ottox232

  • 17 Posts
  • 0 Reply Likes
Hi J.K.,
It has been a year, but you make a good point. Most sites follow a design convention where columns are a principle element. I think now and then a site can benefit from a more free-form design. Here's a suggestion for using free-floating click and drag methods and then adding the content to a Yola site:

1) Open a word processing program with features advanced enough for you to add multiple images and text boxes.

2) Upload images that are relevant to your website (background, images, text boxes, etc).

3) Once you have tinkered with the layout to your satisfaction, print preview. Then (if a PC) press Control-Alt-PrintScrn to capture the image.

4) Open an image editor. Paste the screenshot.

5) Save this image.

6) This is the only hard part: divide the image into a grid of images. It helps to draw a grid over the image using either line or square functions in the image editor. I've attached an example.

7) Save each part of the grid as a new picture (remembering to crop out everything that isn't needed). Attached is an example.

8) You'll have ~16-20 pictures. Go into your website and add the text widget. Add pictures to this until the large image fills in. You may want to set the page to be one column and have a text widget for each row of images.

9) Add hyperlinks to the images where you wish to link - say, in the "Hungry Cat" text of the attached image.

That's that. It's not the easiest thing to do, but you are able to explore the layout of your site and try different arrangements on the fly. Once you've used the word processing program to figure out the perfect arrangement, then it is just a matter of adding your design to your site.

I hope this idea helps!

-Nate



Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
wow - thanks so much ottox232 for this detailed workaround!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Yes, thanks so much ottox232!