Help with CSS in the profiles

[alyssahh]

how do you change the border colors?? like on the about me, music, movies, etc. how its red, i don't want it red...how do i change the color for that?

[mia928]

how do you change the border colors?? like on the about me, music, movies, etc. how its red, i don't want it red...how do i change the color for that?

"Edit Your Profile" --> "Customize Profile" --> "Profile Home"

[MyMusicBreathes_x]

Hmm, Anyone know how to align my WHOLE profile to the RIGHT?.
I've tried a few diff codes but im having throuble with getting it right.. some send it really badly some get it close but it only does it on my screen
Would apreciate any help you could give.

[Sverri]

http://www.teenspot.com/profiles/edi...file/advanced/

This should do it:

center, div[align='center'] {
  text-align: left;
}

[alyssahh]

Hey, does anyone know how to get a comment box?

[MyMusicBreathes_x]

http://www.teenspot.com/profiles/edi...file/advanced/

This should do it:

center, div[align='center'] {
  text-align: left;
}

Hmm that did help, But it sent it the wrong way.. center made it go to the left.. I tried right and it makes it centerd. i tried left and it goescenterd as well.. My profile isn't Private so feelf ree to take a look,
Thanks for the codes anyways

[Sverri]

Hmm that did help, But it sent it the wrong way.. center made it go to the left.. I tried right and it makes it centerd. i tried left and it goescenterd as well.. My profile isn't Private so feelf ree to take a look,
Thanks for the codes anyways

Sorry, I got it the wrong way 'round!

center, div[align='center'] {
  text-align: right;
}

The values you can use (for the red text!) are these: left, center and right.

The "center, div[align='center']" stuff (the first line) is not the part of the code that aligns the layout; it is just a way of grabbing hold of the layout. The second line is doing the job of aligning the layout.

[mrhx115]

Does anyone know how to center the top of your profile (including your picture, mood, status, etc) ?

[lauren_xbabe]

How do you like get rid of your picture and only have the personal space box left?

[TypicalMale]

How do you like get rid of your picture and only have the personal space box left?

Throw this into your custom CSS :

table#autonumber10 {
  display:none;
}
table#autonumber13 {
  display:none;
}
table#autonumber15 {
  display:none;
}
table#autonumber19 {
  display:none;
}
table#autonumber20 {
  display:none;
}
table#autonumber22 {
  display:none;
}
table#AutoNumber24 {
  display:none;
}
table#AutoNumber26 {
  display:none;
}
table#AutoNumber29 {
  display:none;
}

Of course, if someone really wanted to see your photos, all they would have to do is look at the source code.

[Hot-Chick-15]

Does anybody know how to add photo's into the "Personal Space" section of your profile?

I've tried doing:

[img] source of image [/img]

But that doesn't seem to be working?

Any ideas?

[TypicalMale]

Does anybody know how to add photo's into the "Personal Space" section of your profile?

I've tried doing:

[img] source of image [/img]

But that doesn't seem to be working?

Any ideas?

You have to use HTML, not BBcode.

<img src="Yourimage here"  alt="description of image" />

Ex:

<img src="http://images.teenspot.com/new/teenspot.gif"  alt="Teenspot" />

[coley_]

how do you view a private profile?

[PathOfTheRighteousMan]

How do you make the border fixed?

Heres the code, I tried the obvious but it wouldnt work, I havent got any code in the about me section.

  table, tr, td { 
  background-color:transparent; 
 } 

  table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:0px; 
 } 

  table table table { 
  width:100%; max-width: 600px; } table table table table { width:100%;; 
 } 

  body, .bodyContent  { 
  background-image:url(); 
 background-position:Center Center; 
 background-attachment:fixed; 
 border-width:300px; 
 border-style:Solid;
 border-color:Black;
 border-attachment:Fixed; 
 } 

  table table { 
  border:0px; 
 } 

  table table table table { 
  border:0px; 
 background-image:none; 
 background-color:transparent; 
 } 

  table table table { 
  border-style:Inset; 
 border-width:1px; 
 border-color:bbbbbb; 
 background-attachment:fixed; 
 } 

  table, tr, td, li, p, div,.text,.redtext, .blacktext12  { 
  color:AA2222; 
 } 

   .whitetext12, .orangetext15 { 
  color:CC2222; 
 } 

   .lightbluetext8, .blacktext10, .redbtext,.btext  { 
  color:EE2222; 
 } 

   .nametext { 
  color:CC2222; 
 font-weight:bold; 
 font-style:italic; 
 } 

  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  { 
  color:AA2222; 
 font-style:italic; 
 text-decoration:underline; 
 } 

  a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  { 
  color:FF2222; 
 font-size:12pt; 
 font-weight:bold; 
 font-style:italic; 
 text-decoration:underline; 
 } 

  .contactTable  { 
  width:300px!important; 
						  height:150px!important; padding:0px!important; background-image:url(); 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;background-color:transparent!important;}.contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;background-color:none!important;} .contactTable .whitetext12 {display:none;; 
 }

Help


Also, Ive looked absolutely everywhere for codes but erm, ...

I want to make the personal space ''box'' have a transparent black background, same for each of the other modules.

Is there any simple code to do that?

[TypicalMale]

How do you make the border fixed?

Heres the code, I tried the obvious but it wouldnt work, I havent got any code in the about me section.

  table, tr, td { 
  background-color:transparent; 
 } 

  table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:0px; 
 } 

  table table table { 
  width:100%; max-width: 600px; } table table table table { width:100%;; 
 } 

  body, .bodyContent  { 
  background-image:url(); 
 background-position:Center Center; 
 background-attachment:fixed; 
 border-width:300px; 
 border-style:Solid;
 border-color:Black;
 border-attachment:Fixed; 
 } 

  table table { 
  border:0px; 
 } 

  table table table table { 
  border:0px; 
 background-image:none; 
 background-color:transparent; 
 } 

  table table table { 
  border-style:Inset; 
 border-width:1px; 
 border-color:bbbbbb; 
 background-attachment:fixed; 
 } 

  table, tr, td, li, p, div,.text,.redtext, .blacktext12  { 
  color:AA2222; 
 } 

   .whitetext12, .orangetext15 { 
  color:CC2222; 
 } 

   .lightbluetext8, .blacktext10, .redbtext,.btext  { 
  color:EE2222; 
 } 

   .nametext { 
  color:CC2222; 
 font-weight:bold; 
 font-style:italic; 
 } 

  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  { 
  color:AA2222; 
 font-style:italic; 
 text-decoration:underline; 
 } 

  a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  { 
  color:FF2222; 
 font-size:12pt; 
 font-weight:bold; 
 font-style:italic; 
 text-decoration:underline; 
 } 

  .contactTable  { 
  width:300px!important; 
						  height:150px!important; padding:0px!important; background-image:url(); 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;background-color:transparent!important;}.contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;background-color:none!important;} .contactTable .whitetext12 {display:none;; 
 }

Help


Also, Ive looked absolutely everywhere for codes but erm, ...

I want to make the personal space ''box'' have a transparent black background, same for each of the other modules.

Is there any simple code to do that?

  table, tr, td {
  background-color:transparent; border:none; border-width:0;
} 
  table table table { 
  background-image:url('http://i37.photobucket.com/albums/e91/Lordhelpus/25.png'); 
  background-repeat:repeat; 
 }

Put this in your Custom CSS, and I would recommend that you delete most, if not all, of your other CSS code, it's a confusing mess of hack-y code.

Unfortunately I'm relying on transparent png images for transparency, so if you want it darker or lighter you're going to have to tell me so I can upload a more or less transparent image. That or you could make your own images.

how do you view a private profile?

Privately message the person and ask them nicely to add you as a friend.

[PathOfTheRighteousMan]

  table, tr, td {
  background-color:transparent; border:none; border-width:0;
} 
  table table table { 
  background-image:url('http://i37.photobucket.com/albums/e91/Lordhelpus/25.png'); 
  background-repeat:repeat; 
 }

Put this in your Custom CSS, and I would recommend that you delete most, if not all, of your other CSS code, it's a confusing mess of hack-y code.

Unfortunately I'm relying on transparent png images for transparency, so if you want it darker or lighter you're going to have to tell me so I can upload a more or less transparent image. That or you could make your own images.

Yeah I can make my own PNG's.

Thanks.

[KiddSpikk]

how do you put your picture on the right side of the personal space
and the words going down

[Hot-Chick-15]

Thank you 'Typical Male', I can now put pictures on my profile! (:

[TypicalMale]

how do you put your picture on the right side of the personal space
and the words going down

What? Could you link me to an example of this or go more into detail?

Thank you 'Typical Male', I can now put pictures on my profile! (:

haha, no problem.

[tAuRus_21]

mine questions are simple.
1 how do you keep ur comments private?
2 how can you change the lengh/height on "ur personal space" and all the others?