321 Cheese Webcam Photo Hack

[hau_ooo]

This hack gives your forum users the ability to add a webcam snapshot to their posts through integration with the 321 Cheese online service.

It installs an extra webcam button above the post message text area. When a user clicks on the button, a lightbox window with the webcam snapshot tool will appear.

After the user has taken a webcam snapshot, it's automatically inserted in the message post text area through the use of [img] BBCode.

############################################################## 
## MOD Title: Webcam snapshots
## MOD Version:   1
## TESTED and installed on phpBB 3
## MOD Author: Kris Van Roosbroeck
## 
## 
## MOD Description: Adds a button above the message input box that allows users to make webcam snapshots.
##                  After taking a webcam snapshot, the image is automatically inserted into the message input box with [img]-bbCode.
## 
## Installation Level: Very Easy
## Installation Time: 3 Minutes 
##                
## (prosilver)    Files To Edit: 2 
##                styles/prosilver/template/posting_buttons.html
##                styles/prosilver/theme/stylesheet.css
## Included files: Nil 
##
############################################################## 
## For Security Purposes, Please Check: http://www.phpbbhacks.com/
## for the latest version of this MOD. Downloading this MOD from other sites could 
## cause malicious code to enter into your phpBB Forum. 
############################################################## 
## MOD History:
##    2009-08-15 - version 1
##             - Initial Release  
## 
############################################################## 
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD 
############################################################## 
#
##################################- PHPBB3 PROSILVER -#########################################
#
#-----[ OPEN ]------------------------------------------ 
# 
styles/prosilver/template/posting_buttons.html

#
#-----[ FIND ]------------------------------------------ 
# 
<script type="text/javascript">


#
#-----[ REPLACE WITH ]------------------------------------------ 
# 
<div id="light" class="webcam_content"><a href="javascript:void(0)" onclick ="closeWebcam();">Close</a>
<object width="489" height="364">
<param name="movie" value="http://www.321cheese.com/main_cam_plugin.swf?plugin=true" />
<param name="allowScriptAccess" value="always" />
<embed src="http://www.321cheese.com/main_cam_plugin.swf?plugin=true" width="489" height="364" allowscriptaccess="always">
</embed>
</object>
</div>
<div id="fade" class="webcam_overlay"></div>
<script type="text/javascript">
function openWebcam(){
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block';
}

function insertImg(file){
insert_text('[img]http://www.321cheese.com/'+file+'[/img]', false, false);
closeWebcam();
}

function closeWebcam(){
document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none'
}


#
#-----[ FIND ]------------------------------------------ 
# 
<!-- IF S_BBCODE_IMG -->  

#
#-----[ ADD BEFORE ]------------------------------------------ 
# 
<input type="button" value="Webcam" class="button2" onclick="openWebcam();" />

#
#-----[ OPEN ]------------------------------------------ 
# 
styles/prosilver/theme/stylesheet.css

#
#-----[ FIND ]------------------------------------------ 
# 
@import url("colours.css");

#
#-----[ AFTER ADD ]------------------------------------------ 
# 
@import url(http://www.321cheese.com/plugin.css); 

# 
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
------ [ OPEN ADMINISTRATION CONTROL PANEL ]----------------------------
#
Select Styles tab ----> Style Components ----> Templates ----> Refresh ----> Yes

# 
# EoM