Page 2 of 5

Re: BBCodebox Light

Posted: 19 Mar 2010, 23:23
by Steve
gsandys » 19 Mar 2010, 22:21 wrote:find and delete from posting_body.html

Code: Select all

         <!-- IF S_BBCODE_ALLOWED -->
         <td width="80" align="center" valign="top">
            <script type="text/javascript">
            // <![CDATA[
               colorPalette('v', 7, 6)
            // ]]>
            </script>
         </td>
         <!-- ENDIF -->
Yes but now it is OK Tnx! ;)

but talking about icons them I mean "I have the tag" but the panel need icon, not text

Image

Sorry about the English language - I'm from the Latvian

you can try
and learn how to add an image for every custom bbcode on your posting page if you like, but thats a lot of writing :!:

Re: BBCodebox Light

Posted: 19 Mar 2010, 23:25
by gsandys
but one example to show

Thank you you helped me very;)

Re: BBCodebox Light

Posted: 19 Mar 2010, 23:28
by Steve
ok well i might show you ,but not tonight :)

Re: BBCodebox Light

Posted: 19 Mar 2010, 23:29
by cisco007
i am sure the first post tell you how to add an image to custom bbcodes, just in case you can't find it, go to the first post scroll to the bottom, read the part that starts with this....
This will allow you to give your custom BBCode an image of its own and sort them in your preferred order

Re: BBCodebox Light

Posted: 20 Mar 2010, 04:57
by kevinviet
Can anyone please explain more about this
" Open styles/prosilver/theme/buttons.css
At the buttom, create new line and add: "
is the word button or bottom ?
I dont' know where to add the code

Code: Select all

.buttonz {
    width: 22px !important;
    height: 22px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 6px 0px !important;
    border: 1px solid #979797 !important;
    }
    .buttonz:hover {
    background-color: #ffffdf !important;
    border: 1px solid #BC2A4D !important;
    }
thanks

Re: BBCodebox Light

Posted: 20 Mar 2010, 08:45
by Stoker
Its bottom, I have corrected it in the post.
Thanks for notifying.

Re: BBCodebox Light

Posted: 20 Mar 2010, 09:51
by kevinviet
Thanks Stoker for the corrected.
I almost get it done on my board just a little problem, all the buttons are not full display, can someone please help fix it stretch fully ?.
Please see attached picture
error1.jpg
Thank you very much

Re: BBCodebox Light

Posted: 20 Mar 2010, 09:55
by Stoker
That is because of the css. 3 things can go wrong here.
You have not edited the css file
You have not refreshed the theme
You have not refreshed your browser (CTRL +F5) I think it is the last.

Re: BBCodebox Light

Posted: 20 Mar 2010, 10:05
by kevinviet
Stoker » 20 Mar 2010, 08:55 wrote:That is because of the css. 3 things can go wrong here.
You have not edited the css file
You have not refreshed the theme
You have not refreshed your browser (CTRL +F5) I think it is the last.

Thank you so much Stoker, the last one Ctrl + F5 fixed the problem :D I always thought when I refreshed template, theme and purge the cache, then you see the board you modified but today I learned one more Ctrl + F5 :D :oops:

Re: BBCodebox Light

Posted: 23 Mar 2010, 23:26
by Fire-Fox
When i add a cstm bbcode then the page "fresh" i can't choose other functions

how come?


here is posting_buttons.html

Code: Select all

<script type="text/javascript">
// <![CDATA[
	var form_name = 'postform';
	var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
	var load_draft = false;
	var upload = false;

	// Define the bbCode tags
	var bbcode = new Array();
	var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
','
  • ','
','
  • ','
','[img]','[/img]','','','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
var imageTag = false;

// Helpline messages
var help_line = {
b: '{LA_BBCODE_B_HELP}',
i: '{LA_BBCODE_I_HELP}',
u: '{LA_BBCODE_U_HELP}',
q: '{LA_BBCODE_Q_HELP}',
c: '{LA_BBCODE_C_HELP}',
l: '{LA_BBCODE_L_HELP}',
li: '{LA_BBCODE_LISTITEM_HELP}',
o: '{LA_BBCODE_O_HELP}',
p: '{LA_BBCODE_P_HELP}',
w: '{LA_BBCODE_W_HELP}',
a: '{LA_BBCODE_A_HELP}',
s: '{LA_BBCODE_S_HELP}',
tip: '{LA_STYLES_TIP}',
f: '{LA_BBCODE_F_HELP}',
ff: '{LA_BBCODE_FF_HELP}',
e: '{LA_BBCODE_E_HELP}',
d: '{LA_BBCODE_D_HELP}',
y: 'Custom BBCodes',
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}

var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';


// ]]>
</script>
<SCRIPT TYPE="text/javascript">
// <![CDATA[
function select_custom_BBcod(custom)
{
var id_custom = custom.value*1;
if (custom.value != "#")
{
bbstyle(id_custom);
var aide = 'cb_'+id_custom;
helpline(aide);
}
}
// ]]>
</SCRIPT>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>

<!-- IF S_BBCODE_ALLOWED -->
<div id="colour_palette" style="display: none;">
<dl style="clear: left;">
<dt><label>{L_FONT_COLOR}:</label></dt>
<dd>
<script type="text/javascript">
// <![CDATA[
function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');

if (e.style.display == 'block')
{
document.getElementById('bbpalette').value = '';
}
else
{
document.getElementById('bbpalette').value = '';
}
}

colorPalette('h', 15, 10);
// ]]>
</script>
</dd>
</dl>
</div>
<div id="format-buttons">
<input type="text" readonly="readonly" name="helpbox" style="width:80%" class="helpline" value="{L_STYLES_TIP}" onmouseout="helpline('tip')" /><br />
<input type="button" class="buttonz" accesskey="b" name="addbbcode0" value="" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" style="background: url('./images/editor/text_bold.png');" onmouseover="helpline('b')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="i" name="addbbcode2" value="" style="background: url('./images/editor/text_italic.png');" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" onmouseover="helpline('i')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="u" name="addbbcode4" value="" style="background: url('./images/editor/text_underline.png');" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" onmouseover="helpline('u')" onmouseout="helpline('tip')" />
<!-- IF S_BBCODE_QUOTE -->
<input type="button" class="buttonz" accesskey="q" name="addbbcode6" value="" onclick="bbstyle(6)" title="{L_BBCODE_B_HELP}" style="background: url('./images/editor/comment.png');" onmouseover="helpline('q')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<input type="button" class="buttonz" accesskey="c" name="addbbcode8" value="" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" style="background: url('./images/editor/page_white_code.png');" onmouseover="helpline('c')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="l" name="addbbcode10" value="" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" style="background: url('./images/editor/text_list_bullets.png');" onmouseover="helpline('l')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="o" name="addbbcode12" value="" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" style="background: url('./images/editor/text_list_numbers.png');" onmouseover="helpline('o')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="t" name="addlitsitem" value="" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" style="background: url('./images/editor/bullet_black.png');" onmouseover="helpline('li')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" name="bbpalette" id="bbpalette" value="" style="background: url('./images/editor/color_wheel.png');" onclick="change_palette();" title="{L_BBCODE_S_HELP}" onmouseover="helpline('s')" onmouseout="helpline('tip')" />

<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}" onmouseover="helpline('f')" onmouseout="helpline('tip')" />
<option value="50">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100" selected="selected">{L_FONT_NORMAL}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
<option value="150">{L_FONT_LARGE}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
<option value="200">{L_FONT_HUGE}</option>
<!-- ENDIF -->
<!-- ENDIF -->
</select>
<select name="addbbcodefont" onchange="bbfontstyle('[font=' + this.form.addbbcodefont.options[this.form.addbbcodefont.selectedIndex].value + ']', '[/font]');this.form.addbbcodefont.selectedIndex = 6;" title="{L_BBCODE_FF_HELP}" onmouseover="helpline('ff')" />
<option style="font-family: Tahoma;" value="Tahoma">Tahoma</option>
<option style="font-family: Verdana;" value="Verdana">Verdana</option>
<option style="font-family: Arial Black;" value="Arial Black">Arial Black</option>
<option style="font-family: Comic Sans MS;" value="Comic Sans MS">Comic Sans MS</option>
<option style="font-family: Lucida Console;" value="Lucida Console">Lucida Console</option>
<option style="font-family: Palatino Linotype;" value="Palatino Linotype">Palatino Linotype</option>
<option value="" selected="selected">Font Family</option>
<option style="font-family: MS Sans Serif4;" value="MS Sans Serif4">MS Sans Serif4</option>
<option style="font-family: System;" value="System">System</option>
<option style="font-family: Georgia1;" value="Georgia1">Georgia1</option>
<option style="font-family: Impact;" value="Impact">Impact</option>
<option style="font-family: Courier;" value="Courier">Courier</option>
<option style="font-family: Symbol;" value="Symbol">Symbol</option>
</select>
<select name="addbbcode_custom" onchange="select_custom_BBcod(this.form.addbbcode_custom.options[this.form.addbbcode_custom.selectedIndex]); this.form.addbbcode_custom.selectedIndex = '#'"; onmouseover="helpline('y')";>
<option value="#" selected="selected" >Custom BBCodes</option>
<!-- BEGIN custom_tags -->
<option value="{custom_tags.BBCODE_ID}" title="{custom_tags.BBCODE_HELPLINE}">{custom_tags.BBCODE_TAG}</option>
<!-- END custom_tags -->
</select>
<!-- ENDIF -->
[/code]