about on a DIV layout how?, how do i put about me in a DIV layout?? Options

[mypanicdisorder]

i feel noobish for asking this but i've looked in all the major DIV layout helps and i just can't find it anywhere. help please T-T

i need my about me on a DIV an di cant find a code

[Jghelfi]

next time, please post in one box.. thats why there is a EDIT button on the bottom right..

well have you just tried deleting the part in a code (if you have one) that says:

CODE

.blurbs

[mypanicdisorder]

no but ill try

---

no i can't find anything that says blurbs. here's my part of the code that goes in the about me

CODE

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:visible;width:397px; height:180px;position:absolute;
top:680px;left:415px;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:2px;}
</style>



<style type=text/css>

body {
background-color: 99CCCC ;
background-image: url();
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:ff99cc;
scrollbar-track-color: 66cc99;
scrollbar-shadow-color: 66999;
scrollbar-face-color:33cccc;
scrollbar-highlight-color:3399ff;
scrollbar-darkshadow-color:339966;
scrollbar-3dlight-color:33cccc;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: 99cccc; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:66cc99; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:66cc99; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:33ccff; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:33ccff; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: 33ccff; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: 66cc99; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: 339999; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:009999; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:33cc33; font-weight:none;border:1px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:33cc33; font-weight:none;border:1px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:33cc33; font-weight:none;border:1px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:33cccc; font-weight:none;border:1px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:33cccc; font-weight:none;border:1px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:66cc99; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:66cc99; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:66cc99; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:66cccc; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:66cccc; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active {font-family:courier; font-size:12; color:00CC33; background-color:none;text-transform:normal; text-decoration:bold; font-weight:none;}
a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited {font-family:courier; font-size:14; color:66ffff; background-color:none;text-transform:lowercase; text-decoration:none; font-weight:none;}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:georgia; font-size:14; color:0099ff; background-color:none;text-transform:lowercase; text-decoration:none; font-weight:none;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

<div class="bg" style="position: absolute; left:170px; top:170px; width:590px; height:680px; overflow: hidden;">
<img src="http://i94.photobucket.com/albums/l84/darkangel-whitewings/hispro1.jpg">
</div>
<div class="bg" style="position: absolute; left:-13px; top:185px; width:320px; height:140px; overflow: hidden;">
<img src="http://i94.photobucket.com/albums/l84/darkangel-whitewings/HISPRO2copy.png">
</div>

[schizo]

The easiest thing to do would be to just make a div layout and add a box where you type in your about me. There's a pinned tutorial on the top of the Myspace Support page.

[mypanicdisorder]

The easiest thing to do would be to just make a div layout and add a box where you type in your about me. There's a pinned tutorial on the top of the Myspace Support page.

yeah i tried to do that but i don't know how to add a scroll bar it just ends up looking like someone typed on the page. is there a code for scroll bars? i've looked for that also and i can't find it. I'd thought it'd be easier just to ask for the about me code.

[Smarmosaur]

it is possible to move your about me section, but just adding/positioning a div will be much easier, and a lot cleaner.
try something like this:

CODE

<style>
.about{
position:absolute;
top:##px;
left:##px;
width:##px;
height:##px;
overflow:auto;
z-index:#;}
</style>

<div class="about">Your text here.</div>

to make it a scrollbox, you must have a set width and height, and overflow:auto. :]

[mypanicdisorder]

it is possible to move your about me section, but just adding/positioning a div will be much easier, and a lot cleaner.
try something like this:

CODE

<style>
.about{
position:absolute;
top:##px;
left:##px;
width:##px;
height:##px;
overflow:auto;
z-index:#;}
</style>

<div class="about">Your text here.</div>

to make it a scrollbox, you must have a set width and height, and overflow:auto. :]

thanks <3 this helps alot <3


---

one more question. How woul di change the font and size and stuff? would it be in the normal fonts?

[Smarmosaur]

if you have a set font style in your CSS for your entire profile (.text), it should use that style.
if not, just add any font properties in with the CSS I gave you.

[Jghelfi]

all you have to do is add this to add a scrollbar..

CODE

overflow:auto;

be sure to have it in a code that already has CSS in it.