 Powered by
 |
|
Hier meine Frage, ich hoffe wir kriegen die hin.
Ich habe ja die Mitglieder die online sind oben auf der Startseite.
Ich würde es gerne so machen wie in der Landkarte , das wenn man über einen Benutzer streicht ein Hover erscheint mit genau dieser "Blase" aus der Landkarte wo einige Infos drin stehen.
Also die Blase als Hover und beim Klicken gelangt man ins Profil.
(Bei der Landkarte klickt man um die Blase zu bekommen)
also auf meiner Startseite steht oben wer online ist:
Auf der landkarte bekommt man lustige Blasen wenn man auf einen namen klickt:
Und diese Blase hätt ich gern als Hovereffekt direkt im Forum (schlechte Photomontage hab nur paint hier @ work ) :-)
Hier mal das Landkartentemplate.
Meint Ihr das funktioniert?
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
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
{{today@dateformat.start}}Heute{{today@dateformat.end}}
{{yesterday@dateformat.start}}Gestern{{yesterday@dateformat.end}}
{{norm@dateformat.start}}%d.%m.%Y{{norm@dateformat.end}}
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="content">
<h2>{[map_title]}</h2>
<div id="map" style="width: 100%; height: 650px"></div>
<br>
<img src="http://labs.google.com/ridefinder/images/mm_20_yellow.png"> {[map_location_special]}<br>
<img src="http://labs.google.com/ridefinder/images/mm_20_red.png"> {[map_location_members]}<br>
<small>{[map_info_mydata]}</small>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
{{endbody.start}}
<script src="http://maps.google.com/maps?file=api&v=2&key={{api}}" type="text/javascript"></script>
<script type="text/javascript" defer="defer">
//<![CDATA[
// Create our "tiny" marker icon
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
var orticon = new GIcon();
orticon.image = "http://labs.google.com/ridefinder/images/mm_20_yellow.png";
orticon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
orticon.iconSize = new GSize(12, 20);
orticon.shadowSize = new GSize(22, 20);
orticon.iconAnchor = new GPoint(6, 20);
orticon.infoWindowAnchor = new GPoint(5, 1);
var map = new GMap(document.getElementById("map"));
map.setMapType(G_HYBRID_MAP);
// map.addControl(new GSmallMapControl());
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint({{startX}},{{startY}}),{{startZoom}});
function createUser(data)
{
var point = new GPoint(data[0], data[1]);
var marker = new GMarker(point, icon);
var html = "<div style='width:280px;height:120px;color:#000000'>";
if(data[3].length>3) html += '<img src="'+data[3]+'" align=right width=65 height=75>';
if(data[8].length>2) html += '<a href="' + data[8] + '">';
if(data[5].length>2) html += '<span style="color:' + data[5] + '">';
html += '<b>' + data[2] + '</b>';
if(data[5].length>2) html += '</span>';
if(data[8].length>2) html += '</a>';
html += "<br>" + data[4] + "<br>";
html += '{[map_member_messages]} ' + data[6] + '<br>{[map_member_signup_date]} ' + data[7];
html += "</div>";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
function createOrt(data)
{
var point = new GPoint(data[0], data[1]);
var marker = new GMarker(point, orticon);
var html = "<div style='width:280px;height:120px;overflow:auto;color:#000000'><b>" + data[2] + "</b><br>" + data[3];
html += "</div>";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
users = new Array(
{{users.startlist}}{{tr}}
new Array({{users:x}},{{users:y}},'{{users:username}}','{{users:userimage}}','{{users:usertitle}}','{{users:usercolor}}','{{users:messages}}','{{users:reged|dateformat}}','{{users:userlink}}') {{tr.start}},{{tr.end}}{{users.end}}
);
for (var i = 0; i < users.length; i++) {
var marker = createUser(users[i]);
map.addOverlay(marker);
}
orte = new Array(
{{orte.startlist}}
{{tr2}} new Array({{orte:x}},{{orte:y}},'{{orte:title}}','{{orte:text}}')
{{tr2.start}},{{tr2.end}}
{{orte.end}}
);
for (var i = 0; i < orte.length; i++) {
var marker = createOrt(orte[i]);
map.addOverlay(marker);
}
//]]>
</script>
{{endbody.end}}Hier mal mein Templateelement Forum Übersicht da hab ich das mit wer online ist drin:
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
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
<center><span style="color: #d1d1d1; font: sylfaen; font-weight: bold; font-size: 14px;">Du, <i>{{useronline.startlist}}{{komma}}<a href="{{useronline:link}}"{{useronline:name==Hondafreak1981.Admin}}>{{useronline:invisible==true.start}}<i>{{useronline:name}}</i>{{useronline:invisible==true.else}}{{useronline:name}}{{useronline:invisible==true.end}}</a>{{komma.start}}, {{komma.end}}{{useronline.end}}
und {{guests_online}} Gäste {{guests_online==1.gast.gaeste}} sind Online und <img src="http://server3.webkicks.de/hondachat/active/red"> im Chat.</i><br> {{global_on_useronline_max==true.end}}
</span></center>
{{category.startlist}}
{{tick(forums_before_cat)}}
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt>{{category:title}}</dt>
<dd class="topics">{[name_threads]}</dd>
<dd class="posts">{[name_messages]}</dd>
<dd class="lastpost"><span>{[index_message_last]}</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
{{tick(forums_own_row_before)}}
{{category:forum.startlist}}
<li class="row">
<dl class="icon" style="background-image: url({{img_server_2}}forum_{{forum:new_messages==true.start}}un{{forum:new_messages==true.end}}read.gif); background-repeat: no-repeat;">
<dt title="{{forum:new_messages==false.start}}{[forum_no_new_messages_style2]}{{forum:new_messages==false.else}}{[forum_new_messages_style2]}{{forum:new_messages==false.end}}">
<a href="{{forum:link}}" class="forumtitle">{{forum:var1==true.start}}<img src="{{forum:var1}}"align= "left"border="0">{{forum:var1==true.end}}{{forum:title}}{{forum:var2==true.start}}<img src="{{forum:var2}}"align="left"border="0">{{forum:var2==true.end}}</a><br />
{{forum:description}}
{{forum:moderator==true.start}}<br>
<small><b>{[name_moderator]}:</b> {{forum:moderator}}</small>{{forum:moderator==true.end}}
{{forum:subforum==true.start}}<br><small><b>{[index_subforum]} </b>
{{forum:subforum.startlist}}{{strenn}}<a href="{{subforum:link}}">{{subforum:title}}</a>{{strenn.start}}, {{strenn.end}}{{forum:subforum.end}}
</small>{{strenn.start}} {{strenn.end}}{{forum:subforum==true.end}}
</dt>
<dd class="topics">{{forum:threads_count|numberformat}} <dfn>{[name_threads]}</dfn></dd>
<dd class="posts">{{forum:posts_count|numberformat}} <dfn>{[name_messages]}</dfn></dd>
{{forum:posts_count==true.start}}
<dd class="lastpost"><span>
<dfn>{[index_message_last]}</dfn> {[thread_of_style2]} {{user_registered==true.start}}<a href="{{forum:lastmessage_userlink}}">{{user_registered==true.end}}{{forum:lastmessage_user}}{{user_registered==true.start}}</a>{{user_registered==true.end}} <a href="{{forum:lastmessage_link}}" title="{{forum:lastmessage_title}}"><img src="{{img_server_2}}icon_topic_latest.gif" width="11" height="9" alt="{{forum:lastmessage_title}}"/></a> <br />{{forum:lastchange|dateformat}}</span>
</dd>
{{forum:posts_count==true.end}}
</dl>
</li>
{{category:forum.end}}
{{tick(forums_own_row_after)}}
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
{{category.end}}
{{tick(forums_after_cat)}}
{{mitglied.start}}{[name_member]}{{mitglied.end}}
{{mitglieder.start}}{[name_members]}{{mitglieder.end}}
{{ghost.start}}{[name_ghost]}{{ghost.end}}
{{ghosts.start}}{[name_ghosts]}{{ghosts.end}}
{{gast.start}}{[name_guest]}{{gast.end}}
{{gaeste.start}}{[name_guests]}{{gaeste.end}}
<div name="stats">
{{tick(forums_bottom_right)}}
{{user_registered==false.start}}
{{captcha_login==false.start}}
<form method="POST" action="login.php">
<h3><a href="{{link_login}}">{[header_goto_login]}</a> • <a href="{{link_signup}}">{[header_goto_signup]}</a></h3>
<fieldset class="quick-login">
<label for="username">Username:</label> <input name="name" type="text" value="" size="10" class="inputbox autowidth">
<label for="password">Password:</label> <input name="pww" type="password" value="" size="10" class="inputbox autowidth">
<input name="B1" type="submit" value="login" class="button2" size"3" valign="middle">
</fieldset>
</form>
{{captcha_login==false.end}}
{{user_registered==false.end}}
<h3><a href="{{link_online}}">{[member_online_style2]}</a></h3>
<p>{{member_online}} {{member_online==1.mitglied.mitglieder}}{{ghosts_online==true.start}}, {{ghosts_online}} {{ghosts_online==1.ghost.ghosts}} {{ghosts_online==true.end}} {[name_and]} {{guests_online}} {{guests_online==1.gast.gaeste}} {[index_user_online_are]}
{{global_on_useronline_max==true.start}}
{{now1@dateformat.start}}{[time_other]}{{now1@dateformat.end}}
{{now@dateformat.start}}{[time_other]}{{now@dateformat.end}}
{{today@dateformat.start}}{[time_other]}{{today@dateformat.end}}
{{yesterday@dateformat.start}}{[time_other]}{{yesterday@dateformat.end}}
{{norm@dateformat.start}}{[time_other]}{{norm@dateformat.end}}
<br>{[index_user_online_max]}
{{global_on_useronline_max==true.end}}<br><br>
{[member_online_registered_style2]}{{useronline.startlist}}{{komma}}<a href="{{useronline:link}}">{{useronline:invisible==true.start}}<i>{{useronline:name}}</i>{{useronline:invisible==true.else}}{{useronline:name}}{{useronline:invisible==true.end}}</a>{{komma.start}}, {{komma.end}}{{useronline.end}}<br>
<h3><a>{[board_stats_style2]}</a></h3>
<p>{{boardstats.start}}{[header_home_stats]} • {[index_user_lastreg]}<strong><a href="{{newest_member_link}}">{{newest_member}}</a></strong> • <a href="{{link_lastmsgs}}"><span>{[header_goto_newest]}</span></a>{{boardstats.end}}
{{forumstats.start}}<div>{[header_forum_stats]}{[header_forum_rights]}</div>{{forumstats.end}}
{{topicstats.start}}<div>{[header_thread_stats]}<a href="{{topic_abolink}}"><span>{[thread_goto_abo]}</span></a></div>{{topicstats.end}}
{{position==board.boardstats}}
{{position==forum.forumstats}}
{{position==topic.topicstats}} </p>
</div>zuletzt bearbeitet 11.07.2009 01:16 |
antworten
Hinweis
 Besucher
3 Mitglieder und 20 Gäste sind Online: Sebastian, Ingmar, matadoerle Wir begrüßen unser neuestes Mitglied: jupiter12 |
 Forum Statistiken
Das Forum hat 25959
Themen
und
173396
Beiträge.
Heute waren 24 Mitglieder Online: 69magic, AlingPcxForum, AndyOSW, Don Alfredo, Fabian, Fossa, gismo22100, Gude.Rune, hans58, hansi170, Heinz-Dieter Papenberg, Herby, Ingmar, jupiter12, kacz, Kelasia, Lady of the light, mario4370, matadoerle, nobody, Rabendolch, Sebastian, sonnenschein, taugenix |
Foren Chat
3