<!DOCTYPE html>
<html class="has-no-js template-thread_view uix_page--fixed uix_hasSectionLinks uix_hasCrumbs uix_hasPageAction" data-app="public" data-container-key="node-113" data-content-key="thread-19733" data-cookie-prefix="xf_" data-csrf="" data-logged-in="true" data-template="thread_view" dir="LTR" id="XF" lang="en-US" style="font-size: 62.5%;">
 <head>
  <meta charset="utf-8"/>
  <meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
  <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/>
  <meta content="noarchive" name="robots"/>
  <meta content="default-src 'self' https://*.f95zone.com https://f95zone.com https://*.f95zone.to https://f95zone.to; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://*.f95zone.com https://f95zone.com https://*.f95zone.to https://f95zone.to https://cdn.jsdelivr.net https://cdnjs.cloudflare.com https://www.google.com https://www.gstatic.com https://www.googletagmanager.com https://www.google-analytics.com; img-src 'self' data: blob: https://*.f95zone.com https://f95zone.com https://*.f95zone.to https://f95zone.to https://external-content.duckduckgo.com https://www.google-analytics.com https://www.googletagmanager.com https://www.google.com https://www.google.ad https://www.google.ae https://www.google.com.af https://www.google.com.ag https://www.google.com.ai https://www.google.al https://www.google.am https://www.google.co.ao https://www.google.com.ar https://www.google.as https://www.google.at https://www.google.com.au https://www.google.az https://www.google.ba https://www.google.com.bd https://www.google.be https://www.google.bf https://www.google.bg https://www.google.com.bh https://www.google.bi https://www.google.bj https://www.google.com.bn https://www.google.com.bo https://www.google.com.br https://www.google.bs https://www.google.bt https://www.google.co.bw https://www.google.by https://www.google.com.bz https://www.google.ca https://www.google.cd https://www.google.cf https://www.google.cg https://www.google.ch https://www.google.ci https://www.google.co.ck https://www.google.cl https://www.google.cm https://www.google.cn https://www.google.com.co https://www.google.co.cr https://www.google.com.cu https://www.google.cv https://www.google.com.cy https://www.google.cz https://www.google.de https://www.google.dj https://www.google.dk https://www.google.dm https://www.google.com.do https://www.google.dz https://www.google.com.ec https://www.google.ee https://www.google.com.eg https://www.google.es https://www.google.com.et https://www.google.fi https://www.google.com.fj https://www.google.fm https://www.google.fr https://www.google.ga https://www.google.ge https://www.google.gg https://www.google.com.gh https://www.google.com.gi https://www.google.gl https://www.google.gm https://www.google.gr https://www.google.com.gt https://www.google.gy https://www.google.com.hk https://www.google.hn https://www.google.hr https://www.google.ht https://www.google.hu https://www.google.co.id https://www.google.ie https://www.google.co.il https://www.google.im https://www.google.co.in https://www.google.iq https://www.google.is https://www.google.it https://www.google.je https://www.google.com.jm https://www.google.jo https://www.google.co.jp https://www.google.co.ke https://www.google.com.kh https://www.google.ki https://www.google.kg https://www.google.co.kr https://www.google.com.kw https://www.google.kz https://www.google.la https://www.google.com.lb https://www.google.li https://www.google.lk https://www.google.co.ls https://www.google.lt https://www.google.lu https://www.google.lv https://www.google.com.ly https://www.google.co.ma https://www.google.md https://www.google.me https://www.google.mg https://www.google.mk https://www.google.ml https://www.google.com.mm https://www.google.mn https://www.google.ms https://www.google.com.mt https://www.google.mu https://www.google.mv https://www.google.mw https://www.google.com.mx https://www.google.com.my https://www.google.co.mz https://www.google.com.na https://www.google.com.ng https://www.google.com.ni https://www.google.ne https://www.google.nl https://www.google.no https://www.google.com.np https://www.google.nr https://www.google.nu https://www.google.co.nz https://www.google.com.om https://www.google.com.pa https://www.google.com.pe https://www.google.com.pg https://www.google.com.ph https://www.google.com.pk https://www.google.pl https://www.google.pn https://www.google.com.pr https://www.google.ps https://www.google.pt https://www.google.com.py https://www.google.com.qa https://www.google.ro https://www.google.ru https://www.google.rw https://www.google.com.sa https://www.google.com.sb https://www.google.sc https://www.google.se https://www.google.com.sg https://www.google.sh https://www.google.si https://www.google.sk https://www.google.com.sl https://www.google.sn https://www.google.so https://www.google.sm https://www.google.sr https://www.google.st https://www.google.com.sv https://www.google.td https://www.google.tg https://www.google.co.th https://www.google.com.tj https://www.google.tl https://www.google.tm https://www.google.tn https://www.google.to https://www.google.com.tr https://www.google.tt https://www.google.com.tw https://www.google.co.tz https://www.google.com.ua https://www.google.co.ug https://www.google.co.uk https://www.google.com.uy https://www.google.co.uz https://www.google.com.vc https://www.google.co.ve https://www.google.vg https://www.google.co.vi https://www.google.com.vn https://www.google.vu https://www.google.ws https://www.google.rs https://www.google.co.za https://www.google.co.zm https://www.google.co.zw https://www.google.cat https://stats.g.doubleclick.net https://*.giphy.com https://*.gfycat.com https://media.tenor.com https://*.redgifs.com/ https://*.sendvid.com https://*.gifdeliverynetwork.com https://*.media.tumblr.com https://*.imgur.com https://*.patreonusercontent.com https://cdn.discordapp.com https://media.discordapp.net https://i.redd.it https://*.imgbox.com https://i.gyazo.com https://secure.gravatar.com https://cdn.betterttv.net https://static-cdn.jtvnw.net https://*.photobucket.com https://*.deviantart.net https://*.pixhost.to https://puu.sh https://*.postimg.org https://*.kym-cdn.com https://i.ytimg.com; style-src 'unsafe-inline' https: data:; font-src https: data:; connect-src 'self' https:; frame-src https: data:; form-action 'self' https://discord.com https://*.f95.io; upgrade-insecure-requests; block-all-mixed-content;" http-equiv="Content-Security-Policy"/>
  <title>
   How to make icons (imagebutton?) not dissappear, especialy on imagemaps? | F95zone
  </title>
  <meta content="Hello, I put my Affection Points (and money) this way (see code at bottom), and want make more icons this way but with inter action.
And now, can anyone..." name="description"/>
  <meta content="Hello, I put my Affection Points (and money) this way (see code at bottom), and want make more icons this way but with inter action.
And now, can anyone tell me (show your code) with what simple command (overscreen?) I can made to get the icons stay on screen during idle maps room. Not..." property="og:description"/>
  <meta content="Hello, I put my Affection Points (and money) this way (see code at bottom), and want make more icons this way but with inter action.
And now, can anyone tell me (show your code) with what simple..." property="twitter:description"/>
  <meta content="https://f95zone.to/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/" property="og:url"/>
  <meta content="F95zone" property="og:site_name"/>
  <meta content="website" property="og:type"/>
  <meta content="How to make icons (imagebutton?) not dissappear, especialy on imagemaps?" property="og:title"/>
  <meta content="How to make icons (imagebutton?) not dissappear, especialy on..." property="twitter:title"/>
  <meta content="https://f95zone.to/assets/favicon-32x32.png" property="og:image"/>
  <meta content="https://f95zone.to/assets/favicon-32x32.png" property="twitter:image"/>
  <meta content="summary" property="twitter:card"/>
  <meta content="#181a1d" name="theme-color"/>
  <meta content="#181a1d" name="msapplication-TileColor"/>
  <meta content="ok_5603d60c9ec3f9189a2c7da22c2173e2" name="lb-check"/>
  <meta content="same-origin" name="referrer"/>
  <meta content="yes" name="apple-mobile-web-app-capable"/>
 </head>
 <body data-template="thread_view">
  <style>
   .uix_headerContainer .p-navSticky.is-sticky {
		top: 0 !important;
	}

	

	
	

	
	
	
		
			
			
				
			
		
	

	

	

		
		
		.uix_mainTabBar {top: 90px !important;}
		.uix_stickyBodyElement:not(.offCanvasMenu) {
			top: 110px !important;
			min-height: calc(100vh - 110px) !important;
		}
		.uix_sidebarInner .uix_sidebar--scroller {margin-top: 110px;}
		.uix_sidebarInner {margin-top: -110px;}
		.p-body-sideNavInner .uix_sidebar--scroller {margin-top: 110px;}
		.p-body-sideNavInner {margin-top: -110px;}
		.uix_stickyCategoryStrips {top: 110px !important;}
		#XF .u-anchorTarget {
			height: 110px;
			margin-top: -110px;
		}
	
		

		
			@media (max-width: 900px) {
		
				.p-sectionLinks {display: none;}

				

				.uix_mainTabBar {top: 50px !important;}
				.uix_stickyBodyElement:not(.offCanvasMenu) {
					top: 70px !important;
					min-height: calc(100vh - 70px) !important;
				}
				.uix_sidebarInner .uix_sidebar--scroller {margin-top: 70px;}
				.uix_sidebarInner {margin-top: -70px;}
				.p-body-sideNavInner .uix_sidebar--scroller {margin-top: 70px;}
				.p-body-sideNavInner {margin-top: -70px;}
				.uix_stickyCategoryStrips {top: 70px !important;}
				#XF .u-anchorTarget {
					height: 70px;
					margin-top: -70px;
				}

				
		
			}
		
	

	.uix_sidebarNav .uix_sidebar--scroller {max-height: calc(100vh - 70px);}
  </style>
  <div id="jumpToTop">
  </div>
  <div class="uix_pageWrapper--fixed">
   <div class="p-pageWrapper" id="top">
    <div class="p-body">
     <div class="p-body-inner">
      <!--XF:EXTRA_OUTPUT-->
      <noscript>
       <div class="blockMessage blockMessage--important blockMessage--iconic u-noJsOnly">
        JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
       </div>
      </noscript>
      <!--[if lt IE 9]><div class="blockMessage blockMessage&#45;&#45;important blockMessage&#45;&#45;iconic">You are using an out of date browser. It  may not display this or other websites correctly.<br />You should upgrade or use an <a href="https://www.google.com/chrome/browser/" target="_blank">alternative browser</a>.</div><![endif]-->
      <div class="uix_contentWrapper" uix_component="MainContainer">
       <div class="p-body-main">
        <div class="p-body-content" uix_component="MainContent">
         <!-- ABOVE MAIN CONTENT -->
         <div class="breadcrumb block">
          <div class="pageContent">
           <ul class="p-breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList">
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/" itemprop="item">
              <span itemprop="name">
               Forums
              </span>
             </a>
             <meta content="1" itemprop="position"/>
            </li>
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/categories/development.72/" itemprop="item">
              <span itemprop="name">
               Development
              </span>
             </a>
             <meta content="2" itemprop="position"/>
            </li>
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/forums/programming-development-art.73/" itemprop="item">
              <span itemprop="name">
               Programming, Development &amp; Art
              </span>
             </a>
             <meta content="3" itemprop="position"/>
            </li>
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/forums/dev-help.113/" itemprop="item">
              <span itemprop="name">
               Dev Help
              </span>
             </a>
             <meta content="4" itemprop="position"/>
            </li>
           </ul>
          </div>
         </div>
         <div class="samBannerUnit samAlignCenter samCustomSize" data-position="container_breadcrumb_top_below" style="width: 728px; height: 90px;">
          <div class="samItem">
           <iframe allow="autoplay; fullscreen" frameborder="0" src="https://candy.engine.adglare.net/?496266440&amp;iframe&amp;sizes=728x90&amp;ag_custom_vlmcp=d1ca4cff-9d71-4fc8-b2eb-041dac16559a&amp;ag_custom_vlmspot=leaderboard_header" style="width:728px; height:90px;">
           </iframe>
          </div>
         </div>
         <div class="p-body-header" style=" ">
          <div class="pageContent">
           <div class="uix_headerInner">
            <div class="p-title">
             <h1 class="p-title-value">
              How to make icons (imagebutton?) not dissappear, especialy on imagemaps?
             </h1>
            </div>
            <div class="p-description">
             <ul class="listInline listInline--bullet">
              <li>
               <i aria-hidden="true" class="fa--xf fas fa-user" title="Thread starter">
               </i>
               <span class="u-srOnly">
                Thread starter
               </span>
               <a class="username u-concealed" data-user-id="209549" data-xf-init="member-tooltip" dir="auto" href="/members/m-77.209549/">
                M-77
               </a>
              </li>
              <li>
               <i aria-hidden="true" class="fa--xf fas fa-clock" title="Start date">
               </i>
               <span class="u-srOnly">
                Start date
               </span>
               <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/">
                <time class="u-dt" data-date-string="Oct 26, 2018" data-time="1540538531" data-time-string="3:22 PM" datetime="2018-10-26T15:22:11+0800" dir="auto" title="Oct 26, 2018 at 3:22 PM">
                 Oct 26, 2018
                </time>
               </a>
              </li>
             </ul>
            </div>
           </div>
           <div class="uix_headerInner--opposite">
            <div class="p-title-pageAction">
             <select class="br-select input" data-deselectable="false" data-initial-rating="0" data-rating-href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/br-rate" data-readonly="false" data-show-selected="true" data-vote-content='&lt;div data-href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/br-user-rated" data-xf-click="overlay" data-xf-init="tooltip" title="Members who rated this thread"&gt;0 Votes&lt;/div&gt;' data-widget-class="bratr-rating" data-xf-init="rating" name="rating">
              <option value="">
              </option>
              <option value="1">
               Terrible
              </option>
              <option value="2">
               Poor
              </option>
              <option value="3">
               Average
              </option>
              <option value="4">
               Good
              </option>
              <option value="5">
               Excellent
              </option>
             </select>
            </div>
           </div>
          </div>
         </div>
         <div class="p-body-pageContent">
          <div class="block block--messages" data-href="/inline-mod/" data-type="post" data-xf-init="">
           <div class="block-outer">
            <div class="block-outer-opposite">
             <div class="buttonGroup">
              <a class="button--link button" data-xf-click="overlay" href="/account/dpp-update?content_type=thread&amp;content_id=19733">
               <span class="button-text">
                Showing 100 posts per page
               </span>
              </a>
              <a class="tic--button button button--link" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=19733">
               Ignore thread
              </a>
              <a class="button--link button" data-sk-unwatch="Unwatch" data-sk-watch="Watch" data-xf-click="switch-overlay" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/watch">
               <span class="button-text">
                Watch
               </span>
              </a>
             </div>
            </div>
           </div>
           <div class="block-outer js-threadStatusField">
           </div>
           <div class="block-container lbContainer" data-lb-id="thread-19733" data-lb-universal="0" data-message-selector=".js-post" data-xf-init="lightbox select-to-quote">
            <div class="block-body js-replyNewMessageContainer">
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="M-77" data-content="post-1219668" id="js-post-1219668">
              <span class="u-anchorTarget" id="post-1219668">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="209549" data-xf-init="member-tooltip" href="/members/m-77.209549/" style="background-color: #6a1b9a; color: #ea80fc">
                    <span class="avatar-u209549-m">
                     M
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="209549" data-xf-init="member-tooltip" dir="auto" href="/members/m-77.209549/" itemprop="name">
                     M-77
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Newbie
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Sep 19, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     82
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     23
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1219668" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 26, 2018" data-time="1540538531" data-time-string="3:22 PM" datetime="2018-10-26T15:22:11+0800" dir="auto" title="Oct 26, 2018 at 3:22 PM">
                     Oct 26, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1219668/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1219668" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1219668/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1219668" rel="nofollow">
                     #1
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="M-77 · Oct 26, 2018 at 3:22 PM" data-lb-id="post-1219668">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Hello, I put my Affection Points (and money) this way (see code at bottom), and want make more icons this way but with inter action.
                     <br/>
                     And now, can anyone tell me (show your code) with what simple command (overscreen?) I can made to get the icons stay on screen during idle maps room. Not dissapearing?
                     <br/>
                     Only hide if mousewheel clicked.
                     <br/>
                     I also need some of them on or off (this is easy with the show screen... True/False command, already get this) in some events.
                     <br/>
                     But how to made them react if clicked with the mouse? To open a inventory (not done yet) when clicked on the backpack icon, for example?
                     <br/>
                     Open some quest list when the communicator is clicked. Jump back from one room to stage corridor.Or back from a niche/bath to a room if the "back" icon is clicked.
                     <br/>
                     What is the simple right command with which parameters for that? (Some "action"+ "clicked" + "jump" I think).
                     <br/>
                     I also want to set position in pixles not the strange Renpy Xpos, Ypos, anchor, etc. metrics because I have to place my icons accurate by pixel and knowing where.
                     <br/>
                     Or have I to do every room as idle map now? But then no chance to made icons hide as they are pasted in on the bg graphics.
                     <br/>
                     <br/>
                     In script.rpy:
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code># Elie LP meter icon and display
init -2 python:
showlove= False
Elie_love = 100
max_love= 150
# def display_love():
# if showlove:
#This next line is optional. It adds a heart image under the text.
#Not use because shows up on left ui.image("HUD_LP_idle.png")
#Not use ui.text(" %d" %Elie_love, color="#ff0000")
#Not use config.overlay_functions.append(display_love)
# Money Meter (Gulden) icon and display
init python:
showgulden= False
Gulden = 100
max_gulden= 9999
# def display_gulden():
#Not use because shows up on left if showgulden:
#Not use ui.frame() #This is optional. It adds a frame around the text.
#Not use ui.text("Gulden: %d" %Gulden)
#Not use config.overlay_functions.append(display_gulden)
#Communicator
init python:
showcom= False
Communicator = 0
max_com= 1
#Inventory icon
init python:
showcom= False
Inventory = 0
max_inv= 1
#Map icon
init python:
showmap= False
Map = 0
max_map= 1
#Back icon
init python:
showback= False
Back = 0
max_back= 1</code></pre>
                      </div>
                     </div>
                     The [Day] variables here are leftovers, are not used. Not needed.
                     <br/>
                     In screns.rpy:
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>#Money+Love Points screen display a coin and heart icon on top right screen with the amount in possession for each one on them
#Money Points screen
screen money():
frame:
xpos 0.91
ypos 0.06
textbutton "{b}Day [Day]{/b}" action If(renpy.get_screen("money_box1"), Hide("money_box1"), Show
("money_box1"))

screen money_box1():
vbox xpos 0.951 ypos 0.056:
image "Gulden.png"
text "{b} [Gulden]{/b}" color "#000000" yoffset -61 xalign 0.40

#Love Points screen
screen elie_love():
frame:
xpos 0.91
ypos 0.06
textbutton "{b}Day [Day]{/b}" action If(renpy.get_screen("elie_love_box1"), Hide("elie_love_box1"), Show
("elie_love_box1"))
screen elie_love_box1():
vbox xpos 0.951 ypos 0.140:
image "HUD_LP_idle.png"
text "{b}[Elie_love]{/b}" color "#cd2626" yoffset -65.5 xalign 0.49
#Communicator Icon screen display a sort of mobilephone icon on upper right screen
screen communicator():
frame:
xpos 0.91
ypos 0.06
textbutton "{b}Day [Day]{/b}" action If(renpy.get_screen("com_box1"), Hide("com_box1"), Show
("com_box1"))
screen com_box1():
vbox xpos 0.933 ypos 0.306:
image "HUDCOM_idle001.png"
#Inventory Icon screen display a backpack icon on upper right screen, has still to be linked to an inventory script
screen inventory():
frame:
xpos 0.91
ypos 0.06
textbutton "{b}Day [Day]{/b}" action If(renpy.get_screen("inv_box1"), Hide("inv_box1"), Show
("inv_box1"))
screen inv_box1():
vbox xpos 0.933 ypos 0.417:
image "HUDINV_idle001.png"
#Map Icon screen, optional as Map icon appears on idle maps too, used to go back to stage overmap
screen map():
frame:
xpos 0.91
ypos 0.06
textbutton "{b}Day [Day]{/b}" action If(renpy.get_screen("map_box1"), Hide("map_box1"), Show
("map_box1"))
screen map_box1():
vbox xpos 0.933 ypos 0.529:
image "HUDMAP_idle001.png"
#Back screen, icon appears on idle maps too, to go one room back to stage map, not overmap. Or to exit from idle maps in rooms
screen back_box1():
frame:
xpos 0.933
ypos 0.06
textbutton "{b}Day [Day]{/b}" action If(renpy.get_screen("back_box1"), Hide("back_box1"), Show
("map_box1"))
screen back_box1():
vbox xpos 0.940 ypos 0.652:
image "HUD_back001_idle.png"</code></pre>
                      </div>
                     </div>
                     I also try again and changed the screen for the map (for example) this way, but with no change:
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>#Map Icon screen, optional as Map icon appears on idle maps too, used to go back to stage overmap
screen map_box1():
    imagebutton:
        idle "HUDMAP_idle001.png"
        hover "HUDMAP_hover001.png"
        xpos 0.933 ypos 0.529
        focus_mask True
        action Jump("HUD000aidle")</code></pre>
                      </div>
                     </div>
                     Who can help?
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1219668" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1219668/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1219668" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1219668" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1219668/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1219668" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1219668/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <div class="samBannerUnit samAlignCenter" data-position="post_below_container_1">
              <div class="samItem">
               <iframe allow="autoplay; fullscreen" frameborder="0" src="https://candy.engine.adglare.net/?711900550&amp;iframe&amp;sizes=728x90&amp;ag_custom_vlmcp=11d8884a-c204-4705-8dc5-d17be23ed7bf&amp;ag_custom_vlmspot=leaderboard_posts" style="width:728px; height:90px;">
               </iframe>
              </div>
             </div>
             <article class="message message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1219955" id="js-post-1219955">
              <span class="u-anchorTarget" id="post-1219955">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </div>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1219955" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 26, 2018" data-time="1540548602" data-time-string="6:10 PM" datetime="2018-10-26T18:10:02+0800" dir="auto" title="Oct 26, 2018 at 6:10 PM">
                     Oct 26, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1219955/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1219955" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1219955/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1219955" rel="nofollow">
                     #2
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Oct 26, 2018 at 6:10 PM" data-lb-id="post-1219955">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1219668" data-xf-click="attribution" href="/goto/post?id=1219668">
                        M-77 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        And now, can anyone tell me (show your code) with what simple command (overscreen?) I can made to get the icons stay on screen during idle maps room. Not dissapearing?
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Don't have the time right now to dig through this, from a quick look at it I believe you need to have a ZORDER and/or LAYER defined in your screens. If I remember correctly with the layers Ren'Py knows what is considered part of the UI and can then show/hide it with H/mousewheel.
                     <br/>
                     <a class="link link--external" href="https://www.renpy.org/doc/html/displaying_images.html#layer" rel="nofollow noopener" target="_blank">
                      https://www.renpy.org/doc/html/displaying_images.html#layer
                     </a>
                     <br/>
                     <a class="link link--external" href="https://www.renpy.org/doc/html/screen_python.html#renpy.define_screen" rel="nofollow noopener" target="_blank">
                      https://www.renpy.org/doc/html/screen_python.html#renpy.define_screen
                     </a>
                     <br/>
                     Just a wild guess from the back of my head ... could be completely wrong.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1219955" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1219955/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1219955" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1219955" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1219955/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1219955" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1219955/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1220157" id="js-post-1220157">
              <span class="u-anchorTarget" id="post-1220157">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1220157" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 26, 2018" data-time="1540554355" data-time-string="7:45 PM" datetime="2018-10-26T19:45:55+0800" dir="auto" title="Oct 26, 2018 at 7:45 PM">
                     Oct 26, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1220157/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1220157" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1220157/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1220157" rel="nofollow">
                     #3
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 26, 2018 at 7:45 PM" data-lb-id="post-1220157">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1219668" data-xf-click="attribution" href="/goto/post?id=1219668">
                        M-77 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Who can help?
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     It's really confusing.
                     <br/>
                     I looked at the code twice and can't find something preventing it to works correctly ; well, once I mentally added the correct indentations, obviously. Talking about this, please, use the [code] [/code] tag for your code.
                     <br/>
                     <br/>
                     So, like the code is correct, I assume that you just never told Ren'py to show the screens...
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1220157" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1220157/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1220157" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1220157" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1220157/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1220157" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1220157/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="M-77" data-content="post-1221048" id="js-post-1221048">
              <span class="u-anchorTarget" id="post-1221048">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="209549" data-xf-init="member-tooltip" href="/members/m-77.209549/" style="background-color: #6a1b9a; color: #ea80fc">
                    <span class="avatar-u209549-m">
                     M
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="209549" data-xf-init="member-tooltip" dir="auto" href="/members/m-77.209549/" itemprop="name">
                     M-77
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Newbie
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Sep 19, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     82
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     23
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1221048" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 27, 2018" data-time="1540574620" data-time-string="1:23 AM" datetime="2018-10-27T01:23:40+0800" dir="auto" title="Oct 27, 2018 at 1:23 AM">
                     Oct 27, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1221048/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1221048" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1221048/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1221048" rel="nofollow">
                     #4
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="M-77 · Oct 27, 2018 at 1:23 AM" data-lb-id="post-1221048">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Thank for the quick responses, "f95zoneuser463", i know this documentations, but the trick is find out what command is the right one and where to put it with others to get the desired result. Best way to find out is doing it yourself. But I am not yet 100% happy with my results.
                     <br/>
                     <br/>
                     Hello "anne O´nymous", I used the "show screen ... +True/False" command, and yes the icons show up and work, but only on ground images, normal jpg/png, but not on the double -idle/hover imagemaps. So I think i have to glue on the imagemaps like the other buttons there how I need them. And let them working on the other normal pics like the textbox. Or there is some "overlayer" command that made them also show up on the imagemaps too. But where tell renpy to do this, inside the imagemap labels? "show screen ..." has not worked inside them. And is it possible to made the imagemaps not pop up with dissolve after the groundimage? Is not very eyefriendly.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1221048" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1221048/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1221048" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1221048" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1221048/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1221048" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1221048/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1223196" id="js-post-1223196">
              <span class="u-anchorTarget" id="post-1223196">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1223196" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 27, 2018" data-time="1540643020" data-time-string="8:23 PM" datetime="2018-10-27T20:23:40+0800" dir="auto" title="Oct 27, 2018 at 8:23 PM">
                     Oct 27, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1223196/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1223196" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1223196/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1223196" rel="nofollow">
                     #5
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 27, 2018 at 8:23 PM" data-lb-id="post-1223196">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1221048" data-xf-click="attribution" href="/goto/post?id=1221048">
                        M-77 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        but not on the double -idle/hover imagemaps.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     What do you call "imagemap" ? Because you didn't used a single
                     <i>
                      imagemap
                     </i>
                     in the code you gave.
                     <br/>
                     <br/>
                     Honestly I understand nothing about your problem. Not because of your english, but because it totally confuse me. The code you gave have no reason to not works and you talk about
                     <i>
                      imagemap
                     </i>
                     without using them.
                     <br/>
                     So, what's the problem ? Are you trying to use the
                     <i>
                      imagemap
                     </i>
                     statement without even writing it a single time in your code ? Are you trying to do something else that you call "imagemap" ? I don't know.
                     <br/>
                     The only thing I know is that you answered that you know about the page that
                     <a class="username" data-user-id="164782" data-username="@f95zoneuser463" data-xf-init="member-tooltip" href="https://f95zone.to/members/164782/">
                      @f95zoneuser463
                     </a>
                     linked. Therefore, you can't be talking about Ren'py "
                     <a class="link link--external" href="https://renpy.org/doc/html/screens.html#imagemap-statements" rel="nofollow noopener" target="_blank">
                      imagemap
                     </a>
                     ". I mean, despite the fact that it's not this clear, the example clearly show that it doesn't works the way you did it.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1223196" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1223196/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1223196" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1223196" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1223196/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1223196" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1223196/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="M-77" data-content="post-1224046" id="js-post-1224046">
              <span class="u-anchorTarget" id="post-1224046">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="209549" data-xf-init="member-tooltip" href="/members/m-77.209549/" style="background-color: #6a1b9a; color: #ea80fc">
                    <span class="avatar-u209549-m">
                     M
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="209549" data-xf-init="member-tooltip" dir="auto" href="/members/m-77.209549/" itemprop="name">
                     M-77
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Newbie
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Sep 19, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     82
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     23
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1224046" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 28, 2018" data-time="1540663383" data-time-string="2:03 AM" datetime="2018-10-28T02:03:03+0800" dir="auto" title="Oct 28, 2018 at 2:03 AM">
                     Oct 28, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1224046/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1224046" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1224046/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1224046" rel="nofollow">
                     #6
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="M-77 · Oct 28, 2018 at 2:03 AM" data-lb-id="post-1224046">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Ah Yes, I just code since 3 months. So all is new to me. For example, on the first part of this label the icons show up, then when hiding the normal images (jpg/png) the room changes to a same looking imagemap. To be able to interact with it. And here the icons do not apear, clicking on the positions works neverthless.
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>label go_home:
show AShipStage2A0041_idle with dissolve
show Elie_stand_ssuit001 at left with dissolve
e "I chose to go to my room to take a look at the map."
e "Anyway..."
hide Elie_stand_ssuit001
hide AShipStage2A0041_idle
#Back button -imagebutton or vbox planned here.
show screen money_box1
show screen elie_love_box1
show screen com_box1
show screen inv_box1
show screen map_box1
show screen back_box1
screen your_room1():
    imagemap:
        xpos 0
        ypos 0
        idle "images/AShipStage2A0041_idle.png"
        hover "images/AShipStage2A0041_hover.png"
        hotspot (1797, 575, 127, 124) action Jump("HUD000aidle")
        hotspot (1804, 702, 106, 40) action Jump("Stage_2")
        hotspot (505, 435, 125, 70) action Jump("Vitrine001_Elie") alt "vitrine001_elie"
        screen map_box1</code></pre>
                      </div>
                     </div>
                     I would be fine if you can show me what variable I have to add after the "layer" command in my screens.rpy.
                     <br/>
                     Renpy tells my i miss some.
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>#Map Icon screen, optional as Map icon appears on idle maps too, used to go back to stage overmap
screen map_box1 layer ...???.... (): #&lt;- What I miss here? Definition, variables?
    imagebutton:
        idle "HUDMAP_idle001.png"
        hover "HUDMAP_hover001.png"
        xpos 0.933 ypos 0.529
        focus_mask True
        action Jump("HUD000aidle")</code></pre>
                      </div>
                     </div>
                     Interessting.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1224046" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1224046/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1224046" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1224046" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1224046/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1224046" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1224046/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1226265" id="js-post-1226265">
              <span class="u-anchorTarget" id="post-1226265">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1226265" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 28, 2018" data-time="1540729248" data-time-string="8:20 PM" datetime="2018-10-28T20:20:48+0800" dir="auto" title="Oct 28, 2018 at 8:20 PM">
                     Oct 28, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1226265/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1226265" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1226265/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1226265" rel="nofollow">
                     #7
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 28, 2018 at 8:20 PM" data-lb-id="post-1226265">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1224046" data-xf-click="attribution" href="/goto/post?id=1224046">
                        M-77 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                         <div class="bbCodeBlock-title">
                          Code:
                         </div>
                         <div class="bbCodeBlock-content" dir="ltr">
                          <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>screen your_room1():       
        [...]
        screen map_box1</code></pre>
                         </div>
                        </div>
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Er... what's the supposed meaning of this line ? For Ren'py, here you're trying to define a new screen named "map_box1".
                     <br/>
                     <br/>
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1224046" data-xf-click="attribution" href="/goto/post?id=1224046">
                        M-77 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Renpy tells my i miss some.
                        <br/>
                        <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                         <div class="bbCodeBlock-title">
                          Code:
                         </div>
                         <div class="bbCodeBlock-content" dir="ltr">
                          <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>screen map_box1 layer ...???.... (): #&lt;- What I miss here? Definition, variables?</code></pre>
                         </div>
                        </div>
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Like explicitly said in the documentation, what's missing is the name of the layer. And I'm not sure that it can be wrote like this (all the property in the declaration line).
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>screen map_box1:
    layer NAME_OF_THE_LAYER
   [...]</code></pre>
                      </div>
                     </div>
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1226265" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1226265/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1226265" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1226265" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1226265/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1226265" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1226265/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="M-77" data-content="post-1227486" id="js-post-1227486">
              <span class="u-anchorTarget" id="post-1227486">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="209549" data-xf-init="member-tooltip" href="/members/m-77.209549/" style="background-color: #6a1b9a; color: #ea80fc">
                    <span class="avatar-u209549-m">
                     M
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="209549" data-xf-init="member-tooltip" dir="auto" href="/members/m-77.209549/" itemprop="name">
                     M-77
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Newbie
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Sep 19, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     82
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     23
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1227486" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 29, 2018" data-time="1540755105" data-time-string="3:31 AM" datetime="2018-10-29T03:31:45+0800" dir="auto" title="Oct 29, 2018 at 3:31 AM">
                     Oct 29, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1227486/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1227486" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1227486/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1227486" rel="nofollow">
                     #8
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="M-77 · Oct 29, 2018 at 3:31 AM" data-lb-id="post-1227486">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Hello AON, the first one is a room with objects to interact. And the line at the end I add in to be able to leave the room with this map icon, but it is not showed. It was planned to show the icon on this room imagemap. Exiting is working.
                     <br/>
                     <br/>
                     The second one is meant to show the icon on a layer which name I not know because I not found out yet on what layer the textbox is displayed. This way I wanted to bind the map icon and others for my gui with the text box. This is funny. On wich layer is the textbox/dialog displayed?
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1227486" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1227486/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1227486" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1227486" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1227486/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1227486" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1227486/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1229550" id="js-post-1229550">
              <span class="u-anchorTarget" id="post-1229550">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1229550" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 29, 2018" data-time="1540817707" data-time-string="8:55 PM" datetime="2018-10-29T20:55:07+0800" dir="auto" title="Oct 29, 2018 at 8:55 PM">
                     Oct 29, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1229550/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1229550" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1229550/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1229550" rel="nofollow">
                     #9
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 29, 2018 at 8:55 PM" data-lb-id="post-1229550">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1227486" data-xf-click="attribution" href="/goto/post?id=1227486">
                        M-77 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        And the line at the end I add in to be able to leave the room with this map icon, but it is not showed.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Sorry if I'll look harsh but are you sure that you want to code ?
                     <br/>
                     I understand that you never ever did it three months ago, which mean you have absolutely no experience. But here it's not a question of experience, nor a question of knowledge, but a question of understanding.
                     <br/>
                     There's nothing, absolutely nothing, whatever it's in the Ren'py documentation or any other source of knowledge you can find concerning Ren'py, that can lead to "hey, if I put
                     <u>
                      screen NameOfaScreen
                     </u>
                     here, perhaps that it will show the screen when the player will do this". Anyone who've understood the basis of Ren'py know that it will not works, even if, perhaps, they don't know why it will not. It's just that "screen NameOfaScreen", is the line to introduce a screen declaration, while you're trying to... I'm not even sure to have understood what you expected to happen ; some kind of "jump then show" or something like that.
                     <br/>
                     Like you don't use a bottle to write a letter, you don't use "screen NameOfaScreen" to do what you expected. It's neither creativity or improvisation, it's just random. And coding is the opposite of random. It don't works this way and will never works this way.
                     <br/>
                     <br/>
                     Perhaps that coding is just not a thing for you. And that's alright. As individual we all are facing way more things that aren't for us, than things that we can do. It's what make us both human and different.
                     <br/>
                     Take me by example. Coding is my job, which mean that I have some scientist background. Still don't expect me to be electrician. I know the physics behind it, I know (well, there's more than twenty years that I left school, so it's probably more "knew") the equations, but I just can't make all this work together in a way that can make me work as electrician. And that's just alright. Nobody, perhaps except my children, ever expected from me to know everything and be able to do everything.
                     <br/>
                     <br/>
                     So, I don't know... read the documentation, this time with in mind the absolute fact that you need to understand the meaning behind it. It's not scholar knowledge, you can't just blindly rehash it with a fifty/fifty chance to have the point, it's practical knowledge. If you don't understand it, you'll never be able to use it correctly.
                     <br/>
                     Or, if it happen that it's really not a thing for you, just find someone to works with you, someone that will do the code. Because actually you clearly aren't ready to code your own game, it's the opposite. This whatever how many help you can have from others.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1229550" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1229550/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1229550" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1229550" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1229550/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1229550" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1229550/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Aeilion" data-content="post-1229664" id="js-post-1229664">
              <span class="u-anchorTarget" id="post-1229664">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="69504" data-xf-init="member-tooltip" href="/members/aeilion.69504/" style="background-color: #1565c0; color: #82b1ff">
                    <span class="avatar-u69504-m">
                     A
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="69504" data-xf-init="member-tooltip" dir="auto" href="/members/aeilion.69504/" itemprop="name">
                     Aeilion
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     125
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     144
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1229664" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 29, 2018" data-time="1540820485" data-time-string="9:41 PM" datetime="2018-10-29T21:41:25+0800" dir="auto" title="Oct 29, 2018 at 9:41 PM">
                     Oct 29, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1229664/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1229664" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1229664/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1229664" rel="nofollow">
                     #10
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Aeilion · Oct 29, 2018 at 9:41 PM" data-lb-id="post-1229664">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1229550" data-xf-click="attribution" href="/goto/post?id=1229550">
                        anne O'nymous said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Sorry if I'll look harsh but are you sure that you want to code ?
                        <br/>
                        I understand that you never ever did it three months ago, which mean you have absolutely no experience. But here it's not a question of experience, nor a question of knowledge, but a question of understanding.
                        <br/>
                        There's nothing, absolutely nothing, whatever it's in the Ren'py documentation or any other source of knowledge you can find concerning Ren'py, that can lead to "hey, if I put
                        <u>
                         screen NameOfaScreen
                        </u>
                        here, perhaps that it will show the screen when the player will do this". Anyone who've understood the basis of Ren'py know that it will not works, even if, perhaps, they don't know why it will not. It's just that "screen NameOfaScreen", is the line to introduce a screen declaration, while you're trying to... I'm not even sure to have understood what you expected to happen ; some kind of "jump then show" or something like that.
                        <br/>
                        Like you don't use a bottle to write a letter, you don't use "screen NameOfaScreen" to do what you expected. It's neither creativity or improvisation, it's just random. And coding is the opposite of random. It don't works this way and will never works this way.
                        <br/>
                        <br/>
                        Perhaps that coding is just not a thing for you. And that's alright. As individual we all are facing way more things that aren't for us, than things that we can do. It's what make us both human and different.
                        <br/>
                        Take me by example. Coding is my job, which mean that I have some scientist background. Still don't expect me to be electrician. I know the physics behind it, I know (well, there's more than twenty years that I left school, so it's probably more "knew") the equations, but I just can't make all this work together in a way that can make me work as electrician. And that's just alright. Nobody, perhaps except my children, ever expected from me to know everything and be able to do everything.
                        <br/>
                        <br/>
                        So, I don't know... read the documentation, this time with in mind the absolute fact that you need to understand the meaning behind it. It's not scholar knowledge, you can't just blindly rehash it with a fifty/fifty chance to have the point, it's practical knowledge. If you don't understand it, you'll never be able to use it correctly.
                        <br/>
                        Or, if it happen that it's really not a thing for you, just find someone to works with you, someone that will do the code. Because actually you clearly aren't ready to code your own game, it's the opposite. This whatever how many help you can have from others.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     This is certainly problematic.
                     <br/>
                     <br/>
                     That said if we go over this lack of understanding or whatever it is.
                     <br/>
                     In the end I think the answer was given from the first message.
                     <br/>
                     If I understood the trick, when you display your imagemap (it's not the case in the code that you show), other screens (including your map_box1) disappear.
                     <br/>
                     But in reality they are just hidden behind your imagemap (or rather your screen your_room1) so a little zorder will fix the problem.
                     <br/>
                     <br/>
                     What is a pity is that you seem to want to use complicated things that you do not understand while I'm certain that with a little work you could (possibly) create the game you want, without having to go through this.
                     <br/>
                     <br/>
                     The impression I have is that you saw a game that you liked, you took the code, copied it by telling you that you only have to change the name of the images etc ...
                     <br/>
                     <br/>
                     Maybe you should start from scratch, ask yourself the question of what you really want and try to understand how to do it.
                     <br/>
                     Example ... Do you want to show an image and also buttons?
                     <br/>
                     Learn to show an image and learn to show buttons. Then learn to do both at the same time. But learn ...
                     <br/>
                     <br/>
                     Or, as Anne says, ask someone.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    <div class="lbContainer lbContainer--inline" data-lb-container-zoom="1" data-lb-id="_xfUid-1-1729879853" data-lb-single-image="1" data-lb-trigger=".js-lbImage-_xfUid-1-1729879853" data-xf-init="lightbox" title="">
                     <div aria-label="Zoom" class="lbContainer-zoomer js-lbImage-_xfUid-1-1729879853" data-src="https://attachments.f95zone.com/2018/09/158903_wthi.gif">
                     </div>
                     <img class="bbImage lazyload" data-src="https://attachments.f95zone.com/2018/09/158903_wthi.gif" data-url="https://attachments.f95zone.com/2018/09/158903_wthi.gif" data-zoom-target="1" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style=""/>
                     <noscript>
                      <img class="bbImage" data-url="https://attachments.f95zone.com/2018/09/158903_wthi.gif" data-zoom-target="1" src="https://attachments.f95zone.com/2018/09/158903_wthi.gif" style=""/>
                     </noscript>
                    </div>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1229664" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1229664/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1229664" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1229664" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1229664/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1229664" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1229664/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="M-77" data-content="post-1230817" id="js-post-1230817">
              <span class="u-anchorTarget" id="post-1230817">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="209549" data-xf-init="member-tooltip" href="/members/m-77.209549/" style="background-color: #6a1b9a; color: #ea80fc">
                    <span class="avatar-u209549-m">
                     M
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="209549" data-xf-init="member-tooltip" dir="auto" href="/members/m-77.209549/" itemprop="name">
                     M-77
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Newbie
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Sep 19, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     82
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     23
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1230817" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 30, 2018" data-time="1540842074" data-time-string="3:41 AM" datetime="2018-10-30T03:41:14+0800" dir="auto" title="Oct 30, 2018 at 3:41 AM">
                     Oct 30, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1230817/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1230817" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1230817/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1230817" rel="nofollow">
                     #11
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="M-77 · Oct 30, 2018 at 3:41 AM" data-lb-id="post-1230817">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Hello you two, thank´s for your help and quick responses.
                     <br/>
                     All I wanted are some examples how to code such a definition, zorder seems to be the right one:
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>define_screen(your_room1, zorder="0")</code></pre>
                      </div>
                     </div>
                     (Not working of course) I put this at the beginning of my script. But I want to define this room individual, if later in game it will be reused. So did i place it right? Or has the string to be right when I let renpy "show screen your_room1" Please give me an example how it has to look (A string). I need something to compare.
                     <br/>
                     <br/>
                     I best learn by doing it. I code our game myself, has some 30+ min. playtime now, some special effects, camera pan, zoom in, animation, animated layers... But I also do the story+research for it, draw the pre-sketches for my artist, he draws back, I have to superwise if they fit in, then he finishes them. I also downsize, this all takes time. We have time. So I was not 3 months coding, but mostly doing this other stuff, and of course private live work. I started from scratch coding, Renpy is easier then I thought first. I coded back in 1988 with CP/N at my Mothers school a little during her breaks. 1991 I coded LOGO+some basic, later BATCH files in MS-Dos 6.2, GRASPRT around 1995, NEOSHOW 1998. Tried HTML in 2002, etc. so Renpy is similar in function. I only get the screen button code parts from a game for tryout, I have another method erlier from lema forums, like you can see and I wrote above about leftovers there, but wanted some other button.
                     <br/>
                     I can also do a plump jpg with only screens on it, for the mobiliar the player has to interact with as well as the screenbuttons, not using a imagemap. Could work because Renpy is flexible. Also I can hack through other games to look for that, but I do not want now, maybe later for compareing purposes.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1230817" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1230817/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1230817" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1230817" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1230817/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1230817" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1230817/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Aeilion" data-content="post-1231335" id="js-post-1231335">
              <span class="u-anchorTarget" id="post-1231335">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="69504" data-xf-init="member-tooltip" href="/members/aeilion.69504/" style="background-color: #1565c0; color: #82b1ff">
                    <span class="avatar-u69504-m">
                     A
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="69504" data-xf-init="member-tooltip" dir="auto" href="/members/aeilion.69504/" itemprop="name">
                     Aeilion
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     125
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     144
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1231335" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 30, 2018" data-time="1540852381" data-time-string="6:33 AM" datetime="2018-10-30T06:33:01+0800" dir="auto" title="Oct 30, 2018 at 6:33 AM">
                     Oct 30, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1231335/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1231335" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1231335/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1231335" rel="nofollow">
                     #12
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Aeilion · Oct 30, 2018 at 6:33 AM" data-lb-id="post-1231335">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>screen your_room1():

    zorder -1
    imagemap:
          blablablabla..</code></pre>
                      </div>
                     </div>
                     Keeping what you already coded.
                     <br/>
                     <br/>
                     But I should not ... Because by typing "renpy screen zorder" in google (or other), you would have found immediately ... So I'll stop there for my part.
                     <br/>
                     <br/>
                     <a class="link link--external" href="https://www.renpy.org/doc/html/screens.html" rel="nofollow noopener" target="_blank">
                      https://www.renpy.org/doc/html/screens.html
                     </a>
                     <br/>
                     <br/>
                     If that does not solve your problem, I'm sorry. I'm sure you'll find.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    <div class="lbContainer lbContainer--inline" data-lb-container-zoom="1" data-lb-id="_xfUid-2-1729879853" data-lb-single-image="1" data-lb-trigger=".js-lbImage-_xfUid-2-1729879853" data-xf-init="lightbox" title="">
                     <div aria-label="Zoom" class="lbContainer-zoomer js-lbImage-_xfUid-2-1729879853" data-src="https://attachments.f95zone.com/2018/09/158903_wthi.gif">
                     </div>
                     <img class="bbImage lazyload" data-src="https://attachments.f95zone.com/2018/09/158903_wthi.gif" data-url="https://attachments.f95zone.com/2018/09/158903_wthi.gif" data-zoom-target="1" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style=""/>
                     <noscript>
                      <img class="bbImage" data-url="https://attachments.f95zone.com/2018/09/158903_wthi.gif" data-zoom-target="1" src="https://attachments.f95zone.com/2018/09/158903_wthi.gif" style=""/>
                     </noscript>
                    </div>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList is-active">
                  <ul class="reactionSummary th_reactplus_reactionSummary--condensed">
                   <li>
                    <span class="reaction reaction--small reaction--1" data-reaction-id="1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                    </span>
                   </li>
                  </ul>
                  <span class="u-srOnly">
                   Reactions:
                  </span>
                  <a class="reactionsBar-link" data-cache="false" data-xf-click="overlay" href="/posts/1231335/reactions">
                   <bdi>
                    M-77
                   </bdi>
                  </a>
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1231335" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1231335/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1231335" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1231335" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1231335/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1231335" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1231335/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="M-77" data-content="post-1232298" id="js-post-1232298">
              <span class="u-anchorTarget" id="post-1232298">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="209549" data-xf-init="member-tooltip" href="/members/m-77.209549/" style="background-color: #6a1b9a; color: #ea80fc">
                    <span class="avatar-u209549-m">
                     M
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="209549" data-xf-init="member-tooltip" dir="auto" href="/members/m-77.209549/" itemprop="name">
                     M-77
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Newbie
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Sep 19, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     82
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     23
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1232298" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 30, 2018" data-time="1540885489" data-time-string="3:44 PM" datetime="2018-10-30T15:44:49+0800" dir="auto" title="Oct 30, 2018 at 3:44 PM">
                     Oct 30, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1232298/share" data-xf-init="share-tooltip" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1232298" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1232298/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/post-1232298" rel="nofollow">
                     #13
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="M-77 · Oct 30, 2018 at 3:44 PM" data-lb-id="post-1232298">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Thank you Aeilion, this worked. Yes I read this renpy doc. But not in recent time, so not remembered. Have this and other saved in my tutorials files. But not understand if this has to be defined somewhere like in screens.rpy or script.rpy like done with the images or characters before "label start".  Now it is easy a single command, just like defining how the images have to be shown.
                     <br/>
                     Such long string has confused me: "renpy.define_screen(
                     <i>
                      name
                     </i>
                     ,
                     <i>
                      function
                     </i>
                     ,
                     <i>
                      modal="False"
                     </i>
                     ,
                     <i>
                      zorder="0"
                     </i>
                     ,
                     <i>
                      tag=None
                     </i>
                     ,
                     <i>
                      variant=None
                     </i>
                     )"
                     <br/>
                     So its just the one command what is need to pick out, from that string. Others only if need in addition.
                     <br/>
                     Another similar is the "behind" command then, I already learned to use.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1232298" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1232298/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1232298" data-mq-action="add" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1232298" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1232298/quote" data-xf-click="quote" href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/reply?quote=1232298" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1232298/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
            </div>
           </div>
           <div class="block-outer block-outer--after">
            <div class="block-outer-opposite">
             <a class="showIgnoredLink is-hidden js-showIgnored" data-xf-init="tooltip" href="javascript:" title="Show hidden content by {{names}}">
              Show ignored content
             </a>
            </div>
            <div class="block-outer-opposite">
             <a class="th_reactplus_showHiddenLink js-thReactPlusShowHidden is-hidden" data-xf-init="tooltip" href="javascript:void(0)" title="Show hidden content by {{names}}">
              Show hidden low quality content
             </a>
            </div>
           </div>
          </div>
          <div class="blockMessage blockMessage--warning">
           <strong>
            Warning!
           </strong>
           This thread is more than 2187 days old.
           <br/>
           It's likely that no further discussion is required, in which case we recommend starting a new thread. If however you feel your response is required you can still do so.
           <div class="blockMessage blockMessage--error">
            <ul class="inputChoices">
             <li class="inputChoices-choice">
              <label class="iconic">
               <input id="js-confirmOld" name="confirm" type="checkbox" value="1"/>
               <i aria-hidden="true">
               </i>
               <span class="iconic-label">
                I understand this is an old thread, but want to reply anyway
               </span>
              </label>
             </li>
            </ul>
           </div>
          </div>
          <div class="blockMessage blockMessage--none">
          </div>
          <div class="block-container block--similarContents view-thread">
           <h3 class="block-minorHeader collapseTrigger collapseTrigger--block is-active" data-storage-key="_similarThreads" data-storage-type="cookie" data-target=".block--similarContents .block-body" data-xf-click="toggle" data-xf-init="toggle-storage-ex">
            Similar threads
           </h3>
           <div class="block-body toggleTarget is-active">
            <div class="structItemContainer">
             <div class="structItemContainer-group js-threadList">
              <div class="structItem structItem--thread js-trendingThreadItem js-inlineModContainer js-threadListItem-121819" data-author="anne O'nymous">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                  <img alt="anne O'nymous" class="avatar-u63812-s" src="/data/avatars/s/63/63812.jpg?1507736890" srcset="/data/avatars/m/63/63812.jpg?1507736890 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/renpy-8-0-is-finally-released-do-not-rush-to-it.121819/">
                 <a class="" data-preview-url="/threads/renpy-8-0-is-finally-released-do-not-rush-to-it.121819/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/renpy-8-0-is-finally-released-do-not-rush-to-it.121819/">
                  Ren'Py 8.0 is finally released... do not rush to it.
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=121819">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/">
                    anne O'nymous
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/renpy-8-0-is-finally-released-do-not-rush-to-it.121819/" rel="nofollow">
                    <time class="u-dt" data-date-string="Jun 27, 2022" data-time="1656260954" data-time-string="12:29 AM" datetime="2022-06-27T00:29:14+0800" dir="auto" title="Jun 27, 2022 at 12:29 AM">
                     Jun 27, 2022
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 12">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  4
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  862
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/renpy-8-0-is-finally-released-do-not-rush-to-it.121819/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Jul 9, 2022" data-time="1657349191" data-time-string="2:46 PM" datetime="2022-07-09T14:46:31+0800" dir="auto" title="Jul 9, 2022 at 2:46 PM">
                  Jul 9, 2022
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/">
                  anne O'nymous
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                  <img alt="anne O'nymous" class="avatar-u63812-s" src="/data/avatars/s/63/63812.jpg?1507736890"/>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem js-inlineModContainer js-threadListItem-54493" data-author="Something special">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="2468859" data-xf-init="member-tooltip" href="/members/something-special.2468859/" style="background-color: #689f38; color: #ccff90">
                  <span class="avatar-u2468859-s">
                   S
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/how-to-properly-setup-subsurface-scattering-in-daz-iray.54493/">
                 <a class="" data-preview-url="/threads/how-to-properly-setup-subsurface-scattering-in-daz-iray.54493/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/how-to-properly-setup-subsurface-scattering-in-daz-iray.54493/">
                  How to properly setup subsurface scattering in daz iray
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=54493">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="2468859" data-xf-init="member-tooltip" dir="auto" href="/members/something-special.2468859/">
                    Something special
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/how-to-properly-setup-subsurface-scattering-in-daz-iray.54493/" rel="nofollow">
                    <time class="u-dt" data-date-string="Jun 14, 2020" data-time="1592073050" data-time-string="2:30 AM" datetime="2020-06-14T02:30:50+0800" dir="auto" title="Jun 14, 2020 at 2:30 AM">
                     Jun 14, 2020
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 9">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  1
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  1K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/how-to-properly-setup-subsurface-scattering-in-daz-iray.54493/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Jun 14, 2020" data-time="1592073267" data-time-string="2:34 AM" datetime="2020-06-14T02:34:27+0800" dir="auto" title="Jun 14, 2020 at 2:34 AM">
                  Jun 14, 2020
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="2468859" data-xf-init="member-tooltip" dir="auto" href="/members/something-special.2468859/">
                  Something special
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs avatar--default avatar--default--dynamic" data-user-id="2468859" data-xf-init="member-tooltip" href="/members/something-special.2468859/" style="background-color: #689f38; color: #ccff90">
                  <span class="avatar-u2468859-s">
                   S
                  </span>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix35 is-prefix42 js-inlineModContainer js-threadListItem-176864" data-author="Illidan Stormrage">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="1300000" data-xf-init="member-tooltip" href="/members/illidan-stormrage.1300000/">
                  <img alt="Illidan Stormrage" class="avatar-u1300000-s" src="/data/avatars/s/1300/1300000.jpg?1728049892" srcset="/data/avatars/m/1300/1300000.jpg?1728049892 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/has-anyone-tried-to-port-the-nyl2-characters-from-blender-to-vam-how-complicated-would-it-be-to-do-it.176864/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=35" rel="nofollow" title="Add to filters">
                  <span class="label label--royalBlue" dir="auto">
                   VAM
                  </span>
                 </a>
                 <span class="label-append">
                 </span>
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=42" rel="nofollow" title="Add to filters">
                  <span class="label label--skyBlue" dir="auto">
                   Blender
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/has-anyone-tried-to-port-the-nyl2-characters-from-blender-to-vam-how-complicated-would-it-be-to-do-it.176864/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/has-anyone-tried-to-port-the-nyl2-characters-from-blender-to-vam-how-complicated-would-it-be-to-do-it.176864/">
                  Has anyone tried to port the Nyl2 characters from Blender to vam? How complicated would it be to do it?
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=176864">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="1300000" data-xf-init="member-tooltip" dir="auto" href="/members/illidan-stormrage.1300000/">
                    Illidan Stormrage
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/has-anyone-tried-to-port-the-nyl2-characters-from-blender-to-vam-how-complicated-would-it-be-to-do-it.176864/" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 4, 2023" data-time="1696377162" data-time-string="7:52 AM" datetime="2023-10-04T07:52:42+0800" dir="auto" title="Oct 4, 2023 at 7:52 AM">
                     Oct 4, 2023
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 4">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  0
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  1K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest uix_posterIsUser">
                <a href="/threads/has-anyone-tried-to-port-the-nyl2-characters-from-blender-to-vam-how-complicated-would-it-be-to-do-it.176864/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Oct 4, 2023" data-time="1696377162" data-time-string="7:52 AM" datetime="2023-10-04T07:52:42+0800" dir="auto" title="Oct 4, 2023 at 7:52 AM">
                  Oct 4, 2023
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="1300000" data-xf-init="member-tooltip" dir="auto" href="/members/illidan-stormrage.1300000/">
                  Illidan Stormrage
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs" data-user-id="1300000" data-xf-init="member-tooltip" href="/members/illidan-stormrage.1300000/">
                  <img alt="Illidan Stormrage" class="avatar-u1300000-s" src="/data/avatars/s/1300/1300000.jpg?1728049892"/>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix7 js-inlineModContainer js-threadListItem-37323" data-author="Aitha">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="101224" data-xf-init="member-tooltip" href="/members/aitha.101224/" style="background-color: #ffa726; color: #ffd180">
                  <span class="avatar-u101224-s">
                   A
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/how-to-release-a-adult-game.37323/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=7" rel="nofollow" title="Add to filters">
                  <span class="pre-renpy" dir="auto">
                   Ren'Py
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/how-to-release-a-adult-game.37323/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/how-to-release-a-adult-game.37323/">
                  How to release a Adult game?
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=37323">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="101224" data-xf-init="member-tooltip" dir="auto" href="/members/aitha.101224/">
                    Aitha
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/how-to-release-a-adult-game.37323/" rel="nofollow">
                    <time class="u-dt" data-date-string="Sep 23, 2019" data-time="1569239200" data-time-string="7:46 PM" datetime="2019-09-23T19:46:40+0800" dir="auto" title="Sep 23, 2019 at 7:46 PM">
                     Sep 23, 2019
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 3">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  18
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  3K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/how-to-release-a-adult-game.37323/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Sep 30, 2021" data-time="1632937794" data-time-string="1:49 AM" datetime="2021-09-30T01:49:54+0800" dir="auto" title="Sep 30, 2021 at 1:49 AM">
                  Sep 30, 2021
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/">
                  anne O'nymous
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                  <img alt="anne O'nymous" class="avatar-u63812-s" src="/data/avatars/s/63/63812.jpg?1507736890"/>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix33 js-inlineModContainer js-threadListItem-33801" data-author="Heisenberg867">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="761056" data-xf-init="member-tooltip" href="/members/heisenberg867.761056/" style="background-color: #ffc107; color: #ffe57f">
                  <span class="avatar-u761056-s">
                   H
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/advice-on-using-daz3d-for-a-rookie.33801/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=33" rel="nofollow" title="Add to filters">
                  <span class="label label--orange" dir="auto">
                   Daz
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/advice-on-using-daz3d-for-a-rookie.33801/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/advice-on-using-daz3d-for-a-rookie.33801/">
                  Advice on using Daz3D for a rookie
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=33801">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="761056" data-xf-init="member-tooltip" dir="auto" href="/members/heisenberg867.761056/">
                    Heisenberg867
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/advice-on-using-daz3d-for-a-rookie.33801/" rel="nofollow">
                    <time class="u-dt" data-date-string="Jul 23, 2019" data-time="1563864713" data-time-string="2:51 PM" datetime="2019-07-23T14:51:53+0800" dir="auto" title="Jul 23, 2019 at 2:51 PM">
                     Jul 23, 2019
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 6">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  9
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  5K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/advice-on-using-daz3d-for-a-rookie.33801/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Aug 24, 2019" data-time="1566638567" data-time-string="5:22 PM" datetime="2019-08-24T17:22:47+0800" dir="auto" title="Aug 24, 2019 at 5:22 PM">
                  Aug 24, 2019
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="761056" data-xf-init="member-tooltip" dir="auto" href="/members/heisenberg867.761056/">
                  Heisenberg867
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs avatar--default avatar--default--dynamic" data-user-id="761056" data-xf-init="member-tooltip" href="/members/heisenberg867.761056/" style="background-color: #ffc107; color: #ffe57f">
                  <span class="avatar-u761056-s">
                   H
                  </span>
                 </a>
                </div>
               </div>
              </div>
             </div>
            </div>
           </div>
          </div>
         </div>
         <!-- BELOW MAIN CONTENT -->
        </div>
       </div>
      </div>
      <div class="breadcrumb block p-breadcrumb--bottom">
       <div class="pageContent">
        <ul class="p-breadcrumbs p-breadcrumbs--bottom" itemscope="" itemtype="https://schema.org/BreadcrumbList">
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/" itemprop="item">
           <span itemprop="name">
            Forums
           </span>
          </a>
          <meta content="1" itemprop="position"/>
         </li>
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/categories/development.72/" itemprop="item">
           <span itemprop="name">
            Development
           </span>
          </a>
          <meta content="2" itemprop="position"/>
         </li>
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/forums/programming-development-art.73/" itemprop="item">
           <span itemprop="name">
            Programming, Development &amp; Art
           </span>
          </a>
          <meta content="3" itemprop="position"/>
         </li>
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/forums/dev-help.113/" itemprop="item">
           <span itemprop="name">
            Dev Help
           </span>
          </a>
          <meta content="4" itemprop="position"/>
         </li>
        </ul>
       </div>
      </div>
      <div class="samBannerUnit samAlignCenter" data-position="container_breadcrumb_bottom_below">
       <div class="samItem">
        <iframe allow="autoplay; fullscreen" frameborder="0" src="https://candy.engine.adglare.net/?356780338&amp;iframe&amp;sizes=728x90&amp;ag_custom_vlmcp=e44a1cb3-639e-45f1-831b-672df53f2a57&amp;ag_custom_vlmspot=leaderboard_footer" style="width:728px; height:90px;">
        </iframe>
       </div>
      </div>
     </div>
    </div>
    <div class="uix_fabBar uix_fabBar--active">
     <div class="u-scrollButtons js-scrollButtons" data-trigger-type="both">
      <a class="button--scroll button" data-xf-click="scroll-to" href="#top">
       <span class="button-text">
        <i aria-hidden="true" class="fa--xf fas fa-arrow-up">
        </i>
        <span class="u-srOnly">
         Top
        </span>
       </span>
      </a>
      <a class="button--scroll button" data-xf-click="scroll-to" href="#footer">
       <span class="button-text">
        <i aria-hidden="true" class="fa--xf fas fa-arrow-down">
        </i>
        <span class="u-srOnly">
         Bottom
        </span>
       </span>
      </a>
     </div>
     <div class="p-title-pageAction">
      <select class="br-select input" data-deselectable="false" data-initial-rating="0" data-rating-href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/br-rate" data-readonly="false" data-show-selected="true" data-vote-content='&lt;div data-href="/threads/how-to-make-icons-imagebutton-not-dissappear-especialy-on-imagemaps.19733/br-user-rated" data-xf-click="overlay" data-xf-init="tooltip" title="Members who rated this thread"&gt;0 Votes&lt;/div&gt;' data-widget-class="bratr-rating" data-xf-init="rating" name="rating">
       <option value="">
       </option>
       <option value="1">
        Terrible
       </option>
       <option value="2">
        Poor
       </option>
       <option value="3">
        Average
       </option>
       <option value="4">
        Good
       </option>
       <option value="5">
        Excellent
       </option>
      </select>
     </div>
    </div>
   </div>
  </div>
  <div class="u-bottomFixer js-bottomFixTarget">
  </div>
  <form hidden="hidden" style="display:none">
   <input id="_xfClientLoadTime" name="_xfClientLoadTime" tabindex="-1" title="_xfClientLoadTime" type="text" value=""/>
  </form>
 </body>
</html>
