Interface - Revision history

WikiSysop at 02:21, 10 December 2009

2009-12-10T02:21:06Z

2009-12-08T09:27:55Z

2009-12-08T09:27:25Z

2009-10-07T05:06:13Z

‎Interface ideas

2009-10-07T05:05:45Z

2009-06-16T09:17:12Z

‎qTip

2009-06-16T09:16:47Z

‎qTip

2009-06-16T08:12:27Z

2009-06-16T07:35:50Z

2009-06-16T07:28:52Z

← Older revision		Revision as of 02:21, 10 December 2009
Line 50:		Line 50:
	</script>		</script>
	</pre>		</pre>
		+
		+
		+	==Accordian ==
		+
		+	<pre><script language="javascript" type="text/javascript">
		+	$('#tblAc').accordion({
		+	active: false,
		+	header: '.cs_ac_header',
		+	autoheight: false
		+	});
		+	$('.cs_ac_content').eq(0).show(); // this is for selecting the first item (eq)
		+	</script> </pre>

@@ Line 13: / Line 13: @@
 * Wall
 * Chunk Hopper - eg: http://www.treehugger.com/files/2009/12/aged-obama-poster-says-im-sorry.php#ch08
 == qTip ==

@@ Line 12: / Line 12: @@
 * Slideshow/Gallery - [http://slideshowpro.net/products/slideshowpro/slideshowpro_for_flash Slideshowpro]
 * Wall
 == qTip ==

@@ Line 10: / Line 10: @@
 * Corner - see the top right hand corner of http://sorgalla.com/jcarousel/ (jquery)
 * Tool tip - [http://craigsworks.com/projects/qtip/ qTip] | [http://craigsworks.com/projects/simpletip Simpletip]
-* Gallery - [http://slideshowpro.net/products/slideshowpro/slideshowpro_for_flash Slideshowpro]
+* Slideshow/Gallery - [http://slideshowpro.net/products/slideshowpro/slideshowpro_for_flash Slideshowpro]
 == qTip ==

@@ Line 10: / Line 10: @@
 * Corner - see the top right hand corner of http://sorgalla.com/jcarousel/ (jquery)
 * Tool tip - [http://craigsworks.com/projects/qtip/ qTip] | [http://craigsworks.com/projects/simpletip Simpletip]
+* Gallery - [http://slideshowpro.net/products/slideshowpro/slideshowpro_for_flash Slideshowpro]
 == qTip ==

@@ Line 23: / Line 23: @@
 $(document).ready(function() {
 $("#pam").qtip({
-    content: 'Click here to find out more about Prudential Asset Management',
+    content: 'Click here to find out more',
 	  style: {
     	  width: 100,

@@ Line 14: / Line 14: @@
 == qTip ==
-<pre>$("#pam").qtip({
+<pre><link rel="stylesheet" href="css/lightbox.css" type="text/css" />
     content: 'Click here to find out more about Prudential Asset Management',
 	  style: {
-      width: 150,
+   	  width: 100,
        padding: 5,
-       background: '#eeeeee',
+       background: '#dddddd',
        color: 'black',
        textAlign: 'center',
        border: {
-          width: 7,
+          width: 8,
           radius: 5,
           color: '#dddddd'
        },
        tip: {
-        corner: 'topLeft',
+        corner: 'topMiddle',
        },
        name: 'dark'
     },
-	position: { adjust: { x: -60, y: -50 } }
+	position: { adjust: { x: -105, y: -50 } },
 });
 });
 </pre>

← Older revision		Revision as of 08:12, 16 June 2009
Line 10:		Line 10:
	* Corner - see the top right hand corner of http://sorgalla.com/jcarousel/ (jquery)		* Corner - see the top right hand corner of http://sorgalla.com/jcarousel/ (jquery)
	* Tool tip - [http://craigsworks.com/projects/qtip/ qTip] \| [http://craigsworks.com/projects/simpletip Simpletip]		* Tool tip - [http://craigsworks.com/projects/qtip/ qTip] \| [http://craigsworks.com/projects/simpletip Simpletip]
		+
		+
		+	== qTip ==
		+
		+	<pre>$("#pam").qtip({
		+	content: 'Click here to find out more about Prudential Asset Management',
		+	style: {
		+	width: 150,
		+	padding: 5,
		+	background: '#eeeeee',
		+	color: 'black',
		+	textAlign: 'center',
		+	border: {
		+	width: 7,
		+	radius: 5,
		+	color: '#dddddd'
		+	},
		+	tip: {
		+	corner: 'topLeft',
		+	},
		+	name: 'dark'
		+	},
		+	position: { adjust: { x: -60, y: -50 } }
		+	});
		+	});
		+	</pre>

@@ Line 9: / Line 9: @@
 * Accordian
 * Corner - see the top right hand corner of http://sorgalla.com/jcarousel/ (jquery)
-* Tool tip - [http://craigsworks.com/projects/simpletip Simpletip]
+* Tool tip - [http://craigsworks.com/projects/qtip/ qTip] | [http://craigsworks.com/projects/simpletip Simpletip]

← Older revision		Revision as of 07:28, 16 June 2009
Line 9:		Line 9:
	* Accordian		* Accordian
	* Corner - see the top right hand corner of http://sorgalla.com/jcarousel/ (jquery)		* Corner - see the top right hand corner of http://sorgalla.com/jcarousel/ (jquery)
		+	* Tool tip - [http://craigsworks.com/projects/simpletip Simpletip]