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:
|
Installation:
1. Inhalt der Templates
addreply
bbcode_buttons
editpost
newthread
sichern... (weil sicher ist sicher...)
2. Upload der Grafikdatei "bbcode_imageshack.gif" ins Verzeichnis "/images" eures Forums
3. Im Admin-CP -> Templates bearbeiten (Für jeden Templatepack extra)
In den Templates "addreply", "editpost" und "newthread" jeweils nach $headinclude suchen
und danach folgendes einfügen:
<script type="text/javascript">
/***********************************************
* Overlapping Content link- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
function getposOffset(overlay, offsettype){
var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
var parentEl=overlay.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function overlay(curobj, subobj){
if (document.getElementById){
var subobj=document.getElementById(subobj)
subobj.style.left=getposOffset(curobj, "left")+"px"
subobj.style.top=getposOffset(curobj, "top")+"px"
subobj.style.display="block"
return false
}
else
return true
}
function overlayclose(subobj){
document.getElementById(subobj).style.display="none"
}
</script>
3a. Beim WBBLite kann man das ganze zwar nicht über das ACP, dafür aber eben über die Dateien
im Template-Ordner genauso ändern.
4. Im Template bbcode_buttons nach folgender Zeile suchen:
src="{$style['imagefolder']}/bbcode_image.gif" alt="{$lang->items['LANG_POSTINGS_BBCODE_IMAGE']}" title="{$lang->items['LANG_POSTINGS_BBCODE_IMAGE']}" border="0" onclick="bbcode(document.bbform,'IMG','http://')" onmouseover="this.style.cursor='hand';" />
Und danach folgendes einfügen:
<img src="{$style['imagefolder']}/bbcode_imageshack.gif" alt="imageshack.us" border="0" onClick="return overlay(this, 'subcontent2')" onmouseover="this.style.cursor='hand';" />
<!--Sub content to overlay link when clicked on. Do not remove outermost <div id="subcontent2"> tag below. -->
<DIV id="subcontent2" style="position:absolute; display:none">
<div style="border: 1px solid black; background-color: #EDEDED; width: 360px; height: 150px; padding: 5px">
<font class="smallfont">Eigene Bilder mit <a href="http://www.imageshack.us" target=_blank>imageshack.us</a> hochladen...
<iframe src="http://imageshack.us/iframe.php?txtcolor=111111&type=blank&size=30" scrolling="no" allowtransparency="true" frameborder="0" width="350" height="100">Update your browser for ImageShack.us!</iframe>
Nach dem hochladen öffnet sich ein neues Fenster...
<div align="right"><b><a href="#" onClick="overlayclose('subcontent2'); return false" class="smallfont">Schliessen</a></b></div>
</div>
</DIV>
4a. Siehe 3a. ;)
Fertig!
|