<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=iso-8859-1"><meta name=Generator content="Microsoft Word 12 (filtered medium)"><!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:SimSun;
panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
{font-family:SimSun;
panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:"\@SimSun";
panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";
color:black;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
pre
{mso-style-priority:99;
mso-style-link:"HTML Preformatted Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New";
color:black;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-priority:99;
mso-style-link:"Balloon Text Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";
color:black;}
span.HTMLPreformattedChar
{mso-style-name:"HTML Preformatted Char";
mso-style-priority:99;
mso-style-link:"HTML Preformatted";
font-family:Consolas;
color:black;}
span.EmailStyle19
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.BalloonTextChar
{mso-style-name:"Balloon Text Char";
mso-style-priority:99;
mso-style-link:"Balloon Text";
font-family:"Tahoma","sans-serif";
color:black;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="2050" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body bgcolor=white lang=EN-GB link=blue vlink=purple><div class=WordSection1><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'>See also the swf approach: there’s an example in Windows Xerte/templates/frameworks that has this way of doing things with a custom swf. You probably need to playa round with styles as well.<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'><img width=808 height=634 id="Picture_x0020_15" src="cid:image014.png@01CCA534.6664B460"></span><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'><o:p></o:p></span></p><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal style='margin-left:36.0pt'><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif";color:windowtext'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif";color:windowtext'> xerte-bounces@lists.nottingham.ac.uk [mailto:xerte-bounces@lists.nottingham.ac.uk] <b>On Behalf Of </b>Tom Reijnders<br><b>Sent:</b> 17 November 2011 14:15<br><b>To:</b> Xerte discussion list<br><b>Subject:</b> [Xerte] Re: Customizing XOT Projects<o:p></o:p></span></p></div></div><p class=MsoNormal style='margin-left:36.0pt'><o:p> </o:p></p><p class=MsoNormal style='margin-left:36.0pt'>Hmmm... XOT. <br><br>A bit more difficult, but the good news is, that all the things you mentioned can be done without changing XMLEngine.fla<br><br>Depends a bit how you want to do it. I'll explain how to CHANGE an existing template. The easiest is the Nottingham Page Templates, because there is an equivalent in the standalone Xerte.<br><br>- Get Xerte standalone and install it on your PC<br>- Start Xerte, and start a new Page Templates project:<br><img width=349 height=189 id="_x0000_i1025" src="cid:image001.png@01CCA534.28913870"><br>- Choose a new directory and open the new project<br><img width=408 height=319 id="_x0000_i1026" src="cid:image002.png@01CCA534.28913870"><br><br>- Press play to say the current layout<br><img width=408 height=319 id="_x0000_i1027" src="cid:image003.png@01CCA534.28913870"><br><br>- Leave Xerte<br>- Retrieve from your XOT installation the file in <webroot>/modules/xerte/parent_templates/Nottingham/Nottingham.rlt<br>- Copy it OVER the template.rlt file of the just created Xerte project<br>- Open Xerte standalone again (by double-clicking template.rlt) in the folder<br><img width=408 height=319 id="_x0000_i1028" src="cid:image002.png@01CCA534.28913870"><br><br>- Quit the Wizard (by clicking the X)<br><img width=450 height=328 id="_x0000_i1029" src="cid:image004.png@01CCA534.28913870"><br><br>- First.... colours...:<br>You can change the colours by setting optional properties such as titleBarColour <br><img width=498 height=379 id="_x0000_i1030" src="cid:image005.png@01CCA534.28913870"><br><br>- You can check what you did by double clicking the First Icon<br><img width=168 height=110 id="_x0000_i1031" src="cid:image006.png@01CCA534.28913870"><br>- and than press Play<br><img width=408 height=319 id="_x0000_i1032" src="cid:image007.png@01CCA534.28913870"><br><br>- Now for the logo and the position of the buttons etc...<br>- Leave the Wizard and click on the tree structure and select the setup icon<br><img width=215 height=236 id="_x0000_i1033" src="cid:image008.png@01CCA534.28913870"><br>- Click on Script<br><img width=198 height=135 id="_x0000_i1034" src="cid:image009.png@01CCA534.28913870"><br><br><img width=498 height=379 id="_x0000_i1035" src="cid:image010.png@01CCA534.28913870"><br><br>- In this script you can move the buttons around and switch on and off the list boxes and load a new default logo or banner<br>You do this right below the first if statement (or if the template is older, below the loadIcon line)<br><img width=498 height=379 id="_x0000_i1036" src="cid:image011.png@01CCA534.28913870"><br>rootIcon.loadIcon(FileLocation + 'media/banner_sheet_transparant_cr.png');<br>_level0.engine.IFC.themes._visible = false;<br>_level0.engine.IFC.fonts._visible = false;<br>_level0.engine.IFC.access._visible = false;<br>_level0.engine.IFC.sizes._x = 10;<br>_level0.engine.IFC.txtSize._x = 120;<br><br>Also a bit further down in this script all buttons are disabled by <br>rootIcon.hideControls(); <br>and several are enabled again on a different position.<br><br>rootIcon.tocBtn._y = 550;<br>rootIcon.nextBtn._y = 550;<br>rootIcon.backBtn._y = 550;<br>rootIcon.progress._y = 550;<br>rootIcon.contButton._visible = false;<br><br><img width=498 height=379 id="_x0000_i1037" src="cid:image012.png@01CCA534.28913870"><br><br>- We added a banner (any logo wider than 200 pixels is placed in the upper left corner like a banner), so if you create a semi transparent png of 800x68, you can get some interesting effects!<br>- Make sure you have the file mentioned in the loadIcon in the media folder!!<br><br>- Check the results by double clicking the top left icon and pressing play to preview<br><br><img width=408 height=319 id="_x0000_i1038" src="cid:image013.png@01CCA534.28913870"><br><br>- Now save and leave Xerte.<br><br>It is VERY important NOT to add ANY pages, because these will end in the template!!!<br><br>Than:<br>- copy template.rlt back over <webroot>/modules/xerte/parent_templates/Nottingham/Nottingham.rlt<br>- copy any media file into <webroot>/modules/xerte/parent/Nottingham/media<br><br><br>That should do the trick!<br><br>Regards,<br><br>Tom<br><br>Op 17-11-2011 12:37, Davidson, Andrew schreef: <o:p></o:p></p><pre style='margin-left:36.0pt'>Hi Jose - did you get anywhere with how to change the 'skin'? This is where I need to go and so any hints would be welcome.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>Best<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>Andy<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>-----Original Message-----<o:p></o:p></pre><pre style='margin-left:36.0pt'>From: <a href="mailto:xerte-bounces@lists.nottingham.ac.uk">xerte-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-bounces@lists.nottingham.ac.uk">mailto:xerte-bounces@lists.nottingham.ac.uk</a>] On Behalf Of Jose Diaz<o:p></o:p></pre><pre style='margin-left:36.0pt'>Sent: 17 November 2011 01:36<o:p></o:p></pre><pre style='margin-left:36.0pt'>To: XERTE XERTE<o:p></o:p></pre><pre style='margin-left:36.0pt'>Subject: [Xerte] Customizing XOT Projects<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>Hi everyone and thanks in advance.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>We're trying to customize "the look" of scorm packages built from XOT.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>We want to change how learning objects are shown: change logo, move buttons (forward, backward, etc.) to the bottom of the screen, hide all dropdown lists at the bottom of the screen, etc.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>We're take a look to "XMLEngine.fla" file, but we're not sure if we're in the right path. When we open the "XMLEngine.fla" with Adobe Flash, it shows a grayed rectangle with a lot of code. We just want to "drag and drop" elements of the screen to new positions.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>Attached to this message, we send an image of an example how much we want to change the "skin" of the learning objects.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>Any "step-by-step" guide to change this "look"?<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>After changing the "look", we want to translate to spanish the XOT ... but this is another history.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>Thanks a lot again.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>José.<o:p></o:p></pre><pre style='margin-left:36.0pt'> <o:p></o:p></pre><pre style='margin-left:36.0pt'>--<o:p></o:p></pre><pre style='margin-left:36.0pt'>Lic. José Gregorio Díaz Unda.<o:p></o:p></pre><pre style='margin-left:36.0pt'>Asesor de Tecnologías de Información y Comunicación.<o:p></o:p></pre><pre style='margin-left:36.0pt'>Tel.: 58.0412.5518085<o:p></o:p></pre><pre style='margin-left:36.0pt'>Skype: xt4mhz<o:p></o:p></pre><pre style='margin-left:36.0pt'>Web: <a href="http://www.usb.ve">www.usb.ve</a> - jgdu.blogspot.comThis message and any attachment are intended solely for the addressee and may contain confidential information. If you have received this message in error, please send it back to me, and immediately delete it. Please do not use, copy or disclose the information contained in this message or in any attachment. Any views or opinions expressed by the author of this email do not necessarily reflect the views of the University of Nottingham.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>This message has been checked for viruses but the contents of an attachment may still contain software viruses which could damage your computer system:<o:p></o:p></pre><pre style='margin-left:36.0pt'>you are advised to perform your own checks. Email communications with the University of Nottingham may be monitored as permitted by UK legislation.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>_______________________________________________<o:p></o:p></pre><pre style='margin-left:36.0pt'>Xerte mailing list<o:p></o:p></pre><pre style='margin-left:36.0pt'><a href="mailto:Xerte@lists.nottingham.ac.uk">Xerte@lists.nottingham.ac.uk</a><o:p></o:p></pre><pre style='margin-left:36.0pt'><a href="http://lists.nottingham.ac.uk/mailman/listinfo/xerte">http://lists.nottingham.ac.uk/mailman/listinfo/xerte</a><o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><p class=MsoNormal style='margin-left:36.0pt'><br><br><o:p></o:p></p><pre style='margin-left:36.0pt'>-- <o:p></o:p></pre><pre style='margin-left:36.0pt'>--<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>Tom Reijnders<o:p></o:p></pre><pre style='margin-left:36.0pt'>TOR Informatica<o:p></o:p></pre><pre style='margin-left:36.0pt'>Chopinlaan 27<o:p></o:p></pre><pre style='margin-left:36.0pt'>5242HM Rosmalen<o:p></o:p></pre><pre style='margin-left:36.0pt'>Tel: 073 5226191<o:p></o:p></pre><pre style='margin-left:36.0pt'>Fax: 073 5226196<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre></div></body></html>