Signatur- und Iconbaranzeige im business template

14.05.2014 19:59
avatar  ( gelöscht )
#1 Signatur- und Iconbaranzeige im business template
Gast
( gelöscht )

Hallo,

... im Standard- und im Gaiatemplate wird die Iconbar und die Signatur des users auch bei den Bildkommentaren in der Bildergalerie angezeigt.

Ich möchte das auch im Business Template angezeigt haben.

Wer kann mir helfen ?

Vielen Dank.

www.frapefo.xobor.de


 Antworten

 Beitrag melden
15.05.2014 09:22
avatar  Alice ( gelöscht )
#2 RE: Signatur- und Iconbaranzeige im business template
Al
Alice ( gelöscht )

Du könntest dir den entsprechenden Eintrag dafür aus dem Template im Gaia herauskopieren und es ins entsprechende Template im Business einarbeiten.


Hinweise zum eigenen Template:
Sie legen mit der Veränderung eines Template-Elements eine Kopie an, welche sich nicht automatisch aktualisieren kann und bei der von Vielen eine Aktualisierung auch nicht erwünscht wäre.
Das Verändern der kursiv geschriebenen Template-Elemente wird von uns ausdrücklich nicht empfohlen und es wird keine Kompatibilität garantiert.
Auch mussten sie diese Hinweise zunächst bestätigen, bis sie auch dieses Template-Element bearbeiten konnten.
Prüfen Sie daher bitte gerade bei solchen Template-Elementen vorher selbst nach, ob es am eigenen Template liegen kann.
Bei den regulären Template-Elementen (ohne extra Warnhinweis/kursiv geschrieben) garantieren wir ihnen eine Kompatibilität zu späteren Updates - auch hier fließen ggf. Neuerungen jedoch aufgrund der angelegten Kopie nicht von selbst mit ein.


 Antworten

 Beitrag melden
15.05.2014 21:54
#3 RE: Signatur- und Iconbaranzeige im business template
Ob
Mitglied

(hierzu hätte ich gerne mehr gewusst) *duck und weg*


 Antworten

 Beitrag melden
16.05.2014 08:48
avatar  Alice ( gelöscht )
#4 RE: Signatur- und Iconbaranzeige im business template
Al
Alice ( gelöscht )

Der Support endet für uns wenn eigene Templates angelegt werden, daher geben wir in den jeweiligen Fällen auch keine weiteren Hinweise dazu.
Vielleicht hat ja einer der Templatebastler Lust dir da zu helfen.

Wegducken musst du dich nicht, ich beiße nur wenn man mich anknurrt.


 Antworten

 Beitrag melden
16.05.2014 12:25
avatar  Romulus
#5 Iconbar auch beim Kommentieren von Bildern – Business Template
avatar
Mitglied

@Firestone007 @kikiriki51

Die Iconbar lässt sich im Business Template problemlos auch in der Bildergalerie zum Kommentieren von Bildern einbauen.
Natürlich ist dazu ein kleiner Eingriff am Template-Element Bildergalerie - Bild anzeigen notwendig.

Da für die Änderung aber lediglich zwei kleine Zusätze nötig sind und nicht etwa aufwendig umgebaut werden muss, ist es eigentlich ein sehr einfacher Eingriff.

Schritt 1:
Den folgenden Abschnitt im erwähnten Template-Element suchen (ist leicht zu finden, denn er ist ganz unten am Ende):

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
 
			{{user_registered==true.start}}
<input type="text" name="name" id="name" value="{{actUser}}" style="display: none;"/>
{{user_registered==true.else}}
<input type="text" name="name" id="name" value="" />
{{user_registered==true.end}}

<textarea id="commentar" name="commentar">{{addedcomment}}</textarea>

{{user_registered==false.start}}
<div class="captcha">
<strong>{[signup_captcha]}</strong>
<small>{[captcha_expl]}.</small>
{{captcha_wrong==true.start}}{{captcha_wrong==true.end}}
<img src="{{captcha_image}}" />
<input type="text" name="captcha" id="captcha" />
</div>
{{user_registered==false.end}}

{{user_registered==true.start}}<div id="commentsub" style="padding:5px;"><label>{[gallery_subscribe_comments]}<input type="checkbox" style="width:auto;margin-left:5px;" value="1" {{subscribed==true.start}}checked="checked"{{subscribed==true.end}} name="comment_subscribe" /></label></div>{{user_registered==true.end}}
<input type="submit" name="addComment" value="{[gallery_save_comment]}" class="button"/>

</form>
</div>
</div>
</div>
{{can_comment_pic==true.end}}
{{guest_nocomments==true.end}}
 



Schritt 2:
Den kompletten Abschnitt aus Schritt 1 durch folgenden ersetzen:

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
 
			{{user_registered==true.start}}
<input type="text" name="name" id="name" value="{{actUser}}" style="display: none;"/>
{{user_registered==true.else}}
<input type="text" name="name" id="name" value="" />
{{user_registered==true.end}}
<div class="iconbarcontent">
{{iconbar}}
</div>
<textarea id="commentar" name="commentar">{{addedcomment}}</textarea>

{{user_registered==false.start}}
<div class="captcha">
<strong>{[signup_captcha]}</strong>
<small>{[captcha_expl]}.</small>
{{captcha_wrong==true.start}}{{captcha_wrong==true.end}}
<img src="{{captcha_image}}" />
<input type="text" name="captcha" id="captcha" />
</div>
{{user_registered==false.end}}

{{user_registered==true.start}}<div id="commentsub" style="padding:5px;"><label>{[gallery_subscribe_comments]}<input type="checkbox" style="width:auto;margin-left:5px;" value="1" {{subscribed==true.start}}checked="checked"{{subscribed==true.end}} name="comment_subscribe" /></label></div>{{user_registered==true.end}}
<input type="submit" name="addComment" value="{[gallery_save_comment]}" class="button"/>

</form>

<script type="text/javascript" >miranus_add_iconbar_textarea("commentar");</script>
</div>
</div>
</div>
{{can_comment_pic==true.end}}
{{guest_nocomments==true.end}}
 



Abspeichern. Fertig!

Wie man sieht, sind lediglich die beiden folgenden Zeilen hinzugekommen:

1
2
3
 
				<div class="iconbarcontent">
{{iconbar}}
</div>
 


und

1
 
		<script type="text/javascript" >miranus_add_iconbar_textarea("commentar");</script>
 

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
16.05.2014 17:05
#6 RE: Iconbar auch beim Kommentieren von Bildern – Business Template
Ob
Mitglied

Vielen Dank Romulus: Natürlich reicht mir die Erklärung nicht: Aber, meine"Hausaufgabe" für dieses Wochenende wird des sein, in der Bildergalerie die Iconbar zu installieren. Schauen wir mal, ob wir das zusammen hinbekommen

Wenn ich das jetzt richtig verstanden habe, gehe ich → Administration → Template Entwicklung →Buisiness Tamplate (ganz rechts - Kopie anlegen...) und dann kommt das, was mir Respekt verschafft... HTML Kenntnisse vorausgesetzt!

bin ich soweit schon mal richtig? Wenn ja, sage mir, wie es weitergeht....Nochmals Dankeschön...


 Antworten

 Beitrag melden
16.05.2014 20:15 (zuletzt bearbeitet: 16.05.2014 20:20)
avatar  Romulus
#7 RE: Iconbar auch beim Kommentieren von Bildern – Business Template
avatar
Mitglied

Soweit alles richtig! Zur Sicherheit gebe ich Dir hier noch eine genaue Bild-Anleitung, angefangen vom Erstellen der Kopie Deines Templates bis hin zum (hier extrem erleichterten) Einbau der Iconbar in der Kommentar-Funktion der Bildergalerie.

WICHTIG: Wer bereits eine Kopie seines Templates angelegt hat, überspringt bitte die Punkte 1 bis 5 und beginnt direkt mit Punkt 6. Obwohl dies eine Schritt-für-Schritt-Anleitung ist, empfehle ich jedem "blutigen Anfänger" das Ganze zunächst einmal in einem Testforum auszuprobieren. Und ganz wichtig: Im Admin-Menü wird nicht gehastet, sondern immer ganz ruhig und entspannt gearbeitet.

Zeitaufwand: ca. 5 Minuten (das Lesen dieser Anleitung ist in der Zeit aber nicht inbegriffen)

Einbau der Miranus-Iconbar in die Kommentar-Funktion der Bildergalerie



1) Kopie des Templates (Business Template)
Auf "Kopie anlegen" klicken und den darauf folgenden Hinweis mit "OK" bestätigen:


2) Unterstützung mehrerer Sprachen
Es schadet nicht hier auf "Ja" zu klicken. Man kann nie wissen, was man noch so alles in punkto Sprachvariablen später mal im Template anpassen möchte. Jetzt noch auf "Kopie anlegen" klicken und erneut einen Hinweistext mit "OK" bestätigen:


3) Kopie des Templates aktivieren
Nun aktivierst Du die Kopie Deines Templates:


4) Template mit den aktuellen Farbeinstellungen aktivieren


5) Layout übernehmen
Nach einem Klick auf "Layout übernehmen" ist die Kopie Deines Templates endgültig aktiv. Danach auf "Template Entwicklung" klicken.


6) Jetzt kann's endlich losgehen!
Ganz nach unten scrollen und unter "Kopie von Business Template" auf "[edit]" klicken:


7) Auflistung der Template Elemente erweitern
Um das für unser Vorhaben erforderliche Template-Element Bildergalerie - Bild anzeigen auch zu Gesicht zu bekommen, muss zunächst die komplette Liste der Template Elemente aufgerufen werden. Nach dem Klick auf "Alle Elemente anzeigen" ist wiederum ein Hinweis mit "OK" zu bestätigen:


8) Template-Element öffnen
In der nun vollständigen Auflistung der Template Deiner frisch angelegten Template-Kopie klickst Du nun ohne Umschweife auf "Bildergalerie - Bild anzeigen".

9) Änderung vornehmen
Im nun geöffneten Eingabefenster des gewünschten Template-Elements klickst Du einmal kurz ins Eingabefeld. Mit Strg+A den kompletten Quellcode markieren und danach auf die Entf-Taste Deiner Tastatur drücken. Damit ist das Eingabefeld leer.

Nun kopierst Du den kompletten Code im nachfolgenden Spoiler und fügst diesen mittels Strg+V in das leere Eingabefenster. In diesem Code ist die kleine Änderung, wie ich sie in Posting #5 beschrieben habe, bereits enthalten – das heißt, das Template-Element ist damit vollständig inklusive der kleinen Änderung!

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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
 
<script type="text/javascript" language="text/javascript" src="{{js_uri}}autocomplete.js"></script>
<script language="javascript" src="{{link_gallery_js}}" type="text/javascript"></script>
<script language="javascript" src="{{link_gallery_usertag_js}}" type="text/javascript"></script>
<script>
function show_background_pic(id,img) {
document.getElementById(id).style.backgroundImage='url('+ img+ ')';
document.getElementById(id).style.cursor='pointer';
setTimeout("hide_background_pic();",1500);
}
function hide_background_pic() {
document.getElementById('back').style.backgroundImage='none';
document.getElementById('next').style.backgroundImage='none';
}
 
</script>
 
{{showsocial==true.start}}
<div style="float:right; margin-right:20px;">
{{fb_like==true.start}}{[facebook_like_330]}{{fb_like==true.end}}
{{plusone==true.start}}{[plusone_m]}{{plusone==true.end}}
{{twitter==true.start}}{[twitter_button]}{{twitter==true.end}}
</div>
{{showsocial==true.end}}
 
{{linkedusers.start}}{{linkedusers.end}}
{{linkedpictures.start}}{{linkedpictures.end}}

{{integration.startlist}}
{{targettype.start}}{{integration:target_type}}{{targettype.end}}

{{targettype~=user_profile.start}}
{{linkedusers.start}}true{{linkedusers.end}}
{{targettype~=user_profile.end}}

{{targettype~=gallery_picture.start}}
{{linkedpictures.start}}true{{linkedpictures.end}}
{{targettype~=gallery_picture.end}}

{{integration.end}}
 

<div id="breadcrumbs">
<span><a href="{{link_gallery}}"><img src="{{global_breadcrumb_start}}" /><strong>{[header_goto_gallery]}</strong></a></span>

{{nav==true.start}}
{{nav.startlist}}
» <a href="{{nav:cat_link}}">{{nav:name}}</a>
{{nav.end}}
{{nav==true.end}}

» <strong>{[gallery_picture_2]} "{{pic_title}}" {[configdata_avatar_gallery_show]}</strong>

<br/>{{html_desc==true.start}}<small>{[gallery_showing]} {{pic_title}}</small>{{html_desc==true.end}}
</div><div class="clear"></div>
 
{{tick(breadcrumb_end)}}
 
{{only.start}}0{{only.end}}
 
{{hasnext==true.start}}{{only.start}}1{{only.end}}{{hasnext==true.end}}
{{hasprevious==true.start}}{{only.start}}1{{only.end}}{{hasprevious==true.end}}
 

<div class="options">
 
{{only==true.start}}
<div class="fpages">
{{hasprevious==true.start}}
<a href="{{previousLink}}#viewport">« {[gallery_prevpic]}</a>
{{hasprevious==true.else}}
<span class="crtp">« {[gallery_prevpic]}</span>
{{hasprevious==true.end}}
 
{{hasnext==true.start}}
<a href="{{nextLink}}#viewport">{[gallery_nextpic]} »</a>
{{hasnext==true.else}}
<span class="crtp">{[gallery_nextpic]} »</span>
{{hasnext==true.end}}

</div>
{{only==true.end}}
 
{{options.start}}0{{options.end}}
{{can_edit_pic==true.start}}{{options.start}}1{{options.end}}{{can_edit_pic==true.end}}
{{can_delete_pic==true.start}}{{options.start}}1{{options.end}}{{can_delete_pic==true.end}}
{{gallery_dl_link==true.start}}{{options.start}}1{{options.end}}{{gallery_dl_link==true.end}}
 
{{options==true.start}}
 

<div class="foptions" id="foptions_bar">
<div id="foptions_link"><small>{[gallery_picture_settings]} {{global_imageserver==true.start}}<img src="{{global_imageserver}}svg-object_navsub-color1_{{global_text_fontcolor|urlencode}}-color2_{{global_text_fontcolor|urlencode}}-color3_FFF.png" />{{global_imageserver==true.end}}</small>
<div class="foptions_list" id="foptions_extend">
{{can_edit_pic==true.start}}
<a href="{{edit_pic_link}}" onclick="hpm_newDialogCentered('{{edit_pic_link}}','800'); return false;"><small>{[gallery_edit_picture]}</small></a>
{{can_edit_pic==true.end}}

{{can_delete_pic==true.start}}
<a href="{{del_pic_link}}" onclick="hpm_newDialogCentered('{{del_pic_link}}','800'); return false;"><small>{[gallery_picture_delete]}</small></a>
{{can_delete_pic==true.end}}

</div>
</div>
</div>
{{gallery_dl_link==true.start}}
<div class="foptions"><img style="vertical-align:center; padding-right:5px;"src="https://files.homepagemodules.de/b2001010/a_934_e1dbca11.png" width="16px" height="16px" /><a name="viewport" href="{{gallery_dl_link}}" class="xdl" target="_blank" ><small>{[gallery_fullpic]}</small></a></div>
{{gallery_dl_link==true.end}}
 
{{options==true.end}}
</div>
 
<div class="box">
<div class="boxheader"><strong>{{pic_title}}</strong></div>
<div class="boxcontent">
<div class="spacer20" id="PicMainCont" style="text-align: center; padding: 5px 20px;">
{{pic_link==true.start}}
{{showloader.start}}0{{showloader.end}}

{{pic_link_width>50.start}}
{{pic_link_height>50.start}}
{{showloader.start}}1{{showloader.end}}
{{pic_link_height>50.end}}
{{pic_link_width>50.end}}
 

{{addintegrations==true.start}}
<div class="embed_picture" style="float:right; text-align:right;cursor:pointer;" onclick="doForumModal('linkpic','');";>{[embed_picture]}</div><br/>
<div class="picture_integrations" style="float:right; text-align:right;cursor:pointer;">{[gallery_tag]}<div class="int_sub" style="display:none">
{{addintegrations.startlist}}
<a href="{{addintegrations:url}}" onclick="miranus_load_js('{{link_js_integration}}'); hpm_newDialogCentered('{{addintegrations:url}}','800'); return false;">
{{addintegrations:name|gettranslation(integration)}}
</a><br/>
{{addintegrations.end}}
</div></div>
 
{{addintegrations==true.end}}
{{user_registered==true.start}}
{{subscribed==true.start}}
<div class="embed_picture" style="clear:right;float:right; text-align:right;cursor:pointer;" onclick="doContentUnsubscribe('{{user_id}}','12','{{picture_id}}','{{cat_id}}','{{cat_id}}');">{[gallery_unsubscribe_comments]}</div><br/>
{{subscribed==true.else}}
<div class="embed_picture" style="clear:right;float:right; text-align:right;cursor:pointer;" onclick="doContentSubscribe('{{user_id}}','12','{{picture_id}}','{{cat_id}}','{{cat_id}}');">{[gallery_subscribe_comments]}</div><br/>
{{subscribed==true.end}}
{{user_registered==true.end}}
 

<div style="margin:auto; background: url({{pic_link|resizepic({{global_gallery_max_image_size}},1200)}}) no-repeat center transparent; width: {{pic_link_width}}px; height:{{pic_link_height}}px; padding: 5px; border: 2px solid {{global_boxcontent_background|rgb_lightness(92)}};" class="gallpic {{pic_link==true.start}}{{showloader==true.start}} loader {{showloader==true.end}}{{pic_link==true.end}}" title="{{pic_title}} - {[uploaded_by]} {{pic_owner}} {[blog_created_on]} {{uploaded|dateformat}} ({{num_comments}} {[blog_comments_pl]})" >
<div style="width:{{pic_link_width}}px; height: {{pic_link_height}}px; background-image: url({{global_trans_100}}); background-repeat: repeat; ">

<div style="width:50%; height: 100%; background-repeat: no-repeat; background-position: center; background-color: transparent; float: left; " id="back"
{{linkedusers==false.start}}onmouseover="return show_background_pic('back','https://files.homepagemodules.de/b2001010/a_133.png');"{{linkedusers==false.end}}}
{{linkedusers==false.start}}onmouseout="document.getElementById('back').style.backgroundImage='none'"; onclick="window.location='{{previousLink}}'"{{linkedusers==false.end}}>
</div>

<div style="width: 50%; background-repeat: no-repeat; background-position: center; background-color: transparent; height: 100%; float: right; " id="next"
{{linkedusers==false.start}}onmouseover="return show_background_pic('next','https://files.homepagemodules.de/b2001010/a_132.png');"{{linkedusers==false.start}}
{{linkedusers==false.start}}onmouseout="document.getElementById('next').style.backgroundImage='none'"; onclick="window.location='{{nextLink}}'"{{linkedusers==false.end}}>
</div>
<div style="clear: both; position:absolute;"></div>
</div>
</div>


<hr/>



 

 
{{pic_link==true.else}}
<br/><br/><br/>
<strong><img src=" {{global_image_broken}}" />{[gallery_pic_broken]}.</strong>
 
{{can_delete_pic==true.start}}
<br/>
<a href="{{del_pic_link}}" onclick="hpm_newDialogCentered('{{del_pic_link}}','800'); return false;">{[gallery_picture_delete]}</a>
{{can_delete_pic==true.end}}
 
<br/><br/><br/>
{{pic_link==true.end}}
{{pic_description}}
{{show_ratings_for_gallery_picture==true.start}}<hr/>
<div class="postratings">{{ratings(gallery_picture,picture_id)}}</div>
{{show_ratings_for_gallery_picture==true.end}}

</div>
</div>
</div>
 

<div id="testCont">
{{integration==false.start}}
{{tick(gallery_detail_no_integrations)}}
{{integration==false.else}}
<script language="javascript">
var container = document.getElementById('PicMainCont');
if(container){
var notes = new PictureTagContainer(container);
}

</script>
<!-- für Userintegration -->
{{tick(gallery_detail_pre_integrations)}}
{{linkedusers==true.start}}
<center>
<div style="padding: 2px; border: 1px solid {{global_line_color}}; margin-top: 10px;">
 
<table width="100%" style="border-collapse: collapse;">
<tr>
<td valign="middle" style="padding-right: 3px; border-right: 1px solid {{global_line_color}};" width="7%"><div align="left" style="margin-bottom: 3px; margin-left: 5px;"><small><b>{[gallery_linkeduser]}</b></small></div></td>
<td style="padding-left: 3px;">
<small><span id="userlist"></span></small><div style="clear: both;"></div></div>
</td>
</tr>
</table>
</center>
{{linkedusers==true.end}}
 

{{integration==true.start}}
<div class="integration_cont" style="border: 1px solid {{global_line_color}}; padding:10px; margin-top: 10px;">
{{integration.startlist}}
{{integration|integrate(gallery_picture)}}
{{integration:target_type_last==true.start}}<div style="clear: both;"></div>{{integration:target_type_last==true.end}}
{{tick(gallery_detail_after_integration)}}
{{integration.end}}
<div style="clear: both;"></div>
</div>
{{integration==true.end}}
</div>
{{tick(gallery_detail_after_last_integration)}}
 
{{guest_nocomments==true.start}}<br/>
<center><a href="{{link_login}}">{[signup_now]}</a>, {[to_write_comments]}</center>
{{guest_nocomments==true.else}}
 

<a name="com"></a>
{{comments==true.start}}
{{count.startint}}0{{count.end}}
 

{{comments_morepages==true.start}}
{{pages_html.start}}
<div style="clear:both"></div>
<div class="options">
<div class="fpages">
<span style="padding:0px 10px; float:left">{[pages_page]} {{commentpages_current}} {[pages_from]} {{commentpages_all}}</span>

<a {{cpreviouspagelink==true.start}}href="{{cpreviouspagelink}}"{{cpreviouspagelink==true.else}} class="inactive" {{cpreviouspagelink==true.end}} >« {[pages_previous]}</a>{{cpreviouspagelink==true.end}}
{{tick(thread_in_page_box)}}
{{commentspages|strip_pages(5)}}


{{first.start}}0{{first.end}}

{{commentspages.startlist}}
{{current_page.startint}}{{commentspages:page}}+{{pages_offset}}{{current_page.end}}
{{commentspages:cnow==true.start}}
<a class="inactive" href="{{commentspages:link}}" >{{commentspages:number}}</a>
{{commentspages:cnow==true.else}}
 
{{commentspages:strip_before==true.start}}
<a class="inactive">...</a>
{{commentspages:strip_before==true.end}}

<a href="{{commentspages:link}}" >{{commentspages:number}}</a>

{{commentspages:cnow==true.end}}

{{first.start}}1{{first.end}}
{{commentspages.end}}

<a{{cnextpagelink==true.start}} href="{{cnextpagelink}}"{{cnextpagelink==true.else}} class="inactive" {{cnextpagelink==true.end}} >{[pages_next]} »</a>
<span style="clear: both;"></span>
</div>
</div>
<div style="clear:both"></div>
{{pages_html.end}}
{{comments_morepages==true.end}}
{{pages_html}}
 
<div class="box" id="comments-wrap">
 
<div class="boxheader"><strong>{[calendar_comments_header]}</strong></div>
<div class="boxcontent">
<ul class="comments-ul">
{{comments.startlist}}
{{count.startint}}{{count}}+1{{count.end}}
<li id="comment-{{count}}">

<div class="comments-header">
<div class="spacer5">
{{comments:avatar==true.start}}
<img src="{{comments:avatar}}" class="avatar-max-size-comment"/>
{{comments:avatar==true.else}}
<img src="{{global_avatar}}" class="avatar-max-size-comment"/>
{{comments:avatar==true.end}}


{{can_delete_comment==true.start}}<a href="javascript:void(0)" id="{{count}}" class="delete-comment-link" onclick='DelCommentAjax({{comments:id}},{{picture_id}},{{cat_id}},{{count}});'>{[delete]}</a>{{can_delete_comment==true.end}}

<div style="display: inline-block; width: 300px; vertical-align: middle;">
{{comments:uname==true.start}}<a href="{{comments:user_link}}"><strong>{{comments:uname}}</strong></a><br/>{{comments:uname==true.else}}{{comments:delname==true.start}}<strong>{{comments:delname}}</strong> ({[name_user_deleted]}) {{comments:delname==true.else}} <strong>{[deleted_user]}</strong> {{comments:delname==true.end}}{{comments:uname==true.end}}
{{comments:added|dateformat}}
</div>

</div>
</div>

<div class="comment-text">
<div class="spacer10">
{{comments:commentar}}
</div>
</div>
{{show_ratings_for_gallery_picture_comment==true.start}}<hr/>
<div class="blogcommentratings">{{ratings(gallery_picture_comment,comments:id)}}</div>
{{show_ratings_for_gallery_picture_comment==true.end}}


</li>
{{comments.end}}
</ul>

</div>
</div>
{{comments==true.end}}
 


{{pages_html}}
 

<script>
 
$('#foptions_link').click( function() {
if (!$('#foptions_extend').is(':visible')) {
$('#foptions_extend').show();
$('#foptions_extend').css('top', $('#foptions_bar').outerHeight()+2+'px');
} else {
$('#foptions_extend').hide();
}

});
 
$('.boxcontent').click( function() {
$('#foptions_extend').hide();
});
 
function countComments() {
var newcount = $('.comments-ul li').length;
if(newcount == 0) { $('#comments-wrap').remove(); }
}
 
function DelCommentAjax(CommentId,PicId,cid,div_id){
 
var conf = confirm('{[gallery_delete_comment_confirmation]}');

if(!conf) { return false; }
else {

$.ajax({
url: 'gallery_viewpic.php?cid='+cid+'&pid='+PicId+'&dc='+CommentId,
success: function(data) { }
});
 

$('#comment-'+div_id).fadeTo('slow',0).remove();
setTimeout('countComments()', 100);

return false;

}

 
}
 
$('.picture_integrations').hover(function(){$(this).find('.int_sub').show();},function(){$(this).find('.int_sub').hide();});
</script>
<style type="text/css">
.linkeduser {background-repeat: no-repeat; background-position: top left; position: absolute; width: 50px; height: 50px; background-image: url("https://img.homepagemodules.de/ds/cached/svg-object_linkeduser-color1_FFFFFF-color2_FFFFFF-color3_FFF.png"); margin: 1px;cursor:pointer;display:none;}
.linkeduser_username {display:none;position: absolute; border: 1px solid {{global_line_color}}; background-color: white; color: {{global_text_fontcolor}}; width: auto; min-width: 80px; max-width: 100px; height: auto; font-size: {{global_fontsize}}; z-index:5000; cursor:pointer; padding: 0px;}
</style>
<script>
addleft = (parseInt($('#PicMainCont').width()) - parseInt($('.gallpic').width())) / 2;
addtop = (parseInt($('#PicMainCont').height()) - parseInt($('.gallpic').height())) / 2;
 
$('.linkeduser').each(function (i) {
curleft = parseInt($(this).css('left'));
curtop = parseInt($(this).css('top'));
$(this).css('left',curleft + addleft+ 'px');
$(this).css('top',curtop + addtop+ 'px');
});
 
$('.linkeduser_username').each(function (i) {
curleft = parseInt($(this).css('left'));
curtop = parseInt($(this).css('top'));
$(this).css('left',curleft + addleft+ 'px');
$(this).css('top',curtop + addtop + 'px');
});
</script>
 
<script language>
if(document.getElementById('userlist') && document.getElementById('userlist').innerHTML != ''){
notes.HideAllNotes();
container.onmouseover=function(){
notes.ShowAllNotes();
}
container.onmouseout=function(){
notes.HideAllNotes();
}
}
</script>
 
<div id="linkpic" style="display:none;">
 
<div style="padding:5px;margin-bottom:10px;">

{{user_registered==false.start}}

<div style="float: left; padding: 3px 8px; background-color: #f9f9f9; color: {{global_body_color_link}}; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='block'; document.getElementById('code12').style.display='none'; this.style.backgroundColor='#ededed'; document.getElementById('bbcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('bbcode11').style.color='{{global_grey_color}}';" id="htmlcode11"><small><b>HTML-Code</b></small></div>

<div style="float: left; padding: 3px 8px; background-color: #ededed; color: {{global_grey_color}}; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='none'; document.getElementById('code12').style.display='block'; this.style.backgroundColor='#ededed'; document.getElementById('htmlcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('htmlcode11').style.color='{{global_grey_color}}'; " id="bbcode11"><small><b>Forum-Code</b></small></div>

<div style="clear: both;"></div>

<div style="display: block; background-color: {{global_area3_bg}};" id="code11">
<input type="text" value="<a href='{{link_current_page}}'><img src='{{pic_thumb}}' title='{{pic_title}}' alt='{{pic_title}}'/></a>" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/></div>

<div style="display: none; background-color: {{global_area3_bg}};" id="code12">
<input type="text" value="[URL={{link_current_page}}][IMG]{{pic_thumb}}[/IMG][/URL]" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/>
</div>
</div>

{{user_registered==false.else}}

<div style="float: left; padding: 3px 8px; background-color: #f9f9f9; color: {{global_grey_color}}; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='block'; document.getElementById('code12').style.display='none'; this.style.backgroundColor='#ededed'; document.getElementById('bbcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('bbcode11').style.color='{{global_grey_color}}';" id="htmlcode11"><small><b>HTML-Code</b></small></div>

<div style="float: left; padding: 3px 8px; background-color: #ededed; color: {{global_body_color_link}} ; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='none'; document.getElementById('code12').style.display='block'; this.style.backgroundColor='#ededed'; document.getElementById('htmlcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('htmlcode11').style.color='{{global_grey_color}}'; " id="bbcode11"><small><b>Forum-Code</b></small></div>

<div style="clear: both;"></div>

<div style="display: none; background-color: {{global_area3_bg}};" id="code11">
<input type="text" value="<a href='{{link_current_page}}'><img src='{{pic_thumb}}' title='{{pic_title}}' alt='{{pic_title}}'/></a>" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/></div>

<div style="display: block; background-color: {{global_area3_bg}};" id="code12">
<input type="text" value="[URL={{link_current_page}}][IMG]{{pic_thumb}}[/IMG][/URL]" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/>
</div>
</div>

{{user_registered==false.end}}

</div>
 
</div>
 
{{can_comment_pic==true.start}}
<div class="box">
<div class="boxheader"><a name="com_create" class="cat">{[new_comment_header]}</a></div>
<div class="boxcontent">
<div class="spacer20">
<form name="commentForm" id="commentForm" method="post">

{{user_registered==true.start}}
<input type="text" name="name" id="name" value="{{actUser}}" style="display: none;"/>
{{user_registered==true.else}}
<input type="text" name="name" id="name" value="" />
{{user_registered==true.end}}
<div class="iconbarcontent">
{{iconbar}}
</div>
<textarea id="commentar" name="commentar">{{addedcomment}}</textarea>

{{user_registered==false.start}}
<div class="captcha">
<strong>{[signup_captcha]}</strong>
<small>{[captcha_expl]}.</small>
{{captcha_wrong==true.start}}{{captcha_wrong==true.end}}
<img src="{{captcha_image}}" />
<input type="text" name="captcha" id="captcha" />
</div>
{{user_registered==false.end}}

{{user_registered==true.start}}<div id="commentsub" style="padding:5px;"><label>{[gallery_subscribe_comments]}<input type="checkbox" style="width:auto;margin-left:5px;" value="1" {{subscribed==true.start}}checked="checked"{{subscribed==true.end}} name="comment_subscribe" /></label></div>{{user_registered==true.end}}
<input type="submit" name="addComment" value="{[gallery_save_comment]}" class="button"/>

</form>

<script type="text/javascript" >miranus_add_iconbar_textarea("commentar");</script>
</div>
</div>
</div>
{{can_comment_pic==true.end}}
{{guest_nocomments==true.end}}
 



10) Speichern
Zuguter letzt musst Du natürlich noch auf "Speichern" klicken. Damit bist Du fortan "stolzer Besitzer" einer schicken Iconbar in der Kommentar-Funktion der Bildergalerie!

Ich wünsche Euch gutes Gelingen und viel Spaß.

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
16.05.2014 20:27
avatar  Olaf
#8 RE: Iconbar auch beim Kommentieren von Bildern – Business Template
Ol
Mitglied

@Romulus

Ich glaube,Du hast der Iconbar noch keine ID zu dem Textfeld zugeordnet.

<script type="text/javascript" >miranus_add_iconbar_textarea('commentar');</script>

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
16.05.2014 20:29 (zuletzt bearbeitet: 16.05.2014 20:30)
avatar  Romulus
#9 RE: Iconbar auch beim Kommentieren von Bildern – Business Template
avatar
Mitglied

Zitat
Ich glaube,Du hast der Iconbar noch keine ID zu dem Textfeld zugeordnet.


Hallo Olaf! Doch, habe ich – 'commentar', das ist bereits die korrekte ID für exakt dieses Textfeld in der Kommentar-Funktion der Bildergalerie.

Ich habe gut aufgepasst.

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
16.05.2014 20:33 (zuletzt bearbeitet: 16.05.2014 20:34)
avatar  Olaf
#10 RE: Iconbar auch beim Kommentieren von Bildern – Business Template
Ol
Mitglied

Zitat von Romulus im Beitrag #9

Ich habe gut aufgepasst.


Jetzt habe ich es auch gesehen.Ganz am Ende der Template ist der Aufruf.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
16.05.2014 20:47
avatar  Olaf
#11 RE: Signatur- und Iconbaranzeige im business template
Ol
Mitglied

Zitat von Firestone007 im Beitrag #1
Hallo,

... im Standard- und im Gaiatemplate wird die Iconbar und die Signatur des users auch bei den Bildkommentaren in der Bildergalerie angezeigt.

Ich möchte das auch im Business Template angezeigt haben.

Wer kann mir helfen ?

Vielen Dank.

www.frapefo.xobor.de


Hier der Code für das Business Template.
Komplette Template "Bildergalerie - Bild anzeigen" gegen meinem Code austauschen.
Wie man das macht,hat Romulus hier sehr gut beschrieben.

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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
 
<script type="text/javascript" language="text/javascript" src="{{js_uri}}autocomplete.js"></script>
<script language="javascript" src="{{link_gallery_js}}" type="text/javascript"></script>
<script language="javascript" src="{{link_gallery_usertag_js}}" type="text/javascript"></script>
<script>
function show_background_pic(id,img) {
document.getElementById(id).style.backgroundImage='url('+ img+ ')';
document.getElementById(id).style.cursor='pointer';
setTimeout("hide_background_pic();",1500);
}
function hide_background_pic() {
document.getElementById('back').style.backgroundImage='none';
document.getElementById('next').style.backgroundImage='none';
}
 
</script>
 
{{showsocial==true.start}}
<div style="float:right; margin-right:20px;">
{{fb_like==true.start}}{{link_for_fb.start}}{{link_current_socialpage==true.start}}{{link_current_socialpage}}{{link_current_socialpage==true.else}}{{link_current_page}}{{link_current_socialpage==true.end}}{{link_for_fb.end}}
{{fb_api==true.start}}
<fb:like width="auto" href="{{link_for_fb}}" style="margin-right:10px;" layout="{{fb_style==true.start}}{{fb_style}}{{fb_style==true.else}}standard{{fb_style==true.end}}"></fb:like>
{{fb_api==true.else}}
<iframe src="https://www.facebook.com/plugins/like.php?href={{link_for_fb}}" scrolling="no" frameborder="0" style="margin-right:10px;border:none; overflow:hidden; width:auto; height:25px;" allowTransparency="true"></iframe>
{{fb_api==true.end}}{{fb_like==true.end}}
{{plusone==true.start}}<g:plusone size="medium" href="{{link_current_page}}"></g:plusone>{{plusone==true.end}}
{{twitter==true.start}}<a href="https://twitter.com/share" class="twitter-share-button" data-lang="de">Twittern</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>{{twitter==true.end}}
</div>
{{showsocial==true.end}}
 
{{linkedusers.start}}{{linkedusers.end}}
{{linkedpictures.start}}{{linkedpictures.end}}

{{integration.startlist}}
{{targettype.start}}{{integration:target_type}}{{targettype.end}}

{{targettype~=user_profile.start}}
{{linkedusers.start}}true{{linkedusers.end}}
{{targettype~=user_profile.end}}

{{targettype~=gallery_picture.start}}
{{linkedpictures.start}}true{{linkedpictures.end}}
{{targettype~=gallery_picture.end}}

{{integration.end}}
 

<div id="breadcrumbs">
<span><a href="{{link_gallery}}"><img src="{{global_breadcrumb_start}}" /><strong>Bildergalerie</strong></a></span>

{{nav==true.start}}
{{nav.startlist}}
» <a href="{{nav:cat_link}}">{{nav:name}}</a>
{{nav.end}}
{{nav==true.end}}

» <strong>Bild "{{pic_title}}" anzeigen</strong>

<br/>{{html_desc==true.start}}<small>Anzeige des Bildes {{pic_title}}</small>{{html_desc==true.end}}
</div><div class="clear"></div>
 
{{tick(breadcrumb_end)}}
 
{{only.start}}0{{only.end}}
 
{{hasnext==true.start}}{{only.start}}1{{only.end}}{{hasnext==true.end}}
{{hasprevious==true.start}}{{only.start}}1{{only.end}}{{hasprevious==true.end}}
 

<div class="options">
 
{{only==true.start}}
<div class="fpages">
{{hasprevious==true.start}}
<a href="{{previousLink}}#viewport">« Vorheriges Bild</a>
{{hasprevious==true.else}}
<span class="crtp">« Vorheriges Bild</span>
{{hasprevious==true.end}}
 
{{hasnext==true.start}}
<a href="{{nextLink}}#viewport">Nächstes Bild »</a>
{{hasnext==true.else}}
<span class="crtp">Nächstes Bild »</span>
{{hasnext==true.end}}

</div>
{{only==true.end}}
 
{{options.start}}0{{options.end}}
{{can_edit_pic==true.start}}{{options.start}}1{{options.end}}{{can_edit_pic==true.end}}
{{can_delete_pic==true.start}}{{options.start}}1{{options.end}}{{can_delete_pic==true.end}}
{{gallery_dl_link==true.start}}{{options.start}}1{{options.end}}{{gallery_dl_link==true.end}}
 
{{options==true.start}}
 

<div class="foptions" id="foptions_bar">
<div id="foptions_link"><small>Bild-Einstellungen {{global_imageserver==true.start}}<img src="{{global_imageserver}}svg-object_navsub-color1_{{global_text_fontcolor|urlencode}}-color2_{{global_text_fontcolor|urlencode}}-color3_FFF.png" />{{global_imageserver==true.end}}</small>
<div class="foptions_list" id="foptions_extend">
{{can_edit_pic==true.start}}
<a href="{{edit_pic_link}}" onclick="hpm_newDialogCentered('{{edit_pic_link}}','800'); return false;"><small>Bild bearbeiten</small></a>
{{can_edit_pic==true.end}}

{{can_delete_pic==true.start}}
<a href="{{del_pic_link}}" onclick="hpm_newDialogCentered('{{del_pic_link}}','800'); return false;"><small>Bild löschen</small></a>
{{can_delete_pic==true.end}}

</div>
</div>
</div>
{{gallery_dl_link==true.start}}
<div class="foptions"><img style="vertical-align:center; padding-right:5px;"src="https://files.homepagemodules.de/b2001010/a_934_e1dbca11.png" width="16px" height="16px" /><a name="viewport" href="{{gallery_dl_link}}" class="xdl" target="_blank" ><small>Vollbild-Ansicht</small></a></div>
{{gallery_dl_link==true.end}}
 
{{options==true.end}}
</div>
 
<div class="box">
<div class="boxheader"><strong>{{pic_title}}</strong></div>
<div class="boxcontent">
<div class="spacer20" id="PicMainCont" style="text-align: center; padding: 5px 20px;">
{{pic_link==true.start}}
{{showloader.start}}0{{showloader.end}}

{{pic_link_width>50.start}}
{{pic_link_height>50.start}}
{{showloader.start}}1{{showloader.end}}
{{pic_link_height>50.end}}
{{pic_link_width>50.end}}
 

{{addintegrations==true.start}}
<div class="embed_picture" style="float:right; text-align:right;cursor:pointer;" onclick="doForumModal('linkpic','');";>Dieses Bild einbinden</div><br/>
<div class="picture_integrations" style="float:right; text-align:right;cursor:pointer;">Verlinken<div class="int_sub" style="display:none">
{{addintegrations.startlist}}
<a href="{{addintegrations:url}}" onclick="miranus_load_js('{{link_js_integration}}'); hpm_newDialogCentered('{{addintegrations:url}}','800'); return false;">
{{addintegrations:name|gettranslation(integration)}}
</a><br/>
{{addintegrations.end}}
</div></div>
 
{{addintegrations==true.end}}
{{user_registered==true.start}}
{{subscribed==true.start}}
<div class="embed_picture" style="clear:right;float:right; text-align:right;cursor:pointer;" onclick="doContentUnsubscribe('{{user_id}}','12','{{picture_id}}','{{cat_id}}','{{cat_id}}');">Kommentare nicht mehr abonnieren</div><br/>
{{subscribed==true.else}}
<div class="embed_picture" style="clear:right;float:right; text-align:right;cursor:pointer;" onclick="doContentSubscribe('{{user_id}}','12','{{picture_id}}','{{cat_id}}','{{cat_id}}');">Kommentare abonnieren</div><br/>
{{subscribed==true.end}}
{{user_registered==true.end}}
 

<div style="margin:auto; background: url({{pic_link|resizepic({{global_gallery_max_image_size}},1200)}}) no-repeat center transparent; width: {{pic_link_width}}px; height:{{pic_link_height}}px; padding: 5px; border: 2px solid {{global_boxcontent_background|rgb_lightness(92)}};" class="gallpic {{pic_link==true.start}}{{showloader==true.start}} loader {{showloader==true.end}}{{pic_link==true.end}}" title="{{pic_title}} - hochgeladen von {{pic_owner}} am {{uploaded|dateformat}} ({{num_comments}} Kommentare)" >
<div style="width:{{pic_link_width}}px; height: {{pic_link_height}}px; background-image: url({{global_trans_100}}); background-repeat: repeat; ">

<div style="width:50%; height: 100%; background-repeat: no-repeat; background-position: center; background-color: transparent; float: left; " id="back"
{{linkedusers==false.start}}onmouseover="return show_background_pic('back','https://files.homepagemodules.de/b2001010/a_133.png');"{{linkedusers==false.end}}}
{{linkedusers==false.start}}onmouseout="document.getElementById('back').style.backgroundImage='none'"; onclick="window.location='{{previousLink}}'"{{linkedusers==false.end}}>
</div>

<div style="width: 50%; background-repeat: no-repeat; background-position: center; background-color: transparent; height: 100%; float: right; " id="next"
{{linkedusers==false.start}}onmouseover="return show_background_pic('next','https://files.homepagemodules.de/b2001010/a_132.png');"{{linkedusers==false.start}}
{{linkedusers==false.start}}onmouseout="document.getElementById('next').style.backgroundImage='none'"; onclick="window.location='{{nextLink}}'"{{linkedusers==false.end}}>
</div>
<div style="clear: both; position:absolute;"></div>
</div>
</div>


<hr/>



 

 
{{pic_link==true.else}}
<br/><br/><br/>
<strong><img src=" {{global_image_broken}}" />Beim laden des Bildes ist ein Fehler aufgetreten, da es fehlerhaft zu sein scheint.</strong>
 
{{can_delete_pic==true.start}}
<br/>
<a href="{{del_pic_link}}" onclick="hpm_newDialogCentered('{{del_pic_link}}','800'); return false;">Bild löschen</a>
{{can_delete_pic==true.end}}
 
<br/><br/><br/>
{{pic_link==true.end}}
{{pic_description}}
{{show_ratings_for_gallery_picture==true.start}}<hr/>
<div class="postratings">{{ratings(gallery_picture,picture_id)}}</div>
{{show_ratings_for_gallery_picture==true.end}}

</div>
</div>
</div>
 

<div id="testCont">
{{integration==false.start}}
{{tick(gallery_detail_no_integrations)}}
{{integration==false.else}}
<script language="javascript">
var container = document.getElementById('PicMainCont');
if(container){
var notes = new PictureTagContainer(container);
}

</script>
<!-- für Userintegration -->
{{tick(gallery_detail_pre_integrations)}}
{{linkedusers==true.start}}
<center>
<div style="padding: 2px; border: 1px solid {{global_line_color}}; margin-top: 10px;">
 
<table width="100%" style="border-collapse: collapse;">
<tr>
<td valign="middle" style="padding-right: 3px; border-right: 1px solid {{global_line_color}};" width="7%"><div align="left" style="margin-bottom: 3px; margin-left: 5px;"><small><b>Verlinkte Nutzer</b></small></div></td>
<td style="padding-left: 3px;">
<small><span id="userlist"></span></small><div style="clear: both;"></div></div>
</td>
</tr>
</table>
</center>
{{linkedusers==true.end}}
 

{{integration==true.start}}
<div class="integration_cont" style="border: 1px solid {{global_line_color}}; padding:10px; margin-top: 10px;">
{{integration.startlist}}
{{integration|integrate(gallery_picture)}}
{{integration:target_type_last==true.start}}<div style="clear: both;"></div>{{integration:target_type_last==true.end}}
{{tick(gallery_detail_after_integration)}}
{{integration.end}}
<div style="clear: both;"></div>
</div>
{{integration==true.end}}
</div>
{{tick(gallery_detail_after_last_integration)}}
 
{{guest_nocomments==true.start}}<br/>
<center><a href="{{link_login}}">Melden Sie sich an</a>, um die Kommentarfunktion zu nutzen</center>
{{guest_nocomments==true.else}}
 

<a name="com"></a>
{{comments==true.start}}
{{count.startint}}0{{count.end}}
 

{{comments_morepages==true.start}}
{{pages_html.start}}
<div style="clear:both"></div>
<div class="options">
<div class="fpages">
<span style="padding:0px 10px; float:left">Seite {{commentpages_current}} von {{commentpages_all}}</span>

<a {{cpreviouspagelink==true.start}}href="{{cpreviouspagelink}}"{{cpreviouspagelink==true.else}} class="inactive" {{cpreviouspagelink==true.end}} >« vorherige Seite</a>{{cpreviouspagelink==true.end}}
{{tick(thread_in_page_box)}}
{{commentspages|strip_pages(5)}}


{{first.start}}0{{first.end}}

{{commentspages.startlist}}
{{current_page.startint}}{{commentspages:page}}+{{pages_offset}}{{current_page.end}}
{{commentspages:cnow==true.start}}
<a class="inactive" href="{{commentspages:link}}" >{{commentspages:number}}</a>
{{commentspages:cnow==true.else}}
 
{{commentspages:strip_before==true.start}}
<a class="inactive">...</a>
{{commentspages:strip_before==true.end}}

<a href="{{commentspages:link}}" >{{commentspages:number}}</a>

{{commentspages:cnow==true.end}}

{{first.start}}1{{first.end}}
{{commentspages.end}}

<a{{cnextpagelink==true.start}} href="{{cnextpagelink}}"{{cnextpagelink==true.else}} class="inactive" {{cnextpagelink==true.end}} >nächste Seite »</a>
<span style="clear: both;"></span>
</div>
</div>
<div style="clear:both"></div>
{{pages_html.end}}
{{comments_morepages==true.end}}
{{pages_html}}
 
<table width="100%">
{{tick(gallery_detail_pre_first_comment)}}
<tr><td> <a name="com"></a>
{{comments.startlist}}


<table border="0" cellpadding="3" cellspacing="0" width="100%" class="box" style="margin:0 0 5px 0;">
<tr><td width="20%" valign="top" align="center" >

{{comments:isguest==true.start}}
{{comments:username==true.start}} <b> {{comments:username}} </b> {{comments:username==true.else}} {{comments:delname==true.start}}<strong>{{comments:delname}}</strong> (gelöscht) {{comments:delname==true.else}} <strong>Gelöschter User</strong> {{comments:delname==true.end}} {{comments:username==true.end}}
{{comments:isguest==true.else}}
<a href="{{comments:user_link}}" style="text-decoration: none;"><b>{{comments:username}}</b></a>
{{comments:isguest==true.end}}

<br/><small><i>{{comments:added|dateformat}}</i></small><br/><br/>
 

 
{{message:avatar==true.start}}
<a href="{{message:user_link}}">
<img src="{{message:avatar}}" alt="{{message:username}}" title="{{message:username}}"></a>
{{message:avatar==true.else}}
{{message:user_link==true.start}}<a href="{{message:user_link}}" title="{{message:username}}">{{message:user_link==true.end}}


{{message:user_link==true.start}}</a>{{message:user_link==true.end}}
{{message:avatar==true.end}}
 

 

{{comments:avatar==true.start}}
<a href="{{comments:user_link}}"><img src="{{comments:avatar}}" width="{{comments:avatar_width}}" height="{{comments:avatar_height}}" style="border: none;"></a><br/>

{{comments:avatar==true.else}}
<img src="{{global_avatar}}" class="avatar-max-size-comment"/>
{{comments:isguest==false.start}}<a href="{{comments:user_link}}">{{comments:isguest==false.end}}
 

{{comments:isguest==false.start}}</a>{{comments:isguest==false.end}}
 

{{comments:isguest==true.end}}
 

 
{{comments:avatar==true.end}}

 
</td><td width="80%" border="1" style="text-align:justify;padding:5px 10px 5px 20px;">
<div style="float: right;">
{{comments:canDel==true.start}}
<a href="javascript:;" onclick=" return DelComment({{comments:id}},{{picture_id}},{{cat_id}});"><small>Kommentar löschen</small></a>
{{comments:canDel==true.end}}
</div>
<div style="clear: both;"></div>
{{comments:commentar}} {{tick(gallery_detail_commenttext)}}{{comments:signature==true.start}}<br/><br/> <hr/> {{comments:signature}}{{comments:signature==true.end}}
 
{{show_ratings_for_gallery_picture_comment==true.start}}<br/><hr/>
<div class="blogcommentratings">{{ratings(gallery_picture_comment,comments:id)}}</div>
{{show_ratings_for_gallery_picture_comment==true.end}}
</td></tr>
</table>

<div style="clear:both"></div>
 
<br/><br/>
 
<div style="clear: both;"></div>
{{tick(gallery_detail_after_comment)}}
{{comments.end}}
{{tick(gallery_detail_after_last_comment)}}
</td></tr>
</table>
 


{{pages_html}}
 

<script>
 
$('#foptions_link').click( function() {
if (!$('#foptions_extend').is(':visible')) {
$('#foptions_extend').show();
$('#foptions_extend').css('top', $('#foptions_bar').outerHeight()+2+'px');
} else {
$('#foptions_extend').hide();
}

});
 
$('.boxcontent').click( function() {
$('#foptions_extend').hide();
});
 
function countComments() {
var newcount = $('.comments-ul li').length;
if(newcount == 0) { $('#comments-wrap').remove(); }
}
 
function DelCommentAjax(CommentId,PicId,cid,div_id){
 
var conf = confirm('Kommentar wirklich löschen?');

if(!conf) { return false; }
else {

$.ajax({
url: 'gallery_viewpic.php?cid='+cid+'&pid='+PicId+'&dc='+CommentId,
success: function(data) { }
});
 

$('#comment-'+div_id).fadeTo('slow',0).remove();
setTimeout('countComments()', 100);

return false;

}

 
}
 
$('.picture_integrations').hover(function(){$(this).find('.int_sub').show();},function(){$(this).find('.int_sub').hide();});
</script>
<style type="text/css">
.linkeduser {background-repeat: no-repeat; background-position: top left; position: absolute; width: 50px; height: 50px; background-image: url("https://img.homepagemodules.de/ds/cached/svg-object_linkeduser-color1_FFFFFF-color2_FFFFFF-color3_FFF.png"); margin: 1px;cursor:pointer;display:none;}
.linkeduser_username {display:none;position: absolute; border: 1px solid {{global_line_color}}; background-color: white; color: {{global_text_fontcolor}}; width: auto; min-width: 80px; max-width: 100px; height: auto; font-size: {{global_fontsize}}; z-index:5000; cursor:pointer; padding: 0px;}
</style>
<script>
addleft = (parseInt($('#PicMainCont').width()) - parseInt($('.gallpic').width())) / 2;
addtop = (parseInt($('#PicMainCont').height()) - parseInt($('.gallpic').height())) / 2;
 
$('.linkeduser').each(function (i) {
curleft = parseInt($(this).css('left'));
curtop = parseInt($(this).css('top'));
$(this).css('left',curleft + addleft+ 'px');
$(this).css('top',curtop + addtop+ 'px');
});
 
$('.linkeduser_username').each(function (i) {
curleft = parseInt($(this).css('left'));
curtop = parseInt($(this).css('top'));
$(this).css('left',curleft + addleft+ 'px');
$(this).css('top',curtop + addtop + 'px');
});
</script>
 
<script language>
if(document.getElementById('userlist') && document.getElementById('userlist').innerHTML != ''){
notes.HideAllNotes();
container.onmouseover=function(){
notes.ShowAllNotes();
}
container.onmouseout=function(){
notes.HideAllNotes();
}
}
</script>
 
<div id="linkpic" style="display:none;">
 
<div style="padding:5px;margin-bottom:10px;">

{{user_registered==false.start}}

<div style="float: left; padding: 3px 8px; background-color: #f9f9f9; color: {{global_body_color_link}}; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='block'; document.getElementById('code12').style.display='none'; this.style.backgroundColor='#ededed'; document.getElementById('bbcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('bbcode11').style.color='{{global_grey_color}}';" id="htmlcode11"><small><b>HTML-Code</b></small></div>

<div style="float: left; padding: 3px 8px; background-color: #ededed; color: {{global_grey_color}}; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='none'; document.getElementById('code12').style.display='block'; this.style.backgroundColor='#ededed'; document.getElementById('htmlcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('htmlcode11').style.color='{{global_grey_color}}'; " id="bbcode11"><small><b>Forum-Code</b></small></div>

<div style="clear: both;"></div>

<div style="display: block; background-color: {{global_area3_bg}};" id="code11">
<input type="text" value="<a href='{{link_current_page}}'><img src='{{pic_thumb}}' title='{{pic_title}}' alt='{{pic_title}}'/></a>" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/></div>

<div style="display: none; background-color: {{global_area3_bg}};" id="code12">
<input type="text" value="[URL={{link_current_page}}][IMG]{{pic_thumb}}[/IMG][/URL]" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/>
</div>
</div>

{{user_registered==false.else}}

<div style="float: left; padding: 3px 8px; background-color: #f9f9f9; color: {{global_grey_color}}; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='block'; document.getElementById('code12').style.display='none'; this.style.backgroundColor='#ededed'; document.getElementById('bbcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('bbcode11').style.color='{{global_grey_color}}';" id="htmlcode11"><small><b>HTML-Code</b></small></div>

<div style="float: left; padding: 3px 8px; background-color: #ededed; color: {{global_body_color_link}} ; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='none'; document.getElementById('code12').style.display='block'; this.style.backgroundColor='#ededed'; document.getElementById('htmlcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('htmlcode11').style.color='{{global_grey_color}}'; " id="bbcode11"><small><b>Forum-Code</b></small></div>

<div style="clear: both;"></div>

<div style="display: none; background-color: {{global_area3_bg}};" id="code11">
<input type="text" value="<a href='{{link_current_page}}'><img src='{{pic_thumb}}' title='{{pic_title}}' alt='{{pic_title}}'/></a>" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/></div>

<div style="display: block; background-color: {{global_area3_bg}};" id="code12">
<input type="text" value="[URL={{link_current_page}}][IMG]{{pic_thumb}}[/IMG][/URL]" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/>
</div>
</div>

{{user_registered==false.end}}

</div>
 
</div>
 
{{can_comment_pic==true.start}}
<div class="box">
<div class="boxheader"><a name="com_create" class="cat">Kommentar verfassen</a></div>
<div class="boxcontent">
<div class="spacer20">
<form name="commentForm" id="commentForm" method="post">

{{user_registered==true.start}}
<input type="text" name="name" id="name" value="{{actUser}}" style="display: none;"/>
{{user_registered==true.else}}
<input type="text" name="name" id="name" value="" />
{{user_registered==true.end}}
<div class="iconbarcontent">
<script type="text/javascript" >miranus_add_iconbar_textarea('commentar');</script>
<span style="float:right;">{{iconbar}}</span>
<textarea id="commentar" name="commentar">{{addedcomment}}</textarea>

{{user_registered==false.start}}
<div class="captcha">
<strong>Grafische Sicherheitsüberprüfung</strong>
<small>Um Spam zu vermeiden, übertragen Sie bitte die Zeichen in das Eingabefeld.</small>
{{captcha_wrong==true.start}}{{captcha_wrong==true.end}}
<img src="{{captcha_image}}" />
<input type="text" name="captcha" id="captcha" />
</div>
{{user_registered==false.end}}

{{user_registered==true.start}}<div id="commentsub" style="padding:5px;"><label>Kommentare abonnieren<input type="checkbox" style="width:auto;margin-left:5px;" value="1" {{subscribed==true.start}}checked="checked"{{subscribed==true.end}} name="comment_subscribe" /></label></div>{{user_registered==true.end}}
<input type="submit" name="addComment" value="Kommentar speichern" class="button"/>

</form>
</div>
</div>
</div>
{{can_comment_pic==true.end}}
{{guest_nocomments==true.end}}
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
16.05.2014 20:47
#12 RE: Iconbar auch beim Kommentieren von Bildern – Business Template
Ob
Mitglied

also, eine Iconbar habe ich schonmal in der Bildergalerie allerdings, habe ich die 494 leeren Zeilen direkt über der BIldergalerie als Kopfzeile...alles Zahlen. ..von 1 bis 494, aber ist nicht schlimm.

wahrscheinlich hätte ich die zeilen nicht mit kopieren brauchen...ich versuche sie noch einmal zu löschen...


 Antworten

 Beitrag melden
16.05.2014 21:34 (zuletzt bearbeitet: 16.05.2014 21:35)
avatar  Romulus
#13 RE: Iconbar auch beim Kommentieren von Bildern – Business Template
avatar
Mitglied

Zitat von kikiriki51 im Beitrag #12
wahrscheinlich hätte ich die zeilen nicht mit kopieren brauchen...ich versuche sie noch einmal zu löschen...

Ja, die Zeilen-Nummerierung sollte eigentlich nicht mit rein. Nur der reine Code.

@Olaf
Ich merke schon, wo der Unterschied von meinem zu Deinem Code ist: Bei Dir wird die Iconbar rechtsbündig, bei mir linksbündig ausgegeben.
Das kommt daher, weil ich die Code-Elemente aus der Blog-Kommentar-Funktion entnommen habe – und im Blog wird die Iconbar tatsächlich linksbündig ausgegeben, sowohl beim Verfassen von Blog-Einträgen als auch beim Kommentieren.

Außer in der Blog-Funktion – und übrigens auch in der Wiki-Funktion – wird die Iconbar sonst überall rechtsbündig angezeigt.

Ich habe auch bemerkt, dass Du die kleine Änderung im Template-Element etwas anders als ich platziert hast. Ist meine Lösung dennoch soweit in Ordnung?

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
16.05.2014 21:50
#14 RE: Iconbar auch beim Kommentieren von Bildern – Business Template
Ob
Mitglied

@Romulus danke danke danke...jetzt habe ich es ...habe die leeren Zeilen weggelassen und supi...

sehr sehr toll... ich bin die Größte


 Antworten

 Beitrag melden
16.05.2014 23:28
avatar  Olaf
#15 RE: Iconbar auch beim Kommentieren von Bildern – Business Template
Ol
Mitglied

Zitat von Romulus im Beitrag #13

Außer in der Blog-Funktion – und übrigens auch in der Wiki-Funktion – wird die Iconbar sonst überall rechtsbündig angezeigt.



Ich habe sie auch in meinem Code rechtsbündig gesetzt,weil ich es so besser zum schreiben finde.
Zitat von Romulus im Beitrag #13

Ich habe auch bemerkt, dass Du die kleine Änderung im Template-Element etwas anders als ich platziert hast.


Ich habe noch die Signatur und das Kommentar Fenster vom Gaia übernommen/geändert.
Und ich habe festgestellt,das ich die Überschrift "Kommentare" in meinem Code von oben vergessen habe ein zu setzen.
Hier nochmal die komplette Template "Bildergalerie - Bild anzeigen" vom Business mit Überschrift.

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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
 
<script type="text/javascript" language="text/javascript" src="{{js_uri}}autocomplete.js"></script>
<script language="javascript" src="{{link_gallery_js}}" type="text/javascript"></script>
<script language="javascript" src="{{link_gallery_usertag_js}}" type="text/javascript"></script>
<script>
function show_background_pic(id,img) {
document.getElementById(id).style.backgroundImage='url('+ img+ ')';
document.getElementById(id).style.cursor='pointer';
setTimeout("hide_background_pic();",1500);
}
function hide_background_pic() {
document.getElementById('back').style.backgroundImage='none';
document.getElementById('next').style.backgroundImage='none';
}
 
</script>
 
{{showsocial==true.start}}
<div style="float:right; margin-right:20px;">
{{fb_like==true.start}}{{link_for_fb.start}}{{link_current_socialpage==true.start}}{{link_current_socialpage}}{{link_current_socialpage==true.else}}{{link_current_page}}{{link_current_socialpage==true.end}}{{link_for_fb.end}}
{{fb_api==true.start}}
<fb:like width="auto" href="{{link_for_fb}}" style="margin-right:10px;" layout="{{fb_style==true.start}}{{fb_style}}{{fb_style==true.else}}standard{{fb_style==true.end}}"></fb:like>
{{fb_api==true.else}}
<iframe src="https://www.facebook.com/plugins/like.php?href={{link_for_fb}}" scrolling="no" frameborder="0" style="margin-right:10px;border:none; overflow:hidden; width:auto; height:25px;" allowTransparency="true"></iframe>
{{fb_api==true.end}}{{fb_like==true.end}}
{{plusone==true.start}}<g:plusone size="medium" href="{{link_current_page}}"></g:plusone>{{plusone==true.end}}
{{twitter==true.start}}<a href="https://twitter.com/share" class="twitter-share-button" data-lang="de">Twittern</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>{{twitter==true.end}}
</div>
{{showsocial==true.end}}
 
{{linkedusers.start}}{{linkedusers.end}}
{{linkedpictures.start}}{{linkedpictures.end}}

{{integration.startlist}}
{{targettype.start}}{{integration:target_type}}{{targettype.end}}

{{targettype~=user_profile.start}}
{{linkedusers.start}}true{{linkedusers.end}}
{{targettype~=user_profile.end}}

{{targettype~=gallery_picture.start}}
{{linkedpictures.start}}true{{linkedpictures.end}}
{{targettype~=gallery_picture.end}}

{{integration.end}}
 

<div id="breadcrumbs">
<span><a href="{{link_gallery}}"><img src="{{global_breadcrumb_start}}" /><strong>Bildergalerie</strong></a></span>

{{nav==true.start}}
{{nav.startlist}}
» <a href="{{nav:cat_link}}">{{nav:name}}</a>
{{nav.end}}
{{nav==true.end}}

» <strong>Bild "{{pic_title}}" anzeigen</strong>

<br/>{{html_desc==true.start}}<small>Anzeige des Bildes {{pic_title}}</small>{{html_desc==true.end}}
</div><div class="clear"></div>
 
{{tick(breadcrumb_end)}}
 
{{only.start}}0{{only.end}}
 
{{hasnext==true.start}}{{only.start}}1{{only.end}}{{hasnext==true.end}}
{{hasprevious==true.start}}{{only.start}}1{{only.end}}{{hasprevious==true.end}}
 

<div class="options">
 
{{only==true.start}}
<div class="fpages">
{{hasprevious==true.start}}
<a href="{{previousLink}}#viewport">« Vorheriges Bild</a>
{{hasprevious==true.else}}
<span class="crtp">« Vorheriges Bild</span>
{{hasprevious==true.end}}
 
{{hasnext==true.start}}
<a href="{{nextLink}}#viewport">Nächstes Bild »</a>
{{hasnext==true.else}}
<span class="crtp">Nächstes Bild »</span>
{{hasnext==true.end}}

</div>
{{only==true.end}}
 
{{options.start}}0{{options.end}}
{{can_edit_pic==true.start}}{{options.start}}1{{options.end}}{{can_edit_pic==true.end}}
{{can_delete_pic==true.start}}{{options.start}}1{{options.end}}{{can_delete_pic==true.end}}
{{gallery_dl_link==true.start}}{{options.start}}1{{options.end}}{{gallery_dl_link==true.end}}
 
{{options==true.start}}
 

<div class="foptions" id="foptions_bar">
<div id="foptions_link"><small>Bild-Einstellungen {{global_imageserver==true.start}}<img src="{{global_imageserver}}svg-object_navsub-color1_{{global_text_fontcolor|urlencode}}-color2_{{global_text_fontcolor|urlencode}}-color3_FFF.png" />{{global_imageserver==true.end}}</small>
<div class="foptions_list" id="foptions_extend">
{{can_edit_pic==true.start}}
<a href="{{edit_pic_link}}" onclick="hpm_newDialogCentered('{{edit_pic_link}}','800'); return false;"><small>Bild bearbeiten</small></a>
{{can_edit_pic==true.end}}

{{can_delete_pic==true.start}}
<a href="{{del_pic_link}}" onclick="hpm_newDialogCentered('{{del_pic_link}}','800'); return false;"><small>Bild löschen</small></a>
{{can_delete_pic==true.end}}

</div>
</div>
</div>
{{gallery_dl_link==true.start}}
<div class="foptions"><img style="vertical-align:center; padding-right:5px;"src="https://files.homepagemodules.de/b2001010/a_934_e1dbca11.png" width="16px" height="16px" /><a name="viewport" href="{{gallery_dl_link}}" class="xdl" target="_blank" ><small>Vollbild-Ansicht</small></a></div>
{{gallery_dl_link==true.end}}
 
{{options==true.end}}
</div>
 
<div class="box">
<div class="boxheader"><strong>{{pic_title}}</strong></div>
<div class="boxcontent">
<div class="spacer20" id="PicMainCont" style="text-align: center; padding: 5px 20px;">
{{pic_link==true.start}}
{{showloader.start}}0{{showloader.end}}

{{pic_link_width>50.start}}
{{pic_link_height>50.start}}
{{showloader.start}}1{{showloader.end}}
{{pic_link_height>50.end}}
{{pic_link_width>50.end}}
 

{{addintegrations==true.start}}
<div class="embed_picture" style="float:right; text-align:right;cursor:pointer;" onclick="doForumModal('linkpic','');";>Dieses Bild einbinden</div><br/>
<div class="picture_integrations" style="float:right; text-align:right;cursor:pointer;">Verlinken<div class="int_sub" style="display:none">
{{addintegrations.startlist}}
<a href="{{addintegrations:url}}" onclick="miranus_load_js('{{link_js_integration}}'); hpm_newDialogCentered('{{addintegrations:url}}','800'); return false;">
{{addintegrations:name|gettranslation(integration)}}
</a><br/>
{{addintegrations.end}}
</div></div>
 
{{addintegrations==true.end}}
{{user_registered==true.start}}
{{subscribed==true.start}}
<div class="embed_picture" style="clear:right;float:right; text-align:right;cursor:pointer;" onclick="doContentUnsubscribe('{{user_id}}','12','{{picture_id}}','{{cat_id}}','{{cat_id}}');">Kommentare nicht mehr abonnieren</div><br/>
{{subscribed==true.else}}
<div class="embed_picture" style="clear:right;float:right; text-align:right;cursor:pointer;" onclick="doContentSubscribe('{{user_id}}','12','{{picture_id}}','{{cat_id}}','{{cat_id}}');">Kommentare abonnieren</div><br/>
{{subscribed==true.end}}
{{user_registered==true.end}}
 

<div style="margin:auto; background: url({{pic_link|resizepic({{global_gallery_max_image_size}},1200)}}) no-repeat center transparent; width: {{pic_link_width}}px; height:{{pic_link_height}}px; padding: 5px; border: 2px solid {{global_boxcontent_background|rgb_lightness(92)}};" class="gallpic {{pic_link==true.start}}{{showloader==true.start}} loader {{showloader==true.end}}{{pic_link==true.end}}" title="{{pic_title}} - hochgeladen von {{pic_owner}} am {{uploaded|dateformat}} ({{num_comments}} Kommentare)" >
<div style="width:{{pic_link_width}}px; height: {{pic_link_height}}px; background-image: url({{global_trans_100}}); background-repeat: repeat; ">

<div style="width:50%; height: 100%; background-repeat: no-repeat; background-position: center; background-color: transparent; float: left; " id="back"
{{linkedusers==false.start}}onmouseover="return show_background_pic('back','https://files.homepagemodules.de/b2001010/a_133.png');"{{linkedusers==false.end}}}
{{linkedusers==false.start}}onmouseout="document.getElementById('back').style.backgroundImage='none'"; onclick="window.location='{{previousLink}}'"{{linkedusers==false.end}}>
</div>

<div style="width: 50%; background-repeat: no-repeat; background-position: center; background-color: transparent; height: 100%; float: right; " id="next"
{{linkedusers==false.start}}onmouseover="return show_background_pic('next','https://files.homepagemodules.de/b2001010/a_132.png');"{{linkedusers==false.start}}
{{linkedusers==false.start}}onmouseout="document.getElementById('next').style.backgroundImage='none'"; onclick="window.location='{{nextLink}}'"{{linkedusers==false.end}}>
</div>
<div style="clear: both; position:absolute;"></div>
</div>
</div>


<hr/>



 

 
{{pic_link==true.else}}
<br/><br/><br/>
<strong><img src=" {{global_image_broken}}" />Beim laden des Bildes ist ein Fehler aufgetreten, da es fehlerhaft zu sein scheint.</strong>
 
{{can_delete_pic==true.start}}
<br/>
<a href="{{del_pic_link}}" onclick="hpm_newDialogCentered('{{del_pic_link}}','800'); return false;">Bild löschen</a>
{{can_delete_pic==true.end}}
 
<br/><br/><br/>
{{pic_link==true.end}}
{{pic_description}}
{{show_ratings_for_gallery_picture==true.start}}<hr/>
<div class="postratings">{{ratings(gallery_picture,picture_id)}}</div>
{{show_ratings_for_gallery_picture==true.end}}

</div>
</div>
</div>
 

<div id="testCont">
{{integration==false.start}}
{{tick(gallery_detail_no_integrations)}}
{{integration==false.else}}
<script language="javascript">
var container = document.getElementById('PicMainCont');
if(container){
var notes = new PictureTagContainer(container);
}

</script>
<!-- für Userintegration -->
{{tick(gallery_detail_pre_integrations)}}
{{linkedusers==true.start}}
<center>
<div style="padding: 2px; border: 1px solid {{global_line_color}}; margin-top: 10px;">
 
<table width="100%" style="border-collapse: collapse;">
<tr>
<td valign="middle" style="padding-right: 3px; border-right: 1px solid {{global_line_color}};" width="7%"><div align="left" style="margin-bottom: 3px; margin-left: 5px;"><small><b>Verlinkte Nutzer</b></small></div></td>
<td style="padding-left: 3px;">
<small><span id="userlist"></span></small><div style="clear: both;"></div></div>
</td>
</tr>
</table>
</center>
{{linkedusers==true.end}}
 

{{integration==true.start}}
<div class="integration_cont" style="border: 1px solid {{global_line_color}}; padding:10px; margin-top: 10px;">
{{integration.startlist}}
{{integration|integrate(gallery_picture)}}
{{integration:target_type_last==true.start}}<div style="clear: both;"></div>{{integration:target_type_last==true.end}}
{{tick(gallery_detail_after_integration)}}
{{integration.end}}
<div style="clear: both;"></div>
</div>
{{integration==true.end}}
</div>
{{tick(gallery_detail_after_last_integration)}}
 
{{guest_nocomments==true.start}}<br/>
<center><a href="{{link_login}}">Melden Sie sich an</a>, um die Kommentarfunktion zu nutzen</center>
{{guest_nocomments==true.else}}
 

<a name="com"></a>
{{comments==true.start}}
{{count.startint}}0{{count.end}}
 

{{comments_morepages==true.start}}
{{pages_html.start}}
<div style="clear:both"></div>
<div class="options">
<div class="fpages">
<span style="padding:0px 10px; float:left">Seite {{commentpages_current}} von {{commentpages_all}}</span>

<a {{cpreviouspagelink==true.start}}href="{{cpreviouspagelink}}"{{cpreviouspagelink==true.else}} class="inactive" {{cpreviouspagelink==true.end}} >« vorherige Seite</a>{{cpreviouspagelink==true.end}}
{{tick(thread_in_page_box)}}
{{commentspages|strip_pages(5)}}


{{first.start}}0{{first.end}}

{{commentspages.startlist}}
{{current_page.startint}}{{commentspages:page}}+{{pages_offset}}{{current_page.end}}
{{commentspages:cnow==true.start}}
<a class="inactive" href="{{commentspages:link}}" >{{commentspages:number}}</a>
{{commentspages:cnow==true.else}}
 
{{commentspages:strip_before==true.start}}
<a class="inactive">...</a>
{{commentspages:strip_before==true.end}}

<a href="{{commentspages:link}}" >{{commentspages:number}}</a>

{{commentspages:cnow==true.end}}

{{first.start}}1{{first.end}}
{{commentspages.end}}

<a{{cnextpagelink==true.start}} href="{{cnextpagelink}}"{{cnextpagelink==true.else}} class="inactive" {{cnextpagelink==true.end}} >nächste Seite »</a>
<span style="clear: both;"></span>
</div>
</div>
<div style="clear:both"></div>
{{pages_html.end}}
{{comments_morepages==true.end}}
{{pages_html}}

<div class="box" id="comments-wrap">

<div class="boxheader"><strong>Kommentare</strong></div>
<div class="boxcontent">
<ul class="comments-ul">
 

<table width="100%">
{{tick(gallery_detail_pre_first_comment)}}
<tr><td> <a name="com"></a>
{{comments.startlist}}


<table border="0" cellpadding="3" cellspacing="0" width="100%" class="box"style="margin:0 0 2px 0;">
<tr><td width="20%" valign="top" align="center" >

{{comments:isguest==true.start}}
{{comments:username==true.start}} <b> {{comments:username}} </b> {{comments:username==true.else}} {{comments:delname==true.start}}<strong>{{comments:delname}}</strong> (gelöscht) {{comments:delname==true.else}} <strong>Gelöschter User</strong> {{comments:delname==true.end}} {{comments:username==true.end}}
{{comments:isguest==true.else}}
<a href="{{comments:user_link}}" style="text-decoration: none;"><b>{{comments:username}}</b></a>
{{comments:isguest==true.end}}

<br/><small><i>{{comments:added|dateformat}}</i></small><br/><br/>
 

 
{{message:avatar==true.start}}
<a href="{{message:user_link}}">
<img src="{{message:avatar}}" alt="{{message:username}}" title="{{message:username}}"></a>
{{message:avatar==true.else}}
{{message:user_link==true.start}}<a href="{{message:user_link}}" title="{{message:username}}">{{message:user_link==true.end}}


{{message:user_link==true.start}}</a>{{message:user_link==true.end}}
{{message:avatar==true.end}}
 

 

{{comments:avatar==true.start}}
<a href="{{comments:user_link}}"><img src="{{comments:avatar}}" width="{{comments:avatar_width}}" height="{{comments:avatar_height}}" style="border: none;"></a><br/>

{{comments:avatar==true.else}}
<img src="{{global_avatar}}" class="avatar-max-size-comment"/>
{{comments:isguest==false.start}}<a href="{{comments:user_link}}">{{comments:isguest==false.end}}
 

{{comments:isguest==false.start}}</a>{{comments:isguest==false.end}}
 

{{comments:isguest==true.end}}
 

 
{{comments:avatar==true.end}}

 
</td>
<td width="80%" border="1" style="text-align:justify;padding:5px 10px 5px 20px;">
<div style="float: right;">
{{comments:canDel==true.start}}
<a href="javascript:;" onclick=" return DelComment({{comments:id}},{{picture_id}},{{cat_id}});"><small>Kommentar löschen</small></a>
{{comments:canDel==true.end}}
</div>
 
{{comments:commentar}} {{tick(gallery_detail_commenttext)}}{{comments:signature==true.start}}<br/><br/> <hr/> {{comments:signature}}{{comments:signature==true.end}}
<div style="clear: both;"></div>
{{show_ratings_for_gallery_picture_comment==true.start}}<br/><hr/>
<div class="blogcommentratings">{{ratings(gallery_picture_comment,comments:id)}}</div>
{{show_ratings_for_gallery_picture_comment==true.end}}
</td></tr>
</table>
 
{{tick(gallery_detail_after_comment)}}
{{comments.end}}
{{tick(gallery_detail_after_last_comment)}}
</td></tr>
</table>
</ul>
</div>
</div>

{{pages_html}}
 
<script>
 
$('#foptions_link').click( function() {
if (!$('#foptions_extend').is(':visible')) {
$('#foptions_extend').show();
$('#foptions_extend').css('top', $('#foptions_bar').outerHeight()+2+'px');
} else {
$('#foptions_extend').hide();
}

});
 
$('.boxcontent').click( function() {
$('#foptions_extend').hide();
});
 
function countComments() {
var newcount = $('.comments-ul li').length;
if(newcount == 0) { $('#comments-wrap').remove(); }
}
 
function DelCommentAjax(CommentId,PicId,cid,div_id){
 
var conf = confirm('Kommentar wirklich löschen?');

if(!conf) { return false; }
else {

$.ajax({
url: 'gallery_viewpic.php?cid='+cid+'&pid='+PicId+'&dc='+CommentId,
success: function(data) { }
});
 

$('#comment-'+div_id).fadeTo('slow',0).remove();
setTimeout('countComments()', 100);

return false;

}

 
}
 
$('.picture_integrations').hover(function(){$(this).find('.int_sub').show();},function(){$(this).find('.int_sub').hide();});
</script>
<style type="text/css">
.linkeduser {background-repeat: no-repeat; background-position: top left; position: absolute; width: 50px; height: 50px; background-image: url("https://img.homepagemodules.de/ds/cached/svg-object_linkeduser-color1_FFFFFF-color2_FFFFFF-color3_FFF.png"); margin: 1px;cursor:pointer;display:none;}
.linkeduser_username {display:none;position: absolute; border: 1px solid {{global_line_color}}; background-color: white; color: {{global_text_fontcolor}}; width: auto; min-width: 80px; max-width: 100px; height: auto; font-size: {{global_fontsize}}; z-index:5000; cursor:pointer; padding: 0px;}
</style>
<script>
addleft = (parseInt($('#PicMainCont').width()) - parseInt($('.gallpic').width())) / 2;
addtop = (parseInt($('#PicMainCont').height()) - parseInt($('.gallpic').height())) / 2;
 
$('.linkeduser').each(function (i) {
curleft = parseInt($(this).css('left'));
curtop = parseInt($(this).css('top'));
$(this).css('left',curleft + addleft+ 'px');
$(this).css('top',curtop + addtop+ 'px');
});
 
$('.linkeduser_username').each(function (i) {
curleft = parseInt($(this).css('left'));
curtop = parseInt($(this).css('top'));
$(this).css('left',curleft + addleft+ 'px');
$(this).css('top',curtop + addtop + 'px');
});
</script>
 
<script language>
if(document.getElementById('userlist') && document.getElementById('userlist').innerHTML != ''){
notes.HideAllNotes();
container.onmouseover=function(){
notes.ShowAllNotes();
}
container.onmouseout=function(){
notes.HideAllNotes();
}
}
</script>
 
<div id="linkpic" style="display:none;">
 
<div style="padding:5px;margin-bottom:10px;">

{{user_registered==false.start}}

<div style="float: left; padding: 3px 8px; background-color: #f9f9f9; color: {{global_body_color_link}}; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='block'; document.getElementById('code12').style.display='none'; this.style.backgroundColor='#ededed'; document.getElementById('bbcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('bbcode11').style.color='{{global_grey_color}}';" id="htmlcode11"><small><b>HTML-Code</b></small></div>

<div style="float: left; padding: 3px 8px; background-color: #ededed; color: {{global_grey_color}}; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='none'; document.getElementById('code12').style.display='block'; this.style.backgroundColor='#ededed'; document.getElementById('htmlcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('htmlcode11').style.color='{{global_grey_color}}'; " id="bbcode11"><small><b>Forum-Code</b></small></div>

<div style="clear: both;"></div>

<div style="display: block; background-color: {{global_area3_bg}};" id="code11">
<input type="text" value="<a href='{{link_current_page}}'><img src='{{pic_thumb}}' title='{{pic_title}}' alt='{{pic_title}}'/></a>" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/></div>

<div style="display: none; background-color: {{global_area3_bg}};" id="code12">
<input type="text" value="[URL={{link_current_page}}][IMG]{{pic_thumb}}[/IMG][/URL]" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/>
</div>
</div>

{{user_registered==false.else}}

<div style="float: left; padding: 3px 8px; background-color: #f9f9f9; color: {{global_grey_color}}; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='block'; document.getElementById('code12').style.display='none'; this.style.backgroundColor='#ededed'; document.getElementById('bbcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('bbcode11').style.color='{{global_grey_color}}';" id="htmlcode11"><small><b>HTML-Code</b></small></div>

<div style="float: left; padding: 3px 8px; background-color: #ededed; color: {{global_body_color_link}} ; " onmouseover="this.style.cursor='pointer';" onclick="document.getElementById('code11').style.display='none'; document.getElementById('code12').style.display='block'; this.style.backgroundColor='#ededed'; document.getElementById('htmlcode11').style.backgroundColor='{{global_post_bg}}'; this.style.color='{{global_body_color_link}}'; document.getElementById('htmlcode11').style.color='{{global_grey_color}}'; " id="bbcode11"><small><b>Forum-Code</b></small></div>

<div style="clear: both;"></div>

<div style="display: none; background-color: {{global_area3_bg}};" id="code11">
<input type="text" value="<a href='{{link_current_page}}'><img src='{{pic_thumb}}' title='{{pic_title}}' alt='{{pic_title}}'/></a>" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/></div>

<div style="display: block; background-color: {{global_area3_bg}};" id="code12">
<input type="text" value="[URL={{link_current_page}}][IMG]{{pic_thumb}}[/IMG][/URL]" onfocus="this.select();" onclick="this.select();" class="inputbox" style="margin: 3px; padding: 2px 5px; width: 95%; font-size: {{global_small_fontsize}}px !important;"/>
</div>
</div>

{{user_registered==false.end}}

</div>
 
</div>
 
{{can_comment_pic==true.start}}
<div class="box">
<div class="boxheader"><a name="com_create" class="cat">Kommentar verfassen</a></div>
<div class="boxcontent">
<div class="spacer20">
<form name="commentForm" id="commentForm" method="post">

{{user_registered==true.start}}
<input type="text" name="name" id="name" value="{{actUser}}" style="display: none;"/>
{{user_registered==true.else}}
<input type="text" name="name" id="name" value="" />
{{user_registered==true.end}}
<div class="iconbarcontent">
<script type="text/javascript" >miranus_add_iconbar_textarea('commentar');</script>
<span style="float:right;">{{iconbar}}</span>
<textarea id="commentar" name="commentar">{{addedcomment}}</textarea>

{{user_registered==false.start}}
<div class="captcha">
<strong>Grafische Sicherheitsüberprüfung</strong>
<small>Um Spam zu vermeiden, übertragen Sie bitte die Zeichen in das Eingabefeld.</small>
{{captcha_wrong==true.start}}{{captcha_wrong==true.end}}
<img src="{{captcha_image}}" />
<input type="text" name="captcha" id="captcha" />
</div>
{{user_registered==false.end}}

{{user_registered==true.start}}<div id="commentsub" style="padding:5px;"><label>Kommentare abonnieren<input type="checkbox" style="width:auto;margin-left:5px;" value="1" {{subscribed==true.start}}checked="checked"{{subscribed==true.end}} name="comment_subscribe" /></label></div>{{user_registered==true.end}}
<input type="submit" name="addComment" value="Kommentar speichern" class="button"/>

</form>
</div>
</div>
</div>
{{can_comment_pic==true.end}}
{{guest_nocomments==true.end}}
 
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!