Ren'Py Add image & multiple rows to single text box on Main Menu

[Symphatic]

My English is doodoo today so bare with me some. I'm trying to mimic something (Image 2) and can't seem to figure it out. How do I mimic what's in the second image on image one? Preferably the flower on the left side and not right.

Image 1, Renpy.


Image 2, Website.

 

[79flavors]

Probably a simple

You must be registered to see the links

.

I'm thinking {p=0} (paragraph, with zero wait time).
Or an

You must be registered to see the links

\n. See :

You must be registered to see the links

So "Line 1{p=0}Line2" or "Line 1\nLine2".

I assume textbutton will resize accordingly. But it'll need testing.

The other text tag you'll need for the picture is

You must be registered to see the links

.

 

[anne O'nymous]

I'm thinking {p=0} (paragraph, with zero wait time).
Or an

You must be registered to see the links

\n. See :

You must be registered to see the links

More the second. I'm almost sure that "flow" tags are ignored in screens. They are anyway relatively meaningless since the text is always shown immediately.

 

[guest1492]

Isn't OP asking how to add a flower image to the left of the text button on hover, perhaps with a tooltip?

 

[anne O'nymous]

Isn't OP asking how to add a flower image to the left of the text button on hover, perhaps with a tooltip?

Oh... Then it's by using a

You must be registered to see the links

as

You must be registered to see the links

, with a little bit of

You must be registered to see the links

as final touch.
The trick is to have an image that will have two-three pixel at full transparency at its left side, then to define the Frame in such wait that it will keep the right side (where the flower or whatever is) unchanged.

Assuming that the flower is 20 pixels wide:

style myButton is button:
    # Keep as it the 20 first pixels from the right
    background Frame( "background.png", right=20 )
    #  Add a 25 pixel margin at the right side, where the /flower/ will
    # take place, plus 5 pixels to aerate.
    right_margin 25

screen whatever():
    textbutton "whatever":
        # Apply this new style to the button.
        style "myButton"
        action NullAction()

 

[79flavors]

Isn't OP asking how to add a flower image to the left of the text button on hover, perhaps with a tooltip?

I didn't think so.
I thought it was just "picture of a flower + japanese text", with "english text" below it on a second line.

Plus there was a discussion a little while ago that confirmed it's not really practical to have hover mechanics for a textbutton, though like everything with RenPy... there's a work-around if you are willing to bodge things a little.

 

[Symphatic]

Oh... Then it's by using a

You must be registered to see the links

as

You must be registered to see the links

, with a little bit of

You must be registered to see the links

as final touch.
The trick is to have an image that will have two-three pixel at full transparency at its left side, then to define the Frame in such wait that it will keep the right side (where the flower or whatever is) unchanged.

Assuming that the flower is 20 pixels wide:

style myButton is button:
    # Keep as it the 20 first pixels from the right
    background Frame( "background.png", right=20 )
    #  Add a 25 pixel margin at the right side, where the /flower/ will
    # take place, plus 5 pixels to aerate.
    right_margin 25

screen whatever():
    textbutton "whatever":
        # Apply this new style to the button.
        style "myButton"
        action NullAction()

It's 26 pixels wide. I made the edited one 50 (adding 24 on the right).
Thank you! Sorry I have been at work. Is this enough?
Here is the original: