phpBB.de

Code: Alles auswählen

This MODification changes the Code formatting in posts to use resizable DIVs as well as making it so that the code is automatically selected (not Opera at the moment) ready for you to copy and paste into your own files. 
Although I have coded a version that uses language variables it leads to potentially having too much additional code in each page, so this version is hard coded for English. 
There are other ways of coding the resizing part of the code (and maybe more efficient) but these would probably require you to edit the php files. 
I also did a version that doesn't use images - a later option once any bugs have been sorted out. 

The code example below is for FI Subsilver - other themes will need changes to be made to the fi_divexpand.js - replace the references to the fisubsilver directory to your own template. You can optionally put the images in phpBB2/images/ directory but may have problems with dark themes. 

Make backup copies of all affected files before installing this MODification. 

I have probably forgotten something obvious, but... 

2. Copy the *.gif files to the phpBB2/templates/fisubsilver/images/ directory. 
3. Copy the fi_divexpand.js to the phpBB2/ root directory. 

3. Files to edit - 2 

----------------------------------------------------------------------------------------------------

#######Open bbcode.tpl and find;#######

<!-- BEGIN code_open --><table width="90%" cellspacing="1" cellpadding="3" border="0" align="center"> 
<tr> 
<td><span class="genmed"><strong>{L_CODE}:</strong></span></td> 
</tr> 
<tr> 
<td class="code"><!-- END code_open --> 
<!-- BEGIN code_close --></td> 
</tr> 
</table><!-- END code_close -->

#######Replace with;#######

<!-- BEGIN code_open --><script type="text/javascript" src="fi_divexpand.js"></script> 
<div align="center"> 
<script type="text/javascript">codeDivStart()</script> 
<!-- END code_open --> 
<!-- BEGIN code_close --></div></div><!-- END code_close -->

#######Open fisubsilver.css and put this code at the bottom of the file;#######

/* Code blocks */ 
.codetitle{background: #cdd6de;border:1px solid #9ca9b4;padding:5px;width:90%;font-weight:bold; text-align:left; 
margin-top:10px} 
.codediv{background:#fafafa;border: 1px solid #9ca9b4;color:#006600;border-top:0; 
font:12px Courier,"Courier New",sans-serif;padding:5px;overflow:auto;width:90%;height:50px;text-align:left}

#######Save all and upload#######