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.

How to customize textarea in Invision ?

View previous topic View next topic Go down

Solved How to customize textarea in Invision ?

Post by Vito-UFA on August 14th 2011, 4:07 pm


I would like to make this marked area transparent or at least other color than white, if anyone could help me I would be grateful.
Thank you


Last edited by Vito-UFA on August 15th 2011, 1:45 am; edited 1 time in total

Vito-UFA
Forumember

Male Posts : 118
Reputation : 6
Language : polish/english
Location : Lodz

http://www.ufa-league.net/forum

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Menos on August 14th 2011, 5:03 pm

Tricky one... If there is a way to do that, I would like to know too. Very Happy

Come to think of it... if it's darker, you have to change the letters to white or other color so you can see what you are writing... hmmmm

Menos
Forumember

Male Posts : 373
Reputation : 4
Language : Greek, English and Slovak

http://cbrxx.darkbb.com/

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Nera. on August 14th 2011, 5:39 pm

Big box is this part.

Code:
#text_editor_textarea, #textarea_content iframe#text_editor_iframe {
    background-color: #FFFFFF;
    width: 99%;
}

Small boxses this.

Code:
.ipbform2 dl dd input {
    background: none repeat scroll 0 0 red;
    margin: 0 0.5em 0 0;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Menos on August 14th 2011, 5:57 pm

Where do we put these codes?
I tried putting them in the CSS Stylesheet, but nothing happened...

Menos
Forumember

Male Posts : 373
Reputation : 4
Language : Greek, English and Slovak

http://cbrxx.darkbb.com/

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Nera. on August 14th 2011, 6:01 pm

Don't add them, find them in your CSS and change the BG color.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Menos on August 14th 2011, 6:05 pm

I can't seem to find where exactly the BG color is...
Can you make the change for me please???

Pretty pretty please???? Embarassed

Spoiler:
a:link,a:active,a:visited,a.postlink{
color: #FFF47F;
text-decoration: none;
font: bold;
}

a:hover{
color: #767676;
font: bold;
}

a.admin:hover,a.mod:hover{
color: #767676;
}

a.but,a.but:hover,a.but:visited{
color: #D0A700;
text-decoration: none;
}

a.cattitle,a.cattitle:visited{
color: #767676;
text-transform: uppercase;
font: bold;
}

a.cattitle:hover{
color: #D0A700;
text-transform: uppercase;
font: bold;
}

a.topictitle:visited{
color: #B28F00;
}

a.topictitle:hover{
color: #767676;
}

body{
background-color: #3b3939;
color: #E7E7E7;
font: 12px Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
margin: 20px;
padding: 3;
scrollbar-3dlight-color: #6A6A6A;
scrollbar-arrow-color: #EEEEEE;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #1F1F1F;
scrollbar-highlight-color: #1F1F1F;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #4D4D4D;
background-image: url(http://i48.servimg.com/u/f48/13/48/38/43/bark2011.jpg);
background-attachment: fixed;
}

font,th,td,p{
font-family: Geneva, Arial, Helvetica, sans-serif,Trebuchet MS;
font-size: 12px;
}

form{
display: inline;
}

hr{
border: 1px solid #000000;
border-top-width: 1px;
height: 0px;
}

img{
border: 0 solid;
}

input{
color: #000000;
font: 12px Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
}

input.button,input.liteoption,.fakebut{
background: #303030;
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
color: #E7E7E7;
font-size: 12px;
}

input.catbutton{
background: #303030;
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
font-size: 11px;
}

input.mainoption{
background: #303030;
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
color: #FFCC00;
font-size: 11px;
}

input.post,textarea.post{
background: #303030;
border: 1px solid;
border-color: #000000 #707070 #707070 #000000;
color: #E7E7E7;
font: 11px Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
padding-bottom: 2px;
padding-left: 2px;
}

p{
margin-bottom: 3px;
margin-top: 2px;
}

select{
background: #303030;
color: #E7E7E7;
font: 11px Verdana,Arial,Helvetica,sans-serif,,Trebuchet MS;
}

td.cathead{
background: url(http://i25.tinypic.com/m9of1t.gif) #666666;
color: #8E8E8E;
font-weight: bold;
height: 28px;
letter-spacing: 1px;
text-indent: 4px;
a.gensmall {
font-size: XYpx;
}

td.rowpic{
background: url(http://i25.tinypic.com/wqtppk.jpg) #343434 repeat-y;
}

td.spacerow{
background: url(http://i28.tinypic.com/17tz5z.gif) #222222 repeat-x;
}

th{
background: url(http://i31.tinypic.com/2q1e1oz.gif) #171717;
color: #8E8E8E;
font-size: 12px;
font-weight: bold;
height: 27px;
padding-left: 8px;
padding-right: 8px;
text-align: center;
white-space: nowrap;
}

.admin,.mod{
font-size: 12px;
font-weight: bold;
}

.admin,a.admin,a.admin:visited{
color: #FFA34F;
}

.bodyline{
background-color: #393939;
background-image: url();
background-attachment: fixed;
}

.bodyline{

border: 2px solid ;
padding: 20;
border-color: #000000 #000000 #000000 #000000;

}


.forumline{
border: 1px solid;
font-size: 12px;
border-color: #000000 #707070 #707070 #000000 ;
}
.code{
background: #525252;
border: 1px solid #000000;
color: #FFFFB3;
font-size: 12px;
line-height: 125%;
}

.errorline{
background: #2D2D2D;
border: 1px solid #5A5A5A;
}

.explaintitle{
color: #727272;
font-size: 12px;
font-weight: bold;
}

.forumline{
background: #010101;
}

.gensmall{
font-size: 10px;
}

.headtitle{
color: #666666;
font-size: 12px;
font-weight: bold;
}

.helpline{
background: #303030;
border: 1 solid;
font-size: 10px;
}

.imgfolder{
margin: 1px 4px 1px 4px;
}

.imgspace{
margin-left: 1px;
margin-right: 2px;
}

.imgtopic,.imgicon{
margin-left: 0;
}

.maintitle,h1{
color: #666666;

border: 0px solid;
border-color: #000000 #707070 #707070 #000000 ;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

.mod,a.mod,a.mod:visited{
color: #006699;
}

.name{
font-size: 12px;
font-weight: bold;
}

.nav{
color: #979797;
font-size: 11px;
font-weight: bold;
}

.postbody{
font-size: 12px;
line-height: 125%;
color: #EEEEEE;
}

.postdetails{
color: #8A8A8A;
font-size: 11px;
}

.quote{
background: #525252;
border: 1px solid #000000;
color: #E7E7E7;
font-size: 10px;
line-height: 125%;
}

.row1{
background: #272727;
}

.row1,.row2,.row3,td.spacerow,td.cat,td.rowpic,th,.topnav{
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
}

.row2{
background: #272727;
}

.row3{
background: #414141;
}

.subtitle,h2{
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

.tblbot {
background: url(http://i26.tinypic.com/xf2e8g.gif) repeat-x;
}

.tableleft{
background: url(http://i28.tinypic.com/2q16tzp.gif) #2E2E2E repeat-y;
}

.tblright{
background: url(http://i29.tinypic.com/2u6cvnl.jpg) #2E2E2E repeat-y;
}

.tbltop{
background: url(http://i26.tinypic.com/dc4kk2.gif) #2E2E2E repeat-x;
}

.topbkg{
background: url(http://i29.tinypic.com/ddj6lu.gif) #1A1A1A repeat-x;
color: #666666;
font-size: 12px;
font-weight: bold;
height: 120px;
line-height: 140%;
}

.topictitle{
font-size: 11px;
font-weight: bold;
}

.topnav{
background: #1D1C19;
color: #DD6900;{
margin-bottom: 3px;
margin-top: 2px;
Font-size: 10px;
}
font-size: 12px;
height: 23px;
white-space: nowrap;
}
.imgtopic{
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}

Menos
Forumember

Male Posts : 373
Reputation : 4
Language : Greek, English and Slovak

http://cbrxx.darkbb.com/

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Nera. on August 14th 2011, 6:27 pm

Try adding this to your CSS

Code:
#text_editor_textarea, #textarea_content iframe#text_editor_iframe {
    background-color: red !important;
}
.ipbform2 dl dd input {
    background: green !important;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Guest on August 14th 2011, 7:14 pm

I've never heard of an Invasion board.

By any chance do you mean an Invision board?

And to Menos, the CSS you listed is for a phpBB2 board...

Guest
Guest


Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Menos on August 14th 2011, 8:17 pm

@Nera. wrote:Try adding this to your CSS

Code:
#text_editor_textarea, #textarea_content iframe#text_editor_iframe {
    background-color: red !important;
}
.ipbform2 dl dd input {
    background: green !important;
}
It works Nera... one last thing.. can you make the letters from black color to white???
Thank you for your time, I deeply appreciate it. Smile

Menos
Forumember

Male Posts : 373
Reputation : 4
Language : Greek, English and Slovak

http://cbrxx.darkbb.com/

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Nera. on August 14th 2011, 8:20 pm

Replace the one you added with this one.

Code:
#text_editor_textarea, #textarea_content iframe#text_editor_iframe {
    background-color: red !important;
    color: white !important;
}
.ipbform2 dl dd input {
    background: green !important;
    color: white !important;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Menos on August 14th 2011, 8:34 pm

It looks GREAT!!

Thank you, thank you and thank you! :wouhou:

Menos
Forumember

Male Posts : 373
Reputation : 4
Language : Greek, English and Slovak

http://cbrxx.darkbb.com/

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Nera. on August 14th 2011, 8:35 pm

Welcome.

Will leave the topic open for it's creator.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Vito-UFA on August 15th 2011, 1:55 am

Once again thank you Nera, it works perfectly. Great support.
Solved for me.

Vito-UFA
Forumember

Male Posts : 118
Reputation : 6
Language : polish/english
Location : Lodz

http://www.ufa-league.net/forum

Back to top Go down

Solved Re: How to customize textarea in Invision ?

Post by Nera. on August 15th 2011, 9:25 am

Welcome.

Solved > Locked

Nera.
Energetic

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

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