Modify Site Background Image or Colour - Revision history

Dannyjkendall12: Page contents was incorrect and listed slide speed adjust not what title said

2018-07-08T15:03:24Z

Page contents was incorrect and listed slide speed adjust not what title said

2017-03-29T14:51:14Z

2017-03-29T14:50:54Z

2017-03-29T14:50:18Z

2017-03-29T14:38:39Z

2017-03-29T14:38:24Z

2017-03-29T14:38:08Z

2017-03-29T14:37:50Z

2017-03-29T14:37:12Z

2017-03-29T14:37:01Z

@@ Line 1: / Line 1: @@
-If you want to change the UnionCloud Background Image, or Background Colour, and you have access to [[Global CSS]] you can do either of these things using the following lines of code]]
+If you want to change your UnionCloud sites' Background Image, or Background Colour, and you have access to [[Global CSS]] you can do either of these things using the following lines of code:
-To change the speed of the scroll simply change the 'auto:X,' line and replace the X with the number of seconds you want to delay the scroll, the example below uses 2 seconds.
+<pre>
+body {
-<syntaxhighlight lang="javascript" line='line'>
+    background: url(https://pathToImage.jpg) no-repeat center center fixed; /*FOR AN IMAGE*/
-	$('.auto-stripe ul').jcarousel({
+OR
-		scroll:1,
+background-color:color; /*FOR A COLOR*/
-		wrap: 'last',
+  -webkit-background-size: cover;
-		auto:2,
+  -moz-background-size: cover;
-		itemFallbackDimension: 300
+  -o-background-size: cover;
-	});
+  background-size: cover;
-</syntaxhighlight>

@@ Line 2: / Line 2: @@
 To change the speed of the scroll simply change the 'auto:X,' line and replace the X with the number of seconds you want to delay the scroll, the example below uses 2 seconds.
 <syntaxhighlight lang="javascript" line='line'>
@@ Line 22: / Line 10: @@
 		itemFallbackDimension: 300
 	});
 </syntaxhighlight>

← Older revision		Revision as of 14:50, 29 March 2017
Line 14:		Line 14:
	</nowiki>		</nowiki>
	</code>		</code>
		+
		+	<syntaxhighlight lang="javascript" line='line'>
		+	$('.auto-stripe ul').jcarousel({
		+	scroll:1,
		+	wrap: 'last',
		+	auto:2,
		+	itemFallbackDimension: 300
		+	});
		+	</syntaxhighlight>

← Older revision		Revision as of 14:50, 29 March 2017
Line 14:		Line 14:
	</nowiki>		</nowiki>
	</code>		</code>
		+
		+
		+	<syntaxhighlight lang="python" line='line'>
		+	def quickSort(arr):
		+	less = []
		+	pivotList = []
		+	more = []
		+	if len(arr) <= 1:
		+	return arr
		+	else:
		+	pass
		+	</syntaxhighlight>

@@ Line 12: / Line 12: @@
 		itemFallbackDimension: 300
 	});
      </nowiki>
 </code>

@@ Line 4: / Line 4: @@
 <code>
-<nowiki>
+   <nowiki>
 	$('.auto-stripe ul').jcarousel({
@@ Line 13: / Line 13: @@
 	});
-</nowiki>
+    </nowiki>
 </code>

@@ Line 3: / Line 3: @@
 To change the speed of the scroll simply change the 'auto:X,' line and replace the X with the number of seconds you want to delay the scroll, the example below uses 2 seconds.
+<code>
 <syntaxhighlight lang="javascript" line='line'>
@@ Line 13: / Line 14: @@
 	});
 <syntaxhighlight>