[Gemma]

Originally Posted by ofir24

you forgot my message :
https://vborg.vbsupport.ru/showpost....4&postcount=30

Don't know if this will work or not

Go to AdminCP > Languages & Phrases > Phrase Manager

Add two new phrases

Phrase Type: Global
Product: vBulletin
Var Name: lights_on
Text: Your translation of 'Turn The Lights On'

Do the same but for lights_off

Then in your v3ARCADE_PLAY find:

<!-- main -->
            <div class="blockrow">{vb:raw flashcode}</div>
            <vb:if condition="$game['instructions']">
                <div class="blockrow">{vb:raw game.instructions}</div>
            </vb:if>
            <!-- /main -->
        </td>

        <td valign="top" style="width: 200px; padding-left: 10px;">
            <!-- right area -->

Replace with:

<vb:if condition="THIS_SCRIPT == 'arcade'">
<script type="text/javascript">
        $(document).ready(function(){
    $("#shadow").css("height", $(document).height()).hide();
    $(".lightSwitcher").click(function(){
        $("#shadow").toggle();
        if ($("#shadow").is(":hidden"))
            $(this).html("{vb:rawphrase lights_off}").removeClass("turnedOff");
        else
            $(this).html("vb:rawphrase lights_on").addClass("turnedOff");
    });
}); 
    </script>
</vb:if>
<link rel="stylesheet" href="css/lights.css"/>
<div id="acontainer">
          <div id="header">   
            <div id="command"><a class="lightSwitcher" href="javascript:void(0)">{vb:rawphrase lights_on}</a></div>
        </div>
        <div id="movie">
            <div class="blockrow">{vb:raw flashcode}</div>
                        
            <!-- /main -->

<table width="700" border="0">
 <vb:if condition="$game['description']">
  <tr>
   <th scope="row"><span><b>Description:</b> {vb:raw game.description}<br/><br/></span></th>
    </tr>
    </vb:if>
<vb:if condition="$game['instructions']">
  <tr>
    <th scope="col"><span><b>Instructions:</b> {vb:raw game.instructions}</span></th>
    </tr>
    </vb:if>

</table>
</td>
        <td valign="top" style="width: 200px; padding-left: 10px;">
            <!-- right area -->

Find:

{vb:raw footer}

Below add:

</div>
    </div>
    <div id="shadow"></div>

Save.

Upload the lights.css file and the images, no need for the lights.js file or headinclude template edit.