need help with textarea., overriding some html, so i can add a scrolling textarea. |
need help with textarea., overriding some html, so i can add a scrolling textarea. |
kawrleah |
Jan 8 2007, 03:01 PM
Post
#1
|
Group: Members Posts: 1 Joined: 8-January 07 Member No.: 1,498 |
i have a myspace account and the certain layouts i've been using, i've also been having trouble with.
i can't figure out how to add a textarea and change the font size in a certain area (already set, About Me). this isn't happening by fiddling with it on my own, so i'm coming here for help. sooo.. help? here's the code that's in there now.. CODE <style type="text/css"> table table{border:0px;} table table table table{border:0px;} {table & border attributes} table table table {border:1px solid; border-color:black; background-color:white;} table tbody td table tbody tr td.text table{background-color:white;}table table{border:1px;}table table table table{border:1px;} table table{border:1px} table table table table{border:1px} table table table table{border:1px;} table table{border:1px}table table table { border-style:solid; border-width:1px; border-color:black; background-image:url(); background-repeat: repeat; background-attachment: scroll} table table table table{border:5px} table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-image:url(http://i12.photobucket.com/albums/a236/ViableCalifornia/34.jpg); background-color:black; background-attachment: fixed; background-position:bottom left; background-repeat:no-repeat; scrollbar-face-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-shadow-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:white; scrollbar-track-color:black; } a:hover img { filter:Gray;} Table, Td{ } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:000000; font-size:7pt; font-weight:normal; font-style:normal; font-family:Arial, verdana, arial, sans-serif; } .orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ color:000000; font-size:20pt; font-weight:bold; font-style:normal; font-family:Arial, verdana, arial, sans-serif; } a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:000000; font-size:6pt; font-weight:normal; font-style:normal; font-family:small fonts, verdana, arial, sans-serif; } a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:FFFFFF; font-size:6pt; font-weight:normal; font-style:normal; font-family:small fonts, verdana, arial, sans-serif; } a.redlink:active, a.redlink:visited, a.redlink:link { color:FF82AB; } table table { border: 0px } table table table table{border:0px} table table table} table table table table{border:0px;} font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} textarea, input {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .btext {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .blacktext10 {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .blacktext12 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .lightbluetext8 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .nametext {font-family:small fonts; font-size: 18px; COLOR:black; font-weight:none; text-decoration: bold; letter-spacing: 0px; text-transform:uppercase; padding: 0px; line-height: 10px;} .orangetext15 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .redbtext, .redtext {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .text {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .whitetext12 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:small fonts; font-size: 20px; color: 000000; font-weight: underline; text-decoration: underline; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} b, stong {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} img { filter:none; border:0px;} a:link img { filter: none; border:0px solid black;} a:hover img { filter:none; border:0px solid black;} body {cursor: ;} a:hover {cursor: default;} TD TD {text-align: center;} TD TD TD {text-align: center;} TD TD TD TD {border-top: 0px solid; width: 80%; text-align:center;} TD TD TD TD TD {border-top: 0px solid black; text-align:center;} TD TD TD TD TD TD {border: 0px solid;} TABLE, TD {padding: 0px; text-transform: uppercase; width:350px;} TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;height: .01%; width: 100%;} TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} table td div div font {visibili-ty:hidden;di-splay:none;} table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext {display: none !important} </style> <style type="text/css">.blogbody i, .standard i, p i, i{font-family:small fonts; font-size: 7px; color: 000000; font-weight: italic; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody u, .standard u, p u, u {font-family:small fonts; font-size: 7px; color: 000000; font-weight: underlined; text-decoration: underlined; border-top: 0px solid 000000; border-bottom: 1px solid 000000; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody b, .standard b, p b, b {font-family:small fonts; font-size: 7px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style> <a href="http://www.myspace.com/ck_layouts" style="color:white; font-size: 7px; position: absolute; right: 1px; top: 18px">layout by<br> ck_layouts</a></div><style> a.text, table div font a, table div div {visibility:hidden;} table table div font a, table table div div {visibility:visible;} </style> <tr><td> <table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0"> <tr> <td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word"> <span class="orangetext15"></span><br /> TEXT. |
David |
Feb 12 2007, 10:27 PM
Post
#2
|
Group: Members Posts: 1 Joined: 12-February 07 Member No.: 1,878 |
Here's a sample for your review. Just cut and paste into your browser--I suggest Opera or Firefox. It has not been tested in Internet Explorer (*beep* Bill!)
This code represents the beginnings of a project to turn a pigs ear into a silk purse, i.e., turn a textarea into a rich text editor that runs in the browser so my web clients can do word processing and update their sites. The code sample sets the layout of the textarea to look like the pages in Microsoft Word. The specific CSS property that you're apparently looking for to style the text is called 'font-family'. Here's the link to the W3C in case you desire a good reference for CSS property information: http://www.w3.org/TR/CSS21/propidx.html Note: I haven't figured out how to get text to justify (text-align: justify;), so please ignore that setting. The textarea apparently only supports left, right, and center justification, however, I haven't given up yet. Blessings <html style=" background-color: #9099AE; "> <body style=" "> <div style=" width: 815px; height: 1056px; margin: 30px auto; "> <div style=" width: 2px; height: 2px; background-color: #9099AE; position: relative; left: 813px; top: 2px; "> </div> <textarea style=" width: 815px; height: 1056px; font-family: 'Times New Roman'; font-size: 14px; line-height: 130%; overflow: hidden; padding: 1in; display: block; text-align: justify; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid white; border-right: 3px solid black; "> </textarea> <div style=" width: 813px; height: 3px; background-color: black; position: relative; left: 2px; "> </div> </div> </body> <html> END POST i have a myspace account and the certain layouts i've been using, i've also been having trouble with. i can't figure out how to add a textarea and change the font size in a certain area (already set, About Me). this isn't happening by fiddling with it on my own, so i'm coming here for help. sooo.. help? here's the code that's in there now.. CODE <style type="text/css"> table table{border:0px;} table table table table{border:0px;} {table & border attributes} table table table {border:1px solid; border-color:black; background-color:white;} table tbody td table tbody tr td.text table{background-color:white;}table table{border:1px;}table table table table{border:1px;} table table{border:1px} table table table table{border:1px} table table table table{border:1px;} table table{border:1px}table table table { border-style:solid; border-width:1px; border-color:black; background-image:url(); background-repeat: repeat; background-attachment: scroll} table table table table{border:5px} table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-image:url(http://i12.photobucket.com/albums/a236/ViableCalifornia/34.jpg); background-color:black; background-attachment: fixed; background-position:bottom left; background-repeat:no-repeat; scrollbar-face-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-shadow-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:white; scrollbar-track-color:black; } a:hover img { filter:Gray;} Table, Td{ } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:000000; font-size:7pt; font-weight:normal; font-style:normal; font-family:Arial, verdana, arial, sans-serif; } .orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ color:000000; font-size:20pt; font-weight:bold; font-style:normal; font-family:Arial, verdana, arial, sans-serif; } a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:000000; font-size:6pt; font-weight:normal; font-style:normal; font-family:small fonts, verdana, arial, sans-serif; } a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:FFFFFF; font-size:6pt; font-weight:normal; font-style:normal; font-family:small fonts, verdana, arial, sans-serif; } a.redlink:active, a.redlink:visited, a.redlink:link { color:FF82AB; } table table { border: 0px } table table table table{border:0px} table table table} table table table table{border:0px;} font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} textarea, input {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .btext {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .blacktext10 {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .blacktext12 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .lightbluetext8 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .nametext {font-family:small fonts; font-size: 18px; COLOR:black; font-weight:none; text-decoration: bold; letter-spacing: 0px; text-transform:uppercase; padding: 0px; line-height: 10px;} .orangetext15 {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .redbtext, .redtext {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .text {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .whitetext12 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 8px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:small fonts; font-size: 20px; color: 000000; font-weight: underline; text-decoration: underline; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} b, stong {font-family:small fonts; font-size: 20px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} img { filter:none; border:0px;} a:link img { filter: none; border:0px solid black;} a:hover img { filter:none; border:0px solid black;} body {cursor: ;} a:hover {cursor: default;} TD TD {text-align: center;} TD TD TD {text-align: center;} TD TD TD TD {border-top: 0px solid; width: 80%; text-align:center;} TD TD TD TD TD {border-top: 0px solid black; text-align:center;} TD TD TD TD TD TD {border: 0px solid;} TABLE, TD {padding: 0px; text-transform: uppercase; width:350px;} TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;height: .01%; width: 100%;} TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;} table td div div font {visibili-ty:hidden;di-splay:none;} table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext {display: none !important} </style> <style type="text/css">.blogbody i, .standard i, p i, i{font-family:small fonts; font-size: 7px; color: 000000; font-weight: italic; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody u, .standard u, p u, u {font-family:small fonts; font-size: 7px; color: 000000; font-weight: underlined; text-decoration: underlined; border-top: 0px solid 000000; border-bottom: 1px solid 000000; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style><style type="text/css">.blogbody b, .standard b, p b, b {font-family:small fonts; font-size: 7px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style> <a href="http://www.myspace.com/ck_layouts" style="color:white; font-size: 7px; position: absolute; right: 1px; top: 18px">layout by<br> ck_layouts</a></div><style> a.text, table div font a, table div div {visibility:hidden;} table table div font a, table table div div {visibility:visible;} </style> <tr><td> <table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0"> <tr> <td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word"> <span class="orangetext15"></span><br /> TEXT. |
Lo-Fi Version | Time is now: 25th April 2024 - 12:42 AM |