Archive for myfreeforum.org Before posting please check the "stickies" in the support forums.
Please ask questions in real English and not "txt". You will get a better response.
Please do not ask support questions via PMs.
 


       myfreeforum.org Forum Index -> Web page/template Editing
spock_gb

Emoticon Background Colour Change

PLEASE ENTER THE FOLLOWING>>>>


http://sevra.myfastforum.org/index.php


what is the name of the template:    fiblack3d  ..  myfs_sevra2


Please indicate keywords you have searched on: Change background, Smileys, Emoticons, Smilies, Colour change.


Now ask your question in clear English without "txt" speak>>>>


I would like to change the background colour of the Pop Up Emoticon page. In Edit Templates/Logos, where do I find the HTML code for this ?
Currently it is Black, the same as the Home page... I would like to change this as well.

Many Thanks
spocky
myff admin

it is in posting_smilies.tpl
spock_gb

I somehow knew you were going to say that. Heres the HTML from posting_smiles.tpl . There are no colour codes to change.


Code:

<script language="javascript" type="text/javascript">
<!--
function emoticon(text) {
   text = ' ' + text + ' ';
   if (opener.document.forms['post'].message.createTextRange && opener.document.forms['post'].message.caretPos) {
      var caretPos = opener.document.forms['post'].message.caretPos;
      caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
      opener.document.forms['post'].message.focus();
   } else {
   opener.document.forms['post'].message.value  += text;
   opener.document.forms['post'].message.focus();
   }
}
//-->
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="10">
   <tr>
      <td>

{TPL_HDR1}{L_EMOTICONS}{TPL_HDR2}<table width="100%" border="0" cellspacing="1" cellpadding="3" class="forumline">
         <tr>
            <td class="row"><table width="100" border="0" cellspacing="0" cellpadding="4">
               <!-- BEGIN smilies_row -->
               <tr align="center" valign="middle">
                  <!-- BEGIN smilies_col -->
                  <td><a href="javascript:emoticon('{smilies_row.smilies_col.SMILEY_CODE}')"><img src="{smilies_row.smilies_col.SMILEY_IMG}" border="0" alt="{smilies_row.smilies_col.SMILEY_DESC}" title="{smilies_row.smilies_col.SMILEY_DESC}" /></a></td>
                  <!-- END smilies_col -->
               </tr>
               <!-- END smilies_row -->
               <!-- BEGIN switch_smilies_extra -->
               <tr align="center">
                  <td colspan="{S_SMILIES_COLSPAN}"><span class="genmed"><a href="{U_MORE_SMILIES}" onclick="open_window('{U_MORE_SMILIES}', 250, 300);return false" target="_smilies" class="genmed">{L_MORE_SMILIES}</a></td>
               </tr>
               <!-- END switch_smilies_extra -->
            </table></td>
         </tr>
         <tr>
            <td class="catBottom" align="center" valign="middle"><a href="javascript:window.close();" class="genmed"  style="font-weight: bold">{L_CLOSE_WINDOW}</a></td>
         </tr>
      </table>{TPL_FTR}

      </td>
   </tr>
</table>
myff admin

If there are no colour codes explicitly to change, then that means the colour is using the defaults from the CSS, meaning you need to get some colour into the main table yourself.
http://personalweb.about.com/od/tables/ss/02tables_4.htm
spock_gb

OK.. Thanks for the link. Can you tell me where in the css I need to fit it ?

Tried many variables over the past 2 hours.... Really need the help now... or I wouldn`t have bothered you.

Quote:




row 1, column 1row 1, columnn 2


Hmmmm thats interesting.... Is that really what I`m looking for ?
Nick(NR)

spock_gb wrote:
I somehow knew you were going to say that. Heres the HTML from posting_smiles.tpl . There are no colour codes to change.


Code:

<script language="javascript" type="text/javascript">
<!--
function emoticon(text) {
   text = ' ' + text + ' ';
   if (opener.document.forms['post'].message.createTextRange && opener.document.forms['post'].message.caretPos) {
      var caretPos = opener.document.forms['post'].message.caretPos;
      caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
      opener.document.forms['post'].message.focus();
   } else {
   opener.document.forms['post'].message.value  += text;
   opener.document.forms['post'].message.focus();
   }
}
//-->
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="10" style="background: #990000;">
   <tr>
      <td>

{TPL_HDR1}{L_EMOTICONS}{TPL_HDR2}<table width="100%" border="0" cellspacing="1" cellpadding="3" class="forumline">
         <tr>
            <td class="row"><table width="100" border="0" cellspacing="0" cellpadding="4">
               <!-- BEGIN smilies_row -->
               <tr align="center" valign="middle">
                  <!-- BEGIN smilies_col -->
                  <td><a href="javascript:emoticon('{smilies_row.smilies_col.SMILEY_CODE}')"><img src="{smilies_row.smilies_col.SMILEY_IMG}" border="0" alt="{smilies_row.smilies_col.SMILEY_DESC}" title="{smilies_row.smilies_col.SMILEY_DESC}" /></a></td>
                  <!-- END smilies_col -->
               </tr>
               <!-- END smilies_row -->
               <!-- BEGIN switch_smilies_extra -->
               <tr align="center">
                  <td colspan="{S_SMILIES_COLSPAN}"><span class="genmed"><a href="{U_MORE_SMILIES}" onclick="open_window('{U_MORE_SMILIES}', 250, 300);return false" target="_smilies" class="genmed">{L_MORE_SMILIES}</a></td>
               </tr>
               <!-- END switch_smilies_extra -->
            </table></td>
         </tr>
         <tr>
            <td class="catBottom" align="center" valign="middle"><a href="javascript:window.close();" class="genmed"  style="font-weight: bold">{L_CLOSE_WINDOW}</a></td>
         </tr>
      </table>{TPL_FTR}

      </td>
   </tr>
</table>


I've added the bit that should work for you into the quoted code above.

style="background: #990000;" in the opening table line
spock_gb

Thanks Nick.... But what its done is to change the border colour around the black background.

http://sevra.myfastforum.org/posting.php?mode=smilies

I`m learning very slowly.... and appreciate all the help I can get.
Nick(NR)

spock_gb wrote:
I somehow knew you were going to say that. Heres the HTML from posting_smiles.tpl . There are no colour codes to change.


Code:

<script language="javascript" type="text/javascript">
<!--
function emoticon(text) {
   text = ' ' + text + ' ';
   if (opener.document.forms['post'].message.createTextRange && opener.document.forms['post'].message.caretPos) {
      var caretPos = opener.document.forms['post'].message.caretPos;
      caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
      opener.document.forms['post'].message.focus();
   } else {
   opener.document.forms['post'].message.value  += text;
   opener.document.forms['post'].message.focus();
   }
}
//-->
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="10">
   <tr>
      <td>

{TPL_HDR1}{L_EMOTICONS}{TPL_HDR2}<table width="100%" border="0" cellspacing="1" cellpadding="3" style="background: #990000;">
         <tr>
            <td class="row"><table width="100" border="0" cellspacing="0" cellpadding="4">
               <!-- BEGIN smilies_row -->
               <tr align="center" valign="middle">
                  <!-- BEGIN smilies_col -->
                  <td><a href="javascript:emoticon('{smilies_row.smilies_col.SMILEY_CODE}')"><img src="{smilies_row.smilies_col.SMILEY_IMG}" border="0" alt="{smilies_row.smilies_col.SMILEY_DESC}" title="{smilies_row.smilies_col.SMILEY_DESC}" /></a></td>
                  <!-- END smilies_col -->
               </tr>
               <!-- END smilies_row -->
               <!-- BEGIN switch_smilies_extra -->
               <tr align="center">
                  <td colspan="{S_SMILIES_COLSPAN}"><span class="genmed"><a href="{U_MORE_SMILIES}" onclick="open_window('{U_MORE_SMILIES}', 250, 300);return false" target="_smilies" class="genmed">{L_MORE_SMILIES}</a></td>
               </tr>
               <!-- END switch_smilies_extra -->
            </table></td>
         </tr>
         <tr>
            <td class="catBottom" align="center" valign="middle"><a href="javascript:window.close();" class="genmed"  style="font-weight: bold">{L_CLOSE_WINDOW}</a></td>
         </tr>
      </table>{TPL_FTR}

      </td>
   </tr>
</table>


it's the padding that makes it look like a border, have updated the code, to alter the color a quick google gives you this: http://www.pagetutor.com/common/bgcolors1536.png
spock_gb

Nick.... You are an absolute Diamond. That did the trick. Thanks also for the colour codes.

I`ve got a Debug problem as well.... but will see if I can sort it myself before asking for help.

Thanks again Nick


spocky
Nick(NR)


       myfreeforum.org Forum Index -> Web page/template Editing
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum