More Group Sites
Education Books
Developer Forum
Jobless Net
Better Home
Enviro++
更好教育论坛
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

Share
Options
View
Go to last post Go to first unread
hong  
#1 Posted : Thursday, 8 October 2015 7:19:51 PM(UTC)
hong

Rank: Administration

Reputation:

Groups: AcademicCoachingSchool, admin, Administration, BookSeller, CatholicSchool, CoachingAdult, CoachingProfessional, CoachingSports, ExtraCurriculumCoaching, IndependentSchool, Moderator, MusicTeacher, PrivateSchool, PublicSchool, SelectiveSchool, tutor
Joined: 2/11/2008(UTC)
Posts: 916

Thanks: 1 times
Was thanked: 15 time(s) in 14 post(s)
Premium Listing templates in HTML source code 1. Slideshow
Code:

<div class="slideshowPlugin" contenteditable="false" data-animspeedid="500" data-autostartid="true" data-pictheightid="300" data-slideshowid="cke_3wot1a21_slideShow" data-speedid="5" data-transitiontypeid="resize" id="cke_3wot1a21_slideShow">
<div class="ad-gallery" contenteditable="false" id="ad-gallery_cke_3wot1a21_slideShow">
<div class="ad-image-wrapper" contenteditable="false" style="height: 300px;"><div class="ad-image" style="width: 1440px; height: 300px; top: 0px; text-align: center; left: 0px;"><img src="/uploads/images/schools/Woodcroft/adelaide_125.jpg" width="450" height="300"></div><img class="ad-loader" src="/ckeditor/plugins/slideshow/3rdParty/ad-gallery/loader.gif" style="display: none;"><div class="ad-next"><div class="ad-next-image" style="opacity: 0.7;"></div></div><div class="ad-prev" style="height: 300px;"><div class="ad-prev-image" style="opacity: 0.7; display: none;"></div></div></div>

<div class="ad-controls" contenteditable="false" style="visibility: hidden;">&nbsp;<p class="ad-info">7 / 9</p><div class="ad-slideshow-controls ad-slideshow-running"><span class="ad-slideshow-start">Start</span><span class="ad-slideshow-stop">Stop</span><span class="ad-slideshow-countdown" style="">(2)</span></div><p class="ad-info">2 / 9</p><div class="ad-slideshow-controls"><span class="ad-slideshow-start">Start</span><span class="ad-slideshow-stop">Stop</span><span class="ad-slideshow-countdown" style="display: none;">(5)</span></div></div>

<div class="ad-nav" contenteditable="false" style="display: none;"><div class="ad-back" style="opacity: 0.6;"></div><div class="ad-back" style="opacity: 0.6;"></div>
<div class="ad-thumbs" contenteditable="false">
<ul class="ad-thumb-list" contenteditable="false" style="width: 25px;">
	<li contenteditable="false"><a href="/uploads/images/schools/Woodcroft/adelaide_095.jpg" class=""><img alt="" contenteditable="false" src="/uploads/images/schools/Woodcroft/adelaide_095.jpg" style="height: 31px; width: 50px; opacity: 0.7;" title=""></a></li>
	<li contenteditable="false"><a href="/uploads/images/schools/Woodcroft/adelaide_125.jpg" class="ad-active"><img alt="" contenteditable="false" src="/uploads/images/schools/Woodcroft/adelaide_125.jpg" style="height: 50px; width: 50px; opacity: 1;" title="Title"></a></li>
	<li contenteditable="false"><a href="/uploads/images/schools/Woodcroft/adelaide_148.jpg" class=""><img alt="" contenteditable="false" src="/uploads/images/schools/Woodcroft/adelaide_148.jpg" style="height: 50px; width: 50px; opacity: 0.7;" title="Title"></a></li>
	<li contenteditable="false"><a href="/uploads/images/schools/Woodcroft/adelaide_181.jpg" class=""><img alt="" contenteditable="false" src="/uploads/images/schools/Woodcroft/adelaide_181.jpg" style="height: 50px; width: 50px; opacity: 0.7;" title="Title"></a></li>
	<li contenteditable="false"><a href="/uploads/images/schools/Woodcroft/adelaide_259.jpg" class=""><img alt="" contenteditable="false" src="/uploads/images/schools/Woodcroft/adelaide_259.jpg" style="height: 50px; width: 50px; opacity: 0.7;" title="Title"></a></li>
	<li contenteditable="false"><a href="/uploads/images/schools/Woodcroft/adelaide_274.jpg" class=""><img alt="" contenteditable="false" src="/uploads/images/schools/Woodcroft/adelaide_274.jpg" style="height: 50px; width: 50px; opacity: 0.7;" title="Title"></a></li>
	<li contenteditable="false"><a href="/uploads/images/schools/Woodcroft/adelaide_283.jpg" class=""><img alt="" contenteditable="false" src="/uploads/images/schools/Woodcroft/adelaide_283.jpg" style="height: 50px; width: 50px; opacity: 0.7;" title="Title"></a></li>
	<li contenteditable="false"><a href="/uploads/images/schools/Woodcroft/adelaide_299.jpg" class=""><img alt="" contenteditable="false" src="/uploads/images/schools/Woodcroft/adelaide_299.jpg" style="height: 50px; width: 50px; opacity: 0.7;" title=""></a></li>
	<li contenteditable="false"><a href="/uploads/images/schools/Woodcroft/DSC_8398.JPG" class=""><img alt="" contenteditable="false" src="/uploads/images/schools/Woodcroft/DSC_8398.JPG" style="height: 50px; width: 50px; opacity: 0.7;" title=""></a></li>
</ul>
</div>
<div class="ad-forward" style="opacity: 0.6;"></div><div class="ad-forward" style="opacity: 0.6;"></div></div>
</div>
Code:

<script src="/ckeditor/plugins/slideshow/3rdParty/jquery.min.js" type="text/javascript"></script><script src="/ckeditor/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.min.js" type="text/javascript"></script><script type="text/javascript">(function($) { $('head').append('<link rel="stylesheet" href="/ckeditor/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.css" type="text/css" />'); })(jQuery);</script><script type="text/javascript">(function($) {$(function() {   var galleries = $('#ad-gallery_cke_3wot1a21_slideShow').adGallery({loader_image: '/ckeditor/plugins/slideshow/3rdParty/ad-gallery/loader.gif', width:false, height:300, start_at_index: 0, animation_speed: 500,  hooks: { displayDescription: function(image) {}}, update_window_hash: false, effect: 'resize', slideshow: { enable: true, autostart: true, start_label: 'Start', stop_label: 'Stop', speed: 5000}});});})(jQuery);</script></div>
- You need to save the video in the UI editor first by pressing Save button and then press Update button. - For creating a slideshow, press slideshow button, add the images one by one. Then you can view the source code. And then copy the code to another section if required. - You can always to do the above tasks for you to save your time. 2. Video Code:
Code:

<video controls="controls" width="100%" height="150">
<source src="https://www.lauriston.vic.edu.au/images/video/video_susan01b.mp4" type="video/mp4">
<source src="https://www.lauriston.vic.edu.au/images/video/video_susan01a.web"></video>
Adding a vimeo video can be easy through UI. Open the video link in browser, click on Share button, click on Show Options, use default settings with Portrait, Title and Byline checked, except deselecting Show text link underneath this video. Then copy the Embed code (ie. using iframe in source) and paste it as source into the Premium Editor. Adding a YouTube video is straight, no source code is necessary. Just do it from UI. 3. Image and Link Code:
Code:
<img alt="Korowa Students" border="0" hspace="0" src="https://bettereducation.com.au/uploads/images/schools/korowa/KorowaStudents.jpg" style="border:0px solid black; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; width:100%" vspace="0"/>
Related: School Premium Listing Editor School Premium Listing / Subscriptions with a premium WYSIWYG rich text / HTML editor Online Help

Edited by user Sunday, 9 May 2021 11:14:24 PM(UTC)  | Reason: Not specified

Sponsor
Rss Feed  Atom Feed
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.