MDriven turnkey Face - theme - styles - fashion
No edit summary
(Automatically adding template at the end of the page.)
 
(13 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<html>
<html>
<p>
<h4>
How to apply a bootstrap theme to an MDriven Turnkey site
  How to Apply a Bootstrap Theme to an MDriven Turnkey Site.
</p>
</h4>
<p class="warn">  
<p class="video-warn">
<em>To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme timeplace in the video. Now you can pick any topic to be instructed without watching the whole video.</em>
  <em>To make your experience smooth, we set the main tags mentioned in the video to the right bar menu of this mini-player. Choose an interesting subtitle on the list and immediately get to the exact theme navigation item place in the video. Now you can pick any topic to be instructed on without watching the whole video.</em>
<style type="text/css">
p.warn {
size:0.9 pt
opacity: 0.6;
text-align: justify;
opacity: 0.7
}
</style>
</p>
</p>
<style>
 
#video12 {
  position: relative;
  height: 500px;
  width:560px;
  padding-bottom: 10px;
}
#video12 iframe {
  position: absolute;
  min-height: auto;
  min-width: auto;
}
#video12 div {
  position: absolute;
  top: 0;
  left:760px;
  width: 260px;
  height: 100%;
  padding-left: 10px;
  overflow-y: auto;
}
span.time {
    font-size: 18;
    padding-bottom: 0.5;
    display:block;
    padding-top: 0.5;
  opacity: 0.7;
}
span.time:hover {
  color: #0000FF;
  cursor: pointer;
}
span.time:focus {
  color: blue;
</style>
<br>
<br>
<div id="video12">
<div class="video">
<iframe width="740" height="500" src="https://www.youtube.com/embed/bwqAHrDADq8?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
  <div class="video__wrapper">
   <div>
    <iframe src="https://www.youtube.com/embed/QAlrLTwXp5w?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
     <span class="time" data-video="bwqAHrDADq8" data-start="26" tabindex="0"> MDriven book </span>
   </div>
     <span class="time" data-video="bwqAHrDADq8" data-start="71" tabindex="0"> Bootstrap skins/themes (admin dashboards)</span>
  <div class="video__navigation">
     <span class="time" data-video="bwqAHrDADq8" data-start="230" tabindex="0"> Buying and downloading a theme </span>  
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="31" tabindex="0"> MDriven Book </span>
     <span class="time" data-video="bwqAHrDADq8" data-start="387" tabindex="0"> Admin side in Visual Studio </span>
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="76" tabindex="0"> Bootstrap skins/themes (admin dashboards)</span>
     <span class="time" data-video="bwqAHrDADq8" data-start="400" tabindex="0"> Template content angularjs </span>  
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="235" tabindex="0"> Buying and downloading a theme </span>
     <span class="time" data-video="bwqAHrDADq8" data-start="620" tabindex="0"> Connecting MDriven designer </span>  
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="392" tabindex="0"> Admin side in Visual Studio </span>
     <span class="time" data-video="bwqAHrDADq8" data-start="916" tabindex="0"> Refreshing MDriven Turnkey </span>  
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="405" tabindex="0"> Template content AngularJS </span>
     <span class="time" data-video="bwqAHrDADq8" data-start="1200" tabindex="0"> Implementing CSSs and scripts </span> </ul>
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="625" tabindex="0"> Connecting MDriven Designer </span>
     <span class="time" data-video="bwqAHrDADq8" data-start="1382" tabindex="0"> Raptor3nyMyMDrivenTurnkeyApp1_DrivenServerA0_AssetsTK folder modifications
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="921" tabindex="0"> Refreshing MDriven Turnkey </span>
    and creating tkusercss.css</span>
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="1205" tabindex="0"> Implementing CSSs and scripts </span>
     <span class="time" data-video="bwqAHrDADq8" data-start="1615" tabindex="0"> Assigning the rights </span>
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="1387" tabindex="0"> Creating tkusercss.css</span>
     <span class="time" data-video="bwqAHrDADq8" data-start="1800" tabindex="0"> Assigning themed CSS files </span>
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="1620" tabindex="0"> Assigning the rights </span>
     <span class="time" data-video="bwqAHrDADq8" data-start="1920" tabindex="0"> Process of transportation step-by-step </span>
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="1805" tabindex="0"> Assigning themed CSS files </span>
     <span class="time" data-video="bwqAHrDADq8" data-start="1980" tabindex="0"> Correcting the console errors (loading additional files) </span>
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="1925" tabindex="0"> Process of transportation step-by-step </span>
</div>
     <span class="navigation-item" data-video="QAlrLTwXp5w" data-start="1985" tabindex="0"> Correcting the console errors (loading additional files) </span>
  </div>
</div>
</div>


<script>
 
var IMG = document.querySelectorAll('#video12 span'),
    IFRAME = document.querySelector('#video12 iframe');
for (var i = 0; i < IMG.length; i++) {
  IMG[i].onclick = function() {
    IFRAME.src = 'http://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
    if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
    if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
    this.style.backgroundColor='rgba(0,0,0,.2)';
  }
}
</script>
</html>
</html>
[[Category:MDriven Turnkey]]
[[Category:MDriven Turnkey Sessions]]
[[Category:Visual Studio]]
[[Category:MDriven Designer]]
[[Category:AngularJS]]
[[Category:Bootstrap]]
[[Category:Content Override]]
[[Category:MVC]]
{{Edited|July|12|2024}}

Latest revision as of 15:37, 10 February 2024

How to Apply a Bootstrap Theme to an MDriven Turnkey Site.

To make your experience smooth, we set the main tags mentioned in the video to the right bar menu of this mini-player. Choose an interesting subtitle on the list and immediately get to the exact theme navigation item place in the video. Now you can pick any topic to be instructed on without watching the whole video.


MDriven Book Bootstrap skins/themes (admin dashboards) Buying and downloading a theme Admin side in Visual Studio Template content AngularJS Connecting MDriven Designer Refreshing MDriven Turnkey Implementing CSSs and scripts Creating tkusercss.css Assigning the rights Assigning themed CSS files Process of transportation step-by-step Correcting the console errors (loading additional files)

This page was edited 96 days ago on 02/10/2024. What links here
Retrieved from "https://wiki.mdriven.net/index.php?title=Documentation:MDriven_turnkey_Face_-_theme_-_styles_-_fashion&oldid=16380"

© MDRIVEN . All Rights Reserved

Glossary API Docs
MDriven World | Portal | Blog | YouTube | StackOverflow | Facebook

© MDRIVEN . All Rights Reserved