Toolbalk
Ik ben al een tijdje bezig met een toolbar alleen ik zou graag willen dat die links in beeld komt langs de zijkant van me beeld scherm, zoals je kan zie hier http://www.mc-dl.nl staat die nu onder in beeld maar ik wil hem juist links boven het contact knop hebben?
Zou iemand mij uit kunnen leggen hoe ik dit voor elkaar krijg?
zie hier onder de codes
scripts.js
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
var $jquery = jQuery.noConflict();
$jquery(document).ready(function()
{
if($jquery.cookie('demo_cookie') == null) {
$jquery('#wp-social-toolbar').fadeIn(2000);
}
else
{
$jquery('#wp-social-toolbar').show();
$jquery('#wps-toolbar-content').hide();
$jquery('#wp-social-toolbar-show-box').fadeIn(2000);
}
$jquery('.wpsc_close_button').click(function(){
$jquery('#wps-toolbar-content').hide().delay(5000).animate('hide',7000,'swing');
$jquery('#wp-social-toolbar-show-box').show();
$jquery.cookie('demo_cookie', 'Demo Cookie');
});
$jquery('.wpsc_show_button').click(function(){
$jquery('#wp-social-toolbar-show-box').hide();
$jquery.cookie('demo_cookie', null);
$jquery('#wps-toolbar-content').show().delay(5000).animate('show',7000,'swing');
});
if($jquery('#twitter_update_list li').length>0)
{
}
else
{
$jquery('#twitter_update_list').html('<li>ERROR READING TWITTER FEED</li>');
}
});
$jquery(document).ready(function()
{
if($jquery.cookie('demo_cookie') == null) {
$jquery('#wp-social-toolbar').fadeIn(2000);
}
else
{
$jquery('#wp-social-toolbar').show();
$jquery('#wps-toolbar-content').hide();
$jquery('#wp-social-toolbar-show-box').fadeIn(2000);
}
$jquery('.wpsc_close_button').click(function(){
$jquery('#wps-toolbar-content').hide().delay(5000).animate('hide',7000,'swing');
$jquery('#wp-social-toolbar-show-box').show();
$jquery.cookie('demo_cookie', 'Demo Cookie');
});
$jquery('.wpsc_show_button').click(function(){
$jquery('#wp-social-toolbar-show-box').hide();
$jquery.cookie('demo_cookie', null);
$jquery('#wps-toolbar-content').show().delay(5000).animate('show',7000,'swing');
});
if($jquery('#twitter_update_list li').length>0)
{
}
else
{
$jquery('#twitter_update_list').html('<li>ERROR READING TWITTER FEED</li>');
}
});
wp_social_toolbar.css
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
#wp-social-toolbar
{
width:100%;
display:block;
position:fixed;
bottom:0px;
left:0px;
text-align:left;
margin:0px;
overflow:hidden;
z-index:9999;
text-shadow:none !important;
}
#wp-social-toolbar,#wp-social-toolbar-show-box
{
display:none;
}
#wps-toolbar-content
{
width:100%;
display:block;
padding:0px;
margin:0px;
overflow:hidden;
}
#wps-toolbar-content #wps-toolbar-top
{
width:100%;
display:block;
overflow:hidden;
position:relative;
min-height:28px;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button,#wps-toolbar-show
{
bottom:0px;
padding:0px 0px 0px 3px;
margin:0px 0px 0px 0px;
background:#999;
width:24px;
border-radius: 3px;
-moz-border-radius: 0px 7px 0px 0px;
-webkit-border-radius:0px 7px 0px 0px;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button
{
position:absolute;
bottom:0;
left:0;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button,#wps-toolbar-show
{
margin:10px 0px 0px 0px !important;
padding:3px 3px 0px 0px !important;
text-align:center;
overflow:hidden;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button
{
padding:3px 3px 0px 0px;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button img
{
margin:2px 0px 0px 0px !important;
border:0px !important;
}
#wps-toolbar-show img
{
border:0px !important;
}
#wp-social-toolbar-show-box
{
border-bottom:5px solid #999999;
width:100%;
overflow:hidden;
}
.wpcs-border
{
height:5px;
width:100%;
display:none;
background:#999999;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button img,#wps-toolbar-show img
{
cursor:pointer;
border:0px !important;
}
#wps-toolbar-content #wps-toolbar-top #wps-twitter-status
{
float:right;
padding:10px 20px 10px 45px;
border-radius: 10px;
-moz-border-radius: 10px 0px 0px 0px;
-webkit-border-radius: 10px 0px 0px 0px;
background:#999 url(../images/tweet_bird.png) no-repeat 10px;
font-size:13px;
line-height:16px;
color:#ffffff;
max-width:80%;
position:relative;
}
#wps-toolbar-content #wps-toolbar-top #wps-twitter-status-no
{
float:right;
padding:10px 20px 10px 45px;
position:relative;
height:10px;
}
#wps-toolbar-content #wps-toolbar-bottom
{
width:100%;
display:block;
height:40px;
padding:0px;
margin:0px;
background:#000;
border-top:5px solid #999;
overflow:hidden;
}
#wps-toolbar-content #wps-toolbar-bottom #wpsc-social-accounts
{
float:left;
}
#wps-toolbar-content #wps-toolbar-bottom #wpsc-social-accounts img
{
border:0px;
padding:0px;
margin:0px;
border-right:1px solid #999;
float:left;
overflow:hidden;
}
#wps-toolbar-content #wps-toolbar-bottom #wpsc-social-counts
{
float:right;
}
.wpcs-share-icons
{
float:right;
height:30px;
text-align:center;
padding:10px 5px 0px 5px;
border-left:1px solid #999;
}
#twitter_update_list
{
list-style:none;
padding:0px;
margin:0px;
}
#wpsc-social-counts .daddydesign img
{
border:0px !important;
}
#wps-toolbar-content #wps-toolbar-top #wps-twitter-status .wps-tweetstamp
{
padding:0px 0px 0px 23px;
font-size:95% !important;
}
{
width:100%;
display:block;
position:fixed;
bottom:0px;
left:0px;
text-align:left;
margin:0px;
overflow:hidden;
z-index:9999;
text-shadow:none !important;
}
#wp-social-toolbar,#wp-social-toolbar-show-box
{
display:none;
}
#wps-toolbar-content
{
width:100%;
display:block;
padding:0px;
margin:0px;
overflow:hidden;
}
#wps-toolbar-content #wps-toolbar-top
{
width:100%;
display:block;
overflow:hidden;
position:relative;
min-height:28px;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button,#wps-toolbar-show
{
bottom:0px;
padding:0px 0px 0px 3px;
margin:0px 0px 0px 0px;
background:#999;
width:24px;
border-radius: 3px;
-moz-border-radius: 0px 7px 0px 0px;
-webkit-border-radius:0px 7px 0px 0px;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button
{
position:absolute;
bottom:0;
left:0;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button,#wps-toolbar-show
{
margin:10px 0px 0px 0px !important;
padding:3px 3px 0px 0px !important;
text-align:center;
overflow:hidden;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button
{
padding:3px 3px 0px 0px;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button img
{
margin:2px 0px 0px 0px !important;
border:0px !important;
}
#wps-toolbar-show img
{
border:0px !important;
}
#wp-social-toolbar-show-box
{
border-bottom:5px solid #999999;
width:100%;
overflow:hidden;
}
.wpcs-border
{
height:5px;
width:100%;
display:none;
background:#999999;
}
#wps-toolbar-content #wps-toolbar-top #wps-close-button img,#wps-toolbar-show img
{
cursor:pointer;
border:0px !important;
}
#wps-toolbar-content #wps-toolbar-top #wps-twitter-status
{
float:right;
padding:10px 20px 10px 45px;
border-radius: 10px;
-moz-border-radius: 10px 0px 0px 0px;
-webkit-border-radius: 10px 0px 0px 0px;
background:#999 url(../images/tweet_bird.png) no-repeat 10px;
font-size:13px;
line-height:16px;
color:#ffffff;
max-width:80%;
position:relative;
}
#wps-toolbar-content #wps-toolbar-top #wps-twitter-status-no
{
float:right;
padding:10px 20px 10px 45px;
position:relative;
height:10px;
}
#wps-toolbar-content #wps-toolbar-bottom
{
width:100%;
display:block;
height:40px;
padding:0px;
margin:0px;
background:#000;
border-top:5px solid #999;
overflow:hidden;
}
#wps-toolbar-content #wps-toolbar-bottom #wpsc-social-accounts
{
float:left;
}
#wps-toolbar-content #wps-toolbar-bottom #wpsc-social-accounts img
{
border:0px;
padding:0px;
margin:0px;
border-right:1px solid #999;
float:left;
overflow:hidden;
}
#wps-toolbar-content #wps-toolbar-bottom #wpsc-social-counts
{
float:right;
}
.wpcs-share-icons
{
float:right;
height:30px;
text-align:center;
padding:10px 5px 0px 5px;
border-left:1px solid #999;
}
#twitter_update_list
{
list-style:none;
padding:0px;
margin:0px;
}
#wpsc-social-counts .daddydesign img
{
border:0px !important;
}
#wps-toolbar-content #wps-toolbar-top #wps-twitter-status .wps-tweetstamp
{
padding:0px 0px 0px 23px;
font-size:95% !important;
}
corescript.js
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
/**
* Cookie plugin
*
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
/**
* Create a cookie with the given name and value and other optional parameters.
*
* @example $.cookie('the_cookie', 'the_value');
* @desc Set the value of a cookie.
* @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
* @desc Create a cookie with all available options.
* @example $.cookie('the_cookie', 'the_value');
* @desc Create a session cookie.
* @example $.cookie('the_cookie', null);
* @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
* used when the cookie was set.
*
* @param String name The name of the cookie.
* @param String value The value of the cookie.
* @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
* @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
* If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
* If set to null or omitted, the cookie will be a session cookie and will not be retained
* when the the browser exits.
* @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
* @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
* @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
* require a secure protocol (like HTTPS).
* @type undefined
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/[email protected]
*/
/**
* Get the value of a cookie with the given name.
*
* @example $.cookie('the_cookie');
* @desc Get the value of a cookie.
*
* @param String name The name of the cookie.
* @return The value of the cookie.
* @type String
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/[email protected]
*/
jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
}
// CAUTION: Needed to parenthesize options.path and options.domain
// in the following expressions, otherwise they evaluate to undefined
// in the packed version for some reason...
var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else { // only name given, get cookie
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
};
* Cookie plugin
*
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
/**
* Create a cookie with the given name and value and other optional parameters.
*
* @example $.cookie('the_cookie', 'the_value');
* @desc Set the value of a cookie.
* @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
* @desc Create a cookie with all available options.
* @example $.cookie('the_cookie', 'the_value');
* @desc Create a session cookie.
* @example $.cookie('the_cookie', null);
* @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
* used when the cookie was set.
*
* @param String name The name of the cookie.
* @param String value The value of the cookie.
* @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
* @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
* If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
* If set to null or omitted, the cookie will be a session cookie and will not be retained
* when the the browser exits.
* @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
* @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
* @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
* require a secure protocol (like HTTPS).
* @type undefined
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/[email protected]
*/
/**
* Get the value of a cookie with the given name.
*
* @example $.cookie('the_cookie');
* @desc Get the value of a cookie.
*
* @param String name The name of the cookie.
* @return The value of the cookie.
* @type String
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/[email protected]
*/
jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
}
// CAUTION: Needed to parenthesize options.path and options.domain
// in the following expressions, otherwise they evaluate to undefined
// in the packed version for some reason...
var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else { // only name given, get cookie
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
};
jquery-1.5.min.js
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
/*!
* jQuery JavaScript Library v1.5
* http://jquery.com/
*
* Copyright 2011, John Resig
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* Includes Sizzle.js
* http://sizzlejs.com/
* Copyright 2011, The Dojo Foundation
* Released under the MIT, BSD, and GPL Licenses.
*
* Date: Mon Jan 31 08:31:29 2011 -0500
*/
Gewijzigd op 19/08/2011 19:29:12 door Michel van de Wiel
Er zijn nog geen reacties op dit bericht.