Extended network Options

[LexieS17]

Hey i want to edit my extended network. here is the link to my profile so you can see what im talking about. my profile

i want to make the box with my network a little smaller and make the box with my default picture a little wider. also you see my def pic? you see how it is lined with the top of the box but there is a space underneath the pic? i want to center it, so there there is equal space above and below the pic. i tried <center></center> but it didnt work.

back to the network. you see how the text is below the pic of the dove? i want to put the text above the pic. i also want to make the text white. i know the css color code for white is #FFFFFF but i dont know where to put it. here is the code for my layout. thanks for the help!

CODE

<style>
.layout { myspace-layout-name:Filled With The Spirit;
myspace-layout-site: url(http://www.myfabfaith.com);
}
body { background-color:540055;
background-image:url(http://www.myfabfaith.com/myfabfaithimage5006.jpg);
background-position:left bottom; background-attachment:fixed;
background-repeat:yes-repeat; margin-bottom:450px;
}
img {border: none;}
table, tr, td { background-color:transparent;
}
table table table { background-color:540055; border-color:988FC4;
border-style:Solid; border-width:6px;
}
table table table table, table table table td { border-style:none;
}
body, div, p, strong, td, .text, .blacktext10, a.searchlinkSmall,
a.searchlinkSmall:link, a.searchlinkSmall:visited { color:988FC4;
font-size: 12pt; font-weight: normal; font-style: normal;
font-family:Century Gothic;
}
.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext,
.redtext, .redbtext, .blacktext12 { color:(988CF4; font-size: 16pt;
font-weight: normal; font-style: normal; font-family:Century Gothic;
}
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:link, a.redlink:visited
{ color:988FC4; font-size:8pt; font-weight:normal; font-style:bold;
font-family:Arial; text-decoration: none;
}
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:988FC4; font-size:12pt;
font-weight:normal; font-style:normal; font-family:Century Gothic;
text-decoration: none;
}
.caption { color:988FC4; font-size: 10pt; font-weight: normal;
font-style: normal; font-family:Century Gothic;}; text-align: center;
display: block;
}
</style>
<div style="position:absolute;..;left:0px;top:0px;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15ZmFiZmFpdGguY29t" target="_blank"><img src="http://myfabfaith.com/topicon.gif" border="0" alt="Free MySpace
Layouts" /></a></div><center>This layout was
handmade with TLC at <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15ZmFiZmFpdGguY29t" target="_blank">My Fab Faith</a> Go get
one!<br /><br /></center>
<style>
table table table td { vertical-align:top !important;
}
span.blacktext12 { visibility:visible !important; color:988FC4;
background-color:transparent;
background-image:url(http://www.myfabfaith.com/myfabfaithimage5005.jpg);
background-repeat:no-repeat; background-position:center top;
width:435px; padding-top:331px; padding-bottom:5px; display:block
!important; text-align:center;
}
span.blacktext12 img { display:none; }
.contactTable { width:300px !important; height:150px !important;
padding:0px !important;
background-image:url(http://www.myfabfaith.com/myfabfaithimage5007.jpg);
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;
}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;
}
.contactTable a img { visibility:hidden; border:0px !important;
}
.contactTable a { display:block; height:28px; width:115px;
}
.contactTable .text { font-size:1px !important;
}
.contactTable .text, .contactTable a, .contactTable img { filter:none
!important;
}
.contactTable .whitetext12 { display:none;
}
</style>

Reason for edit: Please use [codebox] tags when posting long codes. - Mike

[Mickey]

The link to your page doesn't work so I can't see what the problem is. Anyway, use this to resize your Extended Network and Profile Info tables:

CODE

<style>
.extendedNetwork {height:#px; width:#px; color:ffffff;}
.profileInfo {height:#px; width:#px;}
</style>

That will also make the Extended Network text white. I can't help you with its positioning yet because I can't see your profile.

[LexieS17]

sorry, dont know why it didnt work, here is my page. http://profile.myspace.com/index.cfm?fusea...iendid=68929223.

[LexieS17]

also, the code you gave me, do i just paste it anywhere or does it need to go in a certain place?

[LexieS17]

okay, thanks. and by the way here's a proxy i use to get around school blocks. im at college too and they block a lot of sites. http://www.mydietchart.info/ just scroll down and you'll see the entry box. just type in myspace.com or whatever site you want to go to and click browse. it will take you right to it.

[Mickey]

No thanks, I'm a good boy. Anyway, look for this in your codes:

CODE

span.blacktext12 { visibility:visible !important; color:988FC4;
background-color:transparent;
background-image:url(http://www.myfabfaith.com/myfabfaithimage5005.jpg);
background-repeat:no-repeat; background-position:center top;
width:435px; padding-top:331px; padding-bottom:5px; display:block
!important; text-align:center;
}

Replace it with this:

CODE

span.blacktext12 {visibility:visible!important; color:ffffff;
background-color:transparent; background-image:url(http://www.myfabfaith.com/myfabfaithimage5005.jpg); background-repeat:no-repeat; background-position:center top; width:435px; padding-bottom:5px; display:block!important; text-align:center;}

Try this to move your default picture down:

CODE

<style>
.profileInfo a img {position:relative; top:175px;}
</style>

Just mess with 175 to have it exactly where you want it. To resize the Extended Network and Profile Info tables, the previous code I posted should've worked. Did you remember to replace the pound symbols with the correct amount of pixels?

[LexieS17]

i actually havent done any of the changes yet. ive been so busy with tests and projects all due before thxgving. im gonna try to change everything you've shown me either tonite or tomorrow and i'll get back to you then.

[LexieS17]

some of the changes have seemed to work. i've got my profile pic where i want it, but now how do i get rid of the gaps above and below it? and i've tried altering the height and width of the box but it doesnt seem to change. the ex. network worked but i still want it a little smaller, i have the height set at 300px and the width at 0px. also, how do i get the pic in it to fill the rest of the box and keep the text at the top? http://profile.myspace.com/index.cfm?fusea...9c-79f574dcc807 thanks.

hey, i figured out the problem with the extended network and i got the pic on the bottom with the text on top. now i just need help making the whole table smaller. and the profile table is the next thing im still having problems with. im still trying to get rid of the gaps above and below the pic and make the table wider. thanks so much for the help.

Reason for edit: Please use the Edit button instead of double-posting. - Mike

[Mickey]

Posts merged.

The Profile Info table's height won't change because the text beside the default picture (eg. headline, age, location, last login, etc.) is stretching it. If you want it smaller, you'd have to hide some of those properties. For the Extended Network table's size, try this instead:

CODE

<style>
table.extendedNetwork {height:#px; width:#px;}
</style>

Again, replace the number signs with the amount of pixels you need.

[LexieS17]

hey i think i got what i want for now. thanks so much for all the help!

[Mickey]

No problem. Topic closed & moved.