1 <!-- This is part of the Google Friend Connect DON'T EDIT -->
4 <style type="text/css">
6 These styles are customizable.
7 Provide .canvas-gadget (the div that holds the canvas mode gadget)
8 at least 500px width so that the gadget has sufficient screen real estate
12 font-family:arial, sans-serif;
24 border-bottom:1px solid #000000;
34 margin:5px auto 15px auto;
36 .go-back a, .go-back a:visited {
41 width:650px; /* ALLOW AT LEAST 500px WIDTH*/
42 margin:10px auto 10px auto;
43 border:1px solid #cccccc;
60 <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
63 <div class="container">
64 <div class="fc-sign-in-header">
65 <!--REQUIRED SO VISITORS CAN SIGN IN-->
66 <div class="signin" id="gadget-signin"></div>
67 <script type="text/javascript">
69 skin['BORDER_COLOR'] = '#cccccc';
70 skin['ENDCAP_BG_COLOR'] = '#e0ecff';
71 skin['ENDCAP_TEXT_COLOR'] = '#333333';
72 skin['ENDCAP_LINK_COLOR'] = '#0000cc';
73 skin['ALTERNATE_BG_COLOR'] = '#ffffff';
74 skin['CONTENT_BG_COLOR'] = '#ffffff';
75 skin['CONTENT_LINK_COLOR'] = '#0000cc';
76 skin['CONTENT_TEXT_COLOR'] = '#333333';
77 skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
78 skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
79 skin['CONTENT_HEADLINE_COLOR'] = '#333333';
80 skin['ALIGNMENT'] = 'right';
81 google.friendconnect.container.renderCanvasSignInGadget({'id': 'gadget-signin'}, skin);
84 <div class="clear"></div>
87 <div class="site-header"><span class="section-title">Site Name</span></div>
89 <!--REQUIRED SO VISITORS CAN RETURN TO REFERRING PAGE-->
90 <a href="javascript:google.friendconnect.container.goBackToSite();">
91 ‹‹ Return home</a>
94 <!-- REQUIRED - THIS IS WHERE THE GADGET IS PRESENTED. ALLOW AT LEAST 500px WIDTH -->
95 <div id="gadget-canvas" class="canvas-gadget"></div>
96 <script type="text/javascript">
98 skin['BORDER_COLOR'] = '#cccccc';
99 skin['ENDCAP_BG_COLOR'] = '#e0ecff';
100 skin['ENDCAP_TEXT_COLOR'] = '#333333';
101 skin['ENDCAP_LINK_COLOR'] = '#0000cc';
102 skin['ALTERNATE_BG_COLOR'] = '#ffffff';
103 skin['CONTENT_BG_COLOR'] = '#ffffff';
104 skin['CONTENT_LINK_COLOR'] = '#0000cc';
105 skin['CONTENT_TEXT_COLOR'] = '#333333';
106 skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
107 skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
108 skin['CONTENT_HEADLINE_COLOR'] = '#333333';
109 google.friendconnect.container.renderUrlCanvasGadget({'id': 'gadget-canvas'}, skin);