The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Remove Smiley Box

View previous topic View next topic Go down

Solved Remove Smiley Box

Post by shintre on April 27th 2011, 8:49 pm

Is there a code to remove the smiley box completely and pull over the text editor information so that it takes up that entire table?

i want to go from:
| [smiley][text box for typing] |

to
| [ text box for typing ] |

shintre
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: Remove Smiley Box

Post by Nera. on April 27th 2011, 9:25 pm

Are you using phpBB3?
If the answer is yes, add this code to your CSS to block the display of smile box (when going on post replay or makeing a new topic)
Code:
#smiley-box {   
  display: none;

Then to enlarge the box when you write find this in CSS and change the size.

Code:
#textarea_content textarea#text_editor_textarea {   
height: 250px;   
width: XYpx;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Remove Smiley Box

Post by shintre on April 27th 2011, 9:53 pm

thx for the reply, i'm using phpBB2 (sry for not including that)
i don't have a #smiley-box tag in my current CSS
i can edit the size of my textarea (see attachment), but it grows outward. i already had it maxed out @ 100%. i have it at 200% for the illustration.
Attachments
forumsh.jpg You don't have permission to download attachments.(62 Kb) Downloaded 10 times

shintre
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: Remove Smiley Box

Post by Nera. on April 27th 2011, 10:45 pm

For the smiles in phpBB2 in post replay and new topics, try removing their table from templates.
Go to Post & Private Messages templates >> posting_smilies_frame
And remove this=
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4" summary="smiliesform">
        <tr>
            <th class="thHead" height="25">
              <form id="smilies_categ" action="" method="get" name="smilies_categ">
              <select name="categ" size="1" onchange="forms['smilies_categ'].submit()">
                  <option value="">{L_VIEW_MORE}</option>{SELECT_OPTIONS}
              </select>
              <input type="hidden" name="mode" value="smilies_frame" />
              <input type="submit" name="Ok" value="Ok" />
              </form>
            </th>
        </tr>
        <tr><td>
            <table width="100%" border="0" cellspacing="0" cellpadding="5" summary="smilies">
              <tr align="center" valign="middle"><td class="row1">
              <!-- BEGIN smilies_row -->
              <!-- BEGIN smilies_col -->
              <a href="javascript:emoticonp('{smilies_row.smilies_col.SMILEY_CODE}')"><img title="{smilies_row.smilies_col.SMILEY_DESC}" src="{smilies_row.smilies_col.SMILEY_IMG}" alt="{smilies_row.smilies_col.SMILEY_DESC}" /></a> 
              <!-- END smilies_col -->
              <!-- END smilies_row -->
              </td></tr>
            </table>

Save and publish template.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Remove Smiley Box

Post by shintre on April 27th 2011, 10:57 pm

thank you for the second reply! ^__^

so yeah, that's what i thought to do originally, that's why there's an ! in the screenshot (b/c you can't save a blank template). Now my main problem is, even though nothing is there, it doesn't shift over (i.e. huge gaping space column beside the textarea).

I used firebug in firefox to find out that the left column is 22% and the right is 78%.
I want the right column to be 100%! I went into "posting_body" and changed that, but nothing changed on the posting page.

I went into posting_smilies, posting_smilies_frame, and posting_smilies_wysiwyg and set them all to ! (not sure what they effect, but back then i was in the guess and test stage)

I cannot for the life of me get my text area to fill into the area where the smiley box used to be.

shintre
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: Remove Smiley Box

Post by shintre on May 15th 2011, 1:18 am

well, i do know that this is .row1 in table.forumline but I don't know what to alter in the CSS to collapse that row. I want .row2 (the posting row) to cover 100% of that area.

shintre
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: Remove Smiley Box

Post by kirk on May 15th 2011, 3:51 am

you can try to add this to the template so it's not empty,
But i still see no way for the text area to cover where the smiles were?
you will have to add a ; at the end of the p
Code:
&nbsp 

And i dont know what your rows would have to do with the text area either?
You are talking about the text area on the subject board when starting a post right?


kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Remove Smiley Box

Post by shintre on May 15th 2011, 9:12 am

Thanks for the reply.

Okay, so for example, with the attachment (post April 27th 2011, 3:53 pm), you'll see it's basically 2 columns (i think row was wrong). The first column has post title, message body and ! in it. The second column has the title bar, the button interface/tags and the text area. What I want is to get rid of column 1. If I can't get rid of it, I would at least like to make column 2 much wider. At the moment, I think the columns are 24% and 76% respectively. I would like something like 10% and 90%, or rather 0% and 100%. The purpose of this is to claim the previously used area (that had the smilies in it) to give more area for typing. Basically since I'm not using smilies, it just leaves a huge bare space. I want to use that space for the text area or column 2.

shintre
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: Remove Smiley Box

Post by kirk on May 15th 2011, 10:39 am

@shintre wrote:. The purpose of this is to claim the previously used area (that had the smilies in it) to give more area for typing. Basically since I'm not using smilies, it just leaves a huge bare space. I want to use that space for the text area or column 2.

i tried to adjust the text area in the template and would not go.
i would just replace/add something in place of the smiles in there.
like a flash banner,video game, picture, video, music player rules etc... dunno be creative Smile

And are your trying to adjust this with css or in a template?
please explain where these so called settings are for columns.
Cant make out heads from tails without seeing something and knowing exactly what it is you mean.
--------------------------


om my goodness
LOL Razz
http://www.forumsuccessors.com/post?f=5&mode=newtopic




kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Remove Smiley Box

Post by shintre on May 15th 2011, 6:21 pm

I tried doing this in both the CSS and in the template. I later found that I didn’t need to do anything to the template to get rid of the smilies because you can just disable smilies and they won’t appear by default.

But, that’s my main issue, if I knew where the settings were, then I’d be okay Razz Now, I’m basically just going to Display > Color > CSS Template. I found that I could elevate my forum up by adding -20px to my .body tag, so I assumed there was something similar that could be done in this instance.

As for the column values, I use a firefox addon that tells me the name of CSS elements that I click. So for example, in the space taken up in the first column with “Post Title” it shows

Td.row1 < tr < tbody < table.forumline < form <….
td class=”row1” width=”22%”
I’ll add a screenshot in the attachment

But here’s the interesting thing. THIS forum kind of has what I want. If you click preview on this thread, you’ll see that there isn’t a 2 column structure. You have the topic icon, post title under that, then the text area below that. Even tho smilies are on the right here as instead of the left like on my forum, it still doesn’t have an entire column dedicated to it. So I guess if there was a way to make my /post page to look like the help.forumotion.com/post page, then I’ll be moving in the right direction.

I hope this helps.
Attachments
screenshot2.jpg You don't have permission to download attachments.(230 Kb) Downloaded 6 times

shintre
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: Remove Smiley Box

Post by kirk on May 15th 2011, 9:27 pm

yeah not sure,
what firefox add on is that,
i would just have to test it out, i am not the best when it comes to css on sites, i do most of my css creations in dreamweaver and incorporate with java.

But i may be able to figure it out ? not sure.

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Remove Smiley Box

Post by Nera. on May 15th 2011, 9:50 pm

Would this be O.K.?
http://i.imm.io/5FV9.png
I've done it on phpBB2.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Remove Smiley Box

Post by shintre on May 15th 2011, 11:54 pm

@ kirk - it's called firebug
@ nera - that's EXACTLY what i want! how'd you do it?

shintre
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: Remove Smiley Box

Post by Nera. on May 16th 2011, 12:25 am

Step 1.
AP - templates - posting_smilies_frame
Use & n b s p ;

Step 2.
AP - templates - posting_body

Remove this
Code:
<td class="row1" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="1">
<tr>
<td><span class="gen"><b>{L_MESSAGE_BODY}</b></span></td>
</tr>
<tr>
<td align="center" valign="middle">
<table width="100" border="0" cellspacing="0" cellpadding="5">
<tr align="center">
<td class="gensmall" colspan="{S_SMILIES_COLSPAN}">
{L_SMILIES_PREVIEW}
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>

Step 3.

And than find this and add underlined, it's just below

<td class="row2" valign="top" colspan="2"><span class="genmed"></span>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>

<style id="wysiwyg_css">

Hope I didn't miss out on anything. Did not save it the first time.
Tried it now, should work fine ,)

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Remove Smiley Box

Post by kirk on May 16th 2011, 1:11 am

there ya go.
Nice job nera.

wowa thats a whole lot of text area now Smile

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Remove Smiley Box

Post by shintre on May 16th 2011, 1:43 am

+1 to Nera! Thank you very much. Thanks for your help as well Kirk.

shintre
Forumember

Posts : 28
Reputation : 0
Language : English

Back to top Go down

Solved Re: Remove Smiley Box

Post by Sanket on May 16th 2011, 5:31 am

Since this thread appears to be solved, I will lock this thread and mark it as solved.


Sanket Smile


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum