For those using 1280 x 720, revised code:
Screens code:
init 5:
style phone_message_vbox:
xalign 0.5
yalign 0
ypos 150
xsize 260
style phone_message_frame:
background Solid("#d9398c")
ypadding 10
xpadding 10
style phone_message_frame2:
background Solid("#78E8A0")
ypadding 10
xpadding 10
style phone_message_contents:
spacing 10
style phone_message is say_dialogue:
xoffset 0
outlines []
xalign 1
yalign 0
style phone_message2 is say_dialogue:
xoffset 0
outlines []
xalign 1
yalign 0
style phone_message_who is phone_message:
color "#ecf0f1"
size 21
style phone_message_what is phone_message:
color "#ffffff"
size 20
style phone_reply is default:
size 18
xalign 0.5
xsize 275
background Solid("#666")
hover_background Solid("#78E8A0")
ypadding 10
xpadding 10
screen phone_message(who, what):
vbox at incoming_message:
style_group "phone_message"
add "images/bubble-tip.png" at phone_message_bubble_tip
frame:
style_group "phone_message"
vbox:
style "phone_message_contents"
text who style "phone_message_who"
text what style "phone_message_what"
screen phone_message2(who, what):
vbox at incoming_message:
style_group "phone_message"
xoffset -384
xalign 1.0
# this one adds the triangular tip for the bubble, if you change colors you change this images too
add "images/bubble-tip2.png" at phone_message_bubble_tip2
frame:
style_group "phone_message2"
background Solid("#78E8A0")
xsize 200
vbox:
style "phone_message_contents"
text who style "phone_message_who"
text what style "phone_message_what"
screen phone_message3(what):
vbox at incoming_message:
style_group "phone_message"
xoffset -384
xalign 1.0
# this one adds the triangular tip for the bubble, if you change colors you change this images too
add "images/bubble-tip2.png" at phone_message_bubble_tip2
frame:
style_group "phone_message2"
background Solid("#78E8A0")
xsize 200
vbox:
style "phone_message_contents"
##text who style "phone_message_who"
text what style "phone_message_what"
screen phone_reply(reply1, label1, reply2, label2):
modal True
vbox:
xalign 0.529
yalign 0.65
spacing 2
textbutton "[reply1]" action Jump(label1) style "phone_reply"
textbutton "[reply2]" action Jump(label2) style "phone_reply"
# here is a new menu that has more options than two
# basically i just added one more textbutton here, and the additional labels needed in the call
# if you wish to make a menu with one or four just copy the code below and modify it a bit
screen phone_reply3(reply1, label1, reply2, label2, reply3, label3,):
modal True
vbox:
xalign 0.5
yalign 0.8
spacing 5
textbutton "[reply1]" action Jump(label1) style "phone_reply"
textbutton "[reply2]" action Jump(label2) style "phone_reply"
textbutton "[reply3]" action Jump(label3) style "phone_reply"
style phone_reply_text:
xalign 0.5
screen phone_message_image(who, what, img):
vbox at incoming_message:
style_group "phone_message"
# this one adds the triangular tip for the bubble, if you change colors you change this images too
add "images/bubble-tip.png" at phone_message_bubble_tip
frame:
style_group "phone_message"
vbox:
style "phone_message_contents"
text who style "phone_message_who"
text what style "phone_message_what"
add img
############# phone code ends ############
In Options:
Change this part only (right at top of code):
# Picking up the phone
transform phone_pickup:
yalign 1.0 xalign 0.5
yoffset 900
easein 0.3 yoffset 0
ALSO:
* Resize the images provided, including the phone image - the ones provided are too big.