Creating a icon “responsive” sub menu with UIkit and Visible-large class.

Download the 2015 calendar

  <div class="uk-grid uk-contrast" align="center">
   	<div class="uk-width-1-4 uk-icon-phone">
		<span class="uk-visible-large" style="padding-left:10px;">&nbsp;Call us  +45 49181800</span>
	</div>
	<div class="uk-width-1-4 uk-icon-comment">
		<span class="uk-visible-large" style="padding-left:10px;">&nbsp;Send us a message</span>
	</div>
	<div class="uk-width-1-4 uk-icon-database">
		<span class="uk-visible-large" style="padding-left:10px;">&nbsp;Download Center</span>
	</div>
	<div class="uk-width-1-4 uk-icon-download">
		<span class="uk-visible-large" style="padding-left:10px;">&nbsp;Download PDF</span>
	</div>
</div>

</div>

<span class="uk-visible-large" style="padding-left:10px;"> Send us a message</span>

</div>

<span class="uk-visible-large" style="padding-left:10px;"> Download Center</span>

</div>

<span class="uk-visible-large" style="padding-left:10px;"> Download PDF</span>

</div>

사의 찬미 다운로드 관광버스 메들리 mp3 다운로드 크라이시스 다운로드 Kids Mode

xcept May 19, 2015 Joomla

KeyShot VR on a website

php png

To make Keyshot VR work in a website add the below:

B=”; – Line 240 in my case once the code is “beautified”

IF Not search for:

    0 <= ga && (B = fa.substr(0, ga + 1));

1	0 <= ga && (B = fa.substr(0, ga + 1));

replace with:

    0 <= ga && (B = fa.substr(0, ga + 1)); B='';

1	0 <= ga && (B = fa.substr(0, ga + 1)); B='';

Additionally to this once has to change the URLs “keyshot.html javascript” snippet:

<script type="text/javascript" src="http://www.example.com/keyshot/BREWER_VR.661/files/KeyShotVR.js"></script>
    <script type="text/javascript">
      var keyshotVR;

      function initKeyShotVR() {
        var nameOfDiv = "KeyShotVR";
        var folderName = "http://www.example.com/keyshot/BREWER_VR.661";
        var imageWidth = 800;
        var imageHeight = 800;
        var backgroundColor = "#FFFFFF";
        var uCount = 18;
        var vCount = 5;
        var uWrap = true;
        var vWrap = false;
        var uMouseSensitivity = -0.050000;
        var vMouseSensitivity = 0.062500;
        var uStartIndex = 9;
        var vStartIndex = 0;
        var minZoom = 1.000000;
        var maxZoom = 6.000000;
        var rotationDamping = 0.960000;
        var windowResizable = false;
        var addResizableGUIButton = false;
        var addPlayGUIButton = false;
        var imageExtension = "png";
        var showLoading = true;
        var loadingIcon = "ks_logo.png"; // Set to empty string for default icon.
        var allowFullscreen = true; // Double-click in desktop browsers for fullscreen.

        keyshotVR = new keyshotVR(nameOfDiv,folderName,imageWidth,imageHeight,backgroundColor,uCount,vCount,uWrap,vWrap,uMouseSensitivity,vMouseSensitivity,uStartIndex,vStartIndex,minZoom,maxZoom,rotationDamping,windowResizable,addResizableGUIButton,addPlayGUIButton,imageExtension,showLoading,loadingIcon,allowFullscreen);
      }

      window.onload = initKeyShotVR;
    </script>
			<div class="uk-width-medium-2-4" id="KeyShotVR"> 
				<!-- <iframe src="keyshot/BREWER_VR.661.html" width="100%" height="800px" scrolling="no"></iframe> -->
			</div>

var keyshotVR;

function initKeyShotVR() {

var nameOfDiv = "KeyShotVR";

var folderName = "http://www.example.com/keyshot/BREWER_VR.661";

var imageWidth = 800;

var imageHeight = 800;

var backgroundColor = "#FFFFFF";

var uCount = 18;

var vCount = 5;

var uWrap = true;

var vWrap = false;

var uMouseSensitivity = -0.050000;

var vMouseSensitivity = 0.062500;

var uStartIndex = 9;

var vStartIndex = 0;

var minZoom = 1.000000;

var maxZoom = 6.000000;

var rotationDamping = 0.960000;

var windowResizable = false;

var addResizableGUIButton = false;

var addPlayGUIButton = false;

var imageExtension = "png";

var showLoading = true;

var loadingIcon = "ks_logo.png"; // Set to empty string for default icon.

var allowFullscreen = true; // Double-click in desktop browsers for fullscreen.

keyshotVR = new keyshotVR(nameOfDiv,folderName,imageWidth,imageHeight,backgroundColor,uCount,vCount,uWrap,vWrap,uMouseSensitivity,vMouseSensitivity,uStartIndex,vStartIndex,minZoom,maxZoom,rotationDamping,windowResizable,addResizableGUIButton,addPlayGUIButton,imageExtension,showLoading,loadingIcon,allowFullscreen);

}

window.onload = initKeyShotVR;

</script>

</div>

IT IS VERY IMPORTANT TO REMEMBER THE ID of the DIV javac 다운로드! IN THE BELOW IT IS KEYSHOTVR!

<div class="uk-width-medium-2-4" id="KeyShotVR">

1	<div class="uk-width-medium-2-4" id="KeyShotVR">

The CSS of the Keyshot element also needs to be edited.

Lines 706-707-708

b = "max-width: " + S + "px;";
b += "max-height: " + T + "px;";
b += "min-width: 100%;";

b = "max-width: " + S + "px;";

b += "max-height: " + T + "px;";

b += "min-width: 100%;";

CHANGE TO

b = "max-width: " + S + "px;";
b += "max-height: " + T + "px;";
b = "min-width: " + S/4 + "px;";
b += "min-height: " + T/4 + "px;";

b = "max-width: " + S + "px;";

b += "max-height: " + T + "px;";

b = "min-width: " + S/4 + "px;";

b += "min-height: " + T/4 + "px;";

And Line 717 to 723

 r = document.createElement("div");
        r.setAttribute("id", "turntable");
        b = "top:  0px;";
        b += "left: 0px;";
        b += "overflow: hidden;";
        b += "position:absolute;";
        b += z + "user-select: none;";

r = document.createElement("div");

r.setAttribute("id", "turntable");

b = "top: 0px;";

b += "left: 0px;";

b += "overflow: hidden;";

b += "position:absolute;";

b += z + "user-select: none;";

CHANGE TO

 r = document.createElement("div");
        r.setAttribute("id", "turntable");
        b = "top:  0px;";
        b += "left: 0px;";
        b += "overflow: hidden;";
        b += z + "user-select: none;";

r = document.createElement("div");

r.setAttribute("id", "turntable");

b = "top: 0px;";

b += "left: 0px;";

b += "overflow: hidden;";

b += z + "user-select: none;";

quiet fill

xcept May 13, 2015 Joomla, Wordpress

Search

Creating 3 box wide responsive layout which turns into 3 box high layout when on phone

Creating a icon “responsive” sub menu with UIkit and Visible-large class.

KeyShot VR on a website