Halloween Theme (Free!)

  • 2
  • Article
  • Updated 3 years ago
  • (Edited)
In the spirit of the season, our team at Rise has decided to release a free Halloween theme to the community. This theme showcases our video widget as the background. This is highly customizable, so feel free to add your logo and widgets wherever you’d like. Click here for a live preview.



Video: http://www.vidsplay.com/

Icon made by Freepik from www.flaticon.com is licensed under CC BY 3.0 (Please don’t remove this fine text included in the template).

In order to use this theme, simply select and copy the code below and paste it into your HTML tab in the presentation editor (beside “design”).



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">












<!-- Warning - Editing the Presentation Data Object incorrectly may result in the Presentation not functioning correctly -->

<!--<br>var presentationData = {<br>"presentationData": {<br>"id": "f9e15353-8585-49a2-95be-d3af51acb20b",<br>"hidePointer": true,<br>"donePlaceholder": "ph0",<br>"placeholders": [<br>{<br>"id": "ph0",<br>"type": "playlist",<br>"timeDefined": false,<br>"startDate": "10/12/15 10:45 AM",<br>"endDate": null,<br>"startTime": null,<br>"endTime": null,<br>"recurrenceType": "Daily",<br>"recurrenceFrequency": "1",<br>"recurrenceAbsolute": true,<br>"recurrenceDayOfWeek": "0",<br>"recurrenceDayOfMonth": "0",<br>"recurrenceWeekOfMonth": "0",<br>"recurrenceMonthOfYear": "0",<br>"visibility": true,<br>"transition": "none",<br>"items": [<br>{<br>"name": "HTML5 Video Widget",<br>"duration": "10",<br>"type": "widget",<br>"objectReference": "2d407395-d1ae-452c-bc27-78124a47132b",<br>"index": "0",<br>"playUntilDone": false,<br>"objectData": "<a href="http://s3.amazonaws.com/widget-video-rv/1.0.0/dist/widget.html"">http://s3.amazonaws.com/widget-video-rv/1.0.0/dist/widget.html"</a>;,<br>"additionalParams": "{\"url\":\"<a href="https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/halloweentemplate%2Fgraveyard.webm\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"graveyard.webm\",\"folder\":\"halloweentemplate/\"},\"video\":{\"scaleToFit\":true,\"volume\":0,\"controls\":false,\"autoplay\":true}}"" title="Link: https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/halloweentemplate%2Fgraveyard.webm\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"graveyard.webm\",\"folder\":\"halloweentemplate/\"},\"video\":{\"scaleToFit\":true,\"volume\":0,\"controls\":false,\"autoplay\":true}}"">https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/halloweentempla...</a>;,<br>"timeDefined": false,<br>"startDate": null,<br>"endDate": null,<br>"startTime": null,<br>"endTime": null,<br>"recurrenceType": "Daily",<br>"recurrenceFrequency": "1",<br>"recurrenceAbsolute": true,<br>"recurrenceDayOfWeek": "0",<br>"recurrenceDayOfMonth": "1",<br>"recurrenceWeekOfMonth": "0",<br>"recurrenceMonthOfYear": "0"<br>}<br>]<br>},<br>{<br>"id": "ph2",<br>"type": "playlist",<br>"timeDefined": false,<br>"startDate": "10/12/15 11:34 AM",<br>"endDate": null,<br>"startTime": null,<br>"endTime": null,<br>"recurrenceType": "Daily",<br>"recurrenceFrequency": "1",<br>"recurrenceAbsolute": true,<br>"recurrenceDayOfWeek": "0",<br>"recurrenceDayOfMonth": "0",<br>"recurrenceWeekOfMonth": "0",<br>"recurrenceMonthOfYear": "0",<br>"visibility": true,<br>"transition": "none",<br>"items": []<br>},<br>{<br>"id": "ph1",<br>"type": "playlist",<br>"timeDefined": false,<br>"startDate": "10/12/15 11:02 AM",<br>"endDate": null,<br>"startTime": null,<br>"endTime": null,<br>"recurrenceType": "Daily",<br>"recurrenceFrequency": "1",<br>"recurrenceAbsolute": true,<br>"recurrenceDayOfWeek": "0",<br>"recurrenceDayOfMonth": "0",<br>"recurrenceWeekOfMonth": "0",<br>"recurrenceMonthOfYear": "0",<br>"visibility": true,<br>"transition": "none",<br>"items": [<br>{<br>"name": "Image Item",<br>"duration": "10",<br>"type": "image",<br>"objectReference": null,<br>"index": "0",<br>"playUntilDone": false,<br>"objectData": "up_url=https%3A%2F%2Fstorage.googleapis.com%2Frisemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4%2Fhalloweentemplate%252Fhalloween244.png&up_backgroundColor=&up_scaleToFit=true",<br>"additionalParams": null,<br>"timeDefined": false,<br>"startDate": null,<br>"endDate": null,<br>"startTime": null,<br>"endTime": null,<br>"recurrenceType": "Daily",<br>"recurrenceFrequency": "1",<br>"recurrenceAbsolute": true,<br>"recurrenceDayOfWeek": "0",<br>"recurrenceDayOfMonth": "1",<br>"recurrenceWeekOfMonth": "0",<br>"recurrenceMonthOfYear": "0"<br>}<br>]<br>},<br>{<br>"id": "ph3",<br>"type": "playlist",<br>"timeDefined": false,<br>"startDate": "10/12/15 1:52 PM",<br>"endDate": null,<br>"startTime": null,<br>"endTime": null,<br>"recurrenceType": "Daily",<br>"recurrenceFrequency": "1",<br>"recurrenceAbsolute": true,<br>"recurrenceDayOfWeek": "0",<br>"recurrenceDayOfMonth": "0",<br>"recurrenceWeekOfMonth": "0",<br>"recurrenceMonthOfYear": "0",<br>"visibility": true,<br>"transition": "none",<br>"items": []<br>},<br>{<br>"id": "ph4",<br>"type": "playlist",<br>"timeDefined": false,<br>"startDate": "10/13/15 12:33 PM",<br>"endDate": null,<br>"startTime": null,<br>"endTime": null,<br>"recurrenceType": "Daily",<br>"recurrenceFrequency": "1",<br>"recurrenceAbsolute": true,<br>"recurrenceDayOfWeek": "0",<br>"recurrenceDayOfMonth": "0",<br>"recurrenceWeekOfMonth": "0",<br>"recurrenceMonthOfYear": "0",<br>"visibility": true,<br>"transition": "none",<br>"items": [<br>{<br>"name": "Text Item",<br>"duration": "10",<br>"type": "text",<br>"index": "0",<br>"playUntilDone": false,<br>"objectData": "<span id=\"docs-internal-guid-a86fe1b5-620c-c55c-23f6-bac20d554034\"><font size=\"2\" face=\"Palatino Linotype, Book Antiqua, Palatino, serif\" color=\"#666666\"><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"vertical-align: baseline; white-space: pre-wrap;\">Video: <a href="http://www.vidsplay.com</span></p><span" title="Link: http://www.vidsplay.com</span></p><span">www.vidsplay.com</span></p><span</a> style=\"vertical-align: baseline; white-space: pre-wrap;\">Icon made by w</span><span style=\"vertical-align: baseline; white-space: pre-wrap;\">ww.freepik.com</span><span style=\"vertical-align: baseline; white-space: pre-wrap;\"> from <a href="http://www.flaticon.com</span><span">www.flaticon.com</span><span</a> style=\"vertical-align: baseline; white-space: pre-wrap;\"> is licensed under CC BY 3.0</span></font></span>",<br>"timeDefined": false<br>}<br>]<br>}<br>]<br>}<br>};<br>//-->

<!-- No scripts after this point -->
If you decide to use this theme, please share below! We are excited to see what our users may do with this.

Also, just a reminder that we are also hosting a contest where you will get a chance to win an Intel NUC by sharing your presentations.

Happy Halloween!
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb

Posted 3 years ago

  • 2
Photo of Chrome Box

Chrome Box

  • 84 Points 75 badge 2x thumb
is there a certain area you need to copy that too? like after a word or can you just past it in any area you want to?
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb
Hi there,

When you go to your HTML tab in your editor beside 'Design', select and delete everything in there. Paste this entire code in. From there you can add placeholders and build your presentation normally in the editor. Unfortunately it will be tricky to edit an existing presentation with this if you're unsure of how to navigate throughout your code. Does this make sense?
Photo of Chrome Box

Chrome Box

  • 84 Points 75 badge 2x thumb
Yes. I started a new presentation and deleted the code that it starts with and placed the new code in its place. When I save and publish and the preview it all I get is a gray screen. 
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
I also tried something slightly different. I created presentation, saved it, then opened HTML editor and pasted your code, saved it again... same results, but the code i was left with looks different this time:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body style="width:1920px;height:1080px; margin: 0; overflow: hidden;background:rgba(0, 0, 0, 0.49);background-size:contain;" >
<div  id="ph0" placeholder="true" style="width:1917px;height:1089px;left:1px;top:0-px;z-index:0;position:absolute;"></div>
<div  id="ph1" placeholder="true" style="width:538px;height:316px;left:23px;top:14px;z-index:2;position:absolute;"></div>
<div  id="ph2" placeholder="true" style="width:1925px;height:1094px;left:0px;top:0-px;z-index:1;position:absolute;background:rgba(0, 0, 0, 0.52);background-size:contain;"></div>
<div  id="ph3" placeholder="true" style="width:1946px;height:300px;left:0px;top:0px;z-index:3;position:absolute;background:rgba(68, 68, 68, 0.66);background-size:contain;"></div>
<div  id="ph4" placeholder="true" style="width:361px;height:60px;left:3px;top:1015px;z-index:4;position:absolute;"></div>
</body>
<!-- Warning - Editing the Presentation Data Object incorrectly may result in the Presentation not functioning correctly -->
<script language='javascript'>
<!--
var presentationData = {
"presentationData": {
"id": "870cb5ba-e9ba-4068-9a12-569badab82c0",
"hidePointer": true,
"donePlaceholder": null,
"placeholders": [
{
"id": "ph0",
"type": "playlist",
"timeDefined": false,
"visibility": true,
"transition": "none"
},
{
"id": "ph2",
"type": "playlist",
"timeDefined": false,
"visibility": true,
"transition": "none"
},
{
"id": "ph1",
"type": "playlist",
"timeDefined": false,
"visibility": true,
"transition": "none"
},
{
"id": "ph3",
"type": "playlist",
"timeDefined": false,
"visibility": true,
"transition": "none"
},
{
"id": "ph4",
"type": "playlist",
"timeDefined": false,
"visibility": true,
"transition": "none"
}
]
}
};
//-->
</script>
<!-- No scripts after this point -->
</html>
Photo of Shea

Shea, Official Rep

  • 5,188 Points 5k badge 2x thumb
Hi Darius and Chrome Box, 

I think Get Satisfaction (the software that powers the Community) messes up code. Could you try copying it from this codepen and let me know if that works. 

http://codepen.io/anon/pen/MaELbL

Thanks,
Shea
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Shea,

That worked!
Photo of Shea

Shea, Official Rep

  • 5,188 Points 5k badge 2x thumb
Awesome, moving forward I think we will use Codepen or something similar for sharing these themes. 
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
I agree.  I was looking at a JS code here sometime last week and had to run it through http://jsbeautifier.org/?without-codemirror for readability 
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
I'm just gonna say this, although it is fine by me, you wanna avoid using religious motifs for silly things like that; it may offend somebody's feelings. Simple tombstones without crosses would have been more appropriate ;) As graphic designer I get to interact with people of different religions. For example, Jewish  people were asking not to use green-red color combinations for their materials :) because it resemble Christmas, so I stopped :)
(Edited)
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb
Darius,

Thank you for your feedback. Pardon my lack of political correctness and insensitivity, we will definitely take this into consideration.

Thanks.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
You do not have Ashleigh, that was just my 2 cents, and BTW I like that theme a lot.
Photo of Byron

Byron, Keener

  • 9,658 Points 5k badge 2x thumb
Hi Chrome Box, I am completely sure Darius was just pointing out the complexities of publishing content these days and we appreciate his response. Please, let's stand down on this subject. Thanks