Re-Stylise Your Profile With CSS.
KoG disse
a muito tempo atrás | Texto #382 | em resposta a #381I don't even use an outside image, so all I need is the first half.
Texto #383 apagado
xxXSatanic_AbyssXxx disse
a muito tempo atrás | Texto #384 | em resposta a #380>.> That actually made since to me... Shame I'll stick to loops and thus never use it.
Texto #385 apagado
Paul Pierce 34 disse
a muito tempo atrás | Texto #386how do u get ur name on ur profile
Texto #387 apagado
Agent00.7 disse
a muito tempo atrás | Texto #388 | em resposta a #380what do i do? i dont have macro flash.
shisaa disse
a muito tempo atrás | Texto #389 | em resposta a #388Read the thread.
MarioFanQueen137137 disse
a muito tempo atrás | Texto #390HOW DO I CHANGE THE COLOR OF THE TEXT????
jordie1995 disse
a muito tempo atrás | Texto #391.comment{color:#00FF00!important;}
Obviously, change .comment and #00FF00 to what you want to change and the color you want it to be.
Obviously, change .comment and #00FF00 to what you want to change and the color you want it to be.
badboy34567 disse
a muito tempo atrás | Texto #392dont no what to do help
Texto #393 apagado
iMiZR1 disse
a muito tempo atrás | Texto #394hi.
i noticed that my profile is diplayed differently in IE and MOZILLA even if i clear my css (delete it, no css anymore, oiginal nonoba design).
both fail.
MOZILLA
does not display the button bar below my profile picture with the blue buttons "change my picture", "go to my home", not even the background image of this button bar, and it does not display the "home/inbox/friends/settings" buttons in the playbar (bottom of the browser window), not even the avatar or profile links below it (the noba is more to the left with it's text bubble extended to the left).
IE
fails to position a few things correctly. strangely it does change the display if i switch to another tab and back. but even then it's not correct.
anyway...
i'm not trying to save the world here :)
i try to change the "bubble" frame as in
How to change your profile text box.
i use internet explorer for gaming. mozilla for everything else.
there are technical reasons to use IE (personally for me).
please consider only internet explorer for this comment/question.
i do have some scripting experience.
i'll try to explain the issue as clearly as possible to keep the discussion short.
i did copy this script from the suggestions of the first post on this thread - this script does not work:
the css validator doesn't find a failure in it.
i used the css validator that Toby recommends on his profile:
http://jigsaw.w3.org/css-validator/#validate_by_input
in the url i put this for the middle part image:
and this for the rounded edges:
i just changed the colors of the suggested pictures. size and extension unchanged.
there are no class "background" or "bc1" tags in the whole code of the profile.
the profile text is in 3 divs.
the "content" class div is the direct parent tag for the title and the main text.
the next parent div has these 3 classes in it's tag: box rightspeech variablelength.
the highest parent div has these 3 classes in it's tag: section span-12 last.
some of these class names are used for other tags on the profile.
the title is in a H1 child tag with class: alternate.
the main text is in a div tag with the id: profileText.
here i cite the important part (i cut out the font tags and an img tag at the end of html in this comment):
this did work partially, but only for the text background of title and profile text with a white space between them,
and it left the round borders untouched as i suspected:
probably i don't need to have it fixed.
.
for the round box edges
the div class "content" is used elsewhere on the page (Latest Achievments) as a child tag of a parent div with these classes: box rightbar. for the latest achievments there should be another background, so you can not use the "content" class for the profile text css.
variablelength is only used for the profile text, but it didn't do the job right as i tried it with this code:
that only used the rounded picture to fill up the background with no rounded edges.
this one gets the upper left corner rounded, the rest is filled up completely and the picture is still repeated vertically as in the previous code:
.box.rightspeech instead of .variablelength does the same.
.box.rightspeech .background either
i guess it's the first - it doesn't do anything - since there is no background class in the html code.
this one changes only the upper right corner of the white bubble to a white rectangle:
my picture is yellow:
http://img52.imageshack.us/img52/2369/bubbleandborderyellownn.png
but at least the bc2 class does seem to work in some way even though it's not in the html code.
bc3 does the same (white) in the lower left corner:
it seems to me that the original white picture is just used as a tiled background. something must be missing from the css of Toby.
the original css of nonoba for it is this:
i tried a few variations of it:
it does the upper left corner as it should be. the whole image is yellow with blue edges. clearly my images are used. but the right and the bottom edge is ignored and filled up to a rectangle.
boxparts is nowhere in the html code either, but it seems to work somehow, too.
the next one does use only my png, too, but it fills up a complete yellow rectangle with a blue left edge. the right edge should be blue, too, but it isn't:
the next tiles my rounded yellow bubble into the whole space like the previous code with the middle picture (i swapped the images):
the next one makes the whole bubble dissapear - the text is there, but on the maincontent background without bubble:
...so, i think, the .box.rightspeech .boxparts div doesn't do anything.
the next one fills the complete rectangle with my middle picture:
i just deleted the div.
the next fills the middle part with my middle picture, but only the left edge is blue. the top and bottom parts are empty:
now it's clear that the area is divided in 6 parts divided in the middle in 2 columns. the top 2 parts are bc1, bc2, the middle is bc5, bc6 and the bottom part bc3, bc4.
the following code is original nonoba css, too.
i experimented with it a little (position absolute/relative, width 5%/50%/90%, bottom/top right/left). i think there is some conflict in the positioning of the pictures:
whatever i do, my picture does not snap to the bottom of the text.
my background picture is tiled (repeated in x-y directions).
.
did anyone manage to change that picture completely?
i mean to change it with using new round borders, too.
please post your css.
i noticed that my profile is diplayed differently in IE and MOZILLA even if i clear my css (delete it, no css anymore, oiginal nonoba design).
both fail.
MOZILLA
does not display the button bar below my profile picture with the blue buttons "change my picture", "go to my home", not even the background image of this button bar, and it does not display the "home/inbox/friends/settings" buttons in the playbar (bottom of the browser window), not even the avatar or profile links below it (the noba is more to the left with it's text bubble extended to the left).
IE
fails to position a few things correctly. strangely it does change the display if i switch to another tab and back. but even then it's not correct.
anyway...
i'm not trying to save the world here :)
i try to change the "bubble" frame as in
How to change your profile text box.
i use internet explorer for gaming. mozilla for everything else.
there are technical reasons to use IE (personally for me).
please consider only internet explorer for this comment/question.
i do have some scripting experience.
i'll try to explain the issue as clearly as possible to keep the discussion short.
i did copy this script from the suggestions of the first post on this thread - this script does not work:
the css validator doesn't find a failure in it.
i used the css validator that Toby recommends on his profile:
http://jigsaw.w3.org/css-validator/#validate_by_input
in the url i put this for the middle part image:
and this for the rounded edges:
i just changed the colors of the suggested pictures. size and extension unchanged.
there are no class "background" or "bc1" tags in the whole code of the profile.
the profile text is in 3 divs.
the "content" class div is the direct parent tag for the title and the main text.
the next parent div has these 3 classes in it's tag: box rightspeech variablelength.
the highest parent div has these 3 classes in it's tag: section span-12 last.
some of these class names are used for other tags on the profile.
the title is in a H1 child tag with class: alternate.
the main text is in a div tag with the id: profileText.
here i cite the important part (i cut out the font tags and an img tag at the end of html in this comment):
this did work partially, but only for the text background of title and profile text with a white space between them,
and it left the round borders untouched as i suspected:
probably i don't need to have it fixed.
.
for the round box edges
the div class "content" is used elsewhere on the page (Latest Achievments) as a child tag of a parent div with these classes: box rightbar. for the latest achievments there should be another background, so you can not use the "content" class for the profile text css.
variablelength is only used for the profile text, but it didn't do the job right as i tried it with this code:
that only used the rounded picture to fill up the background with no rounded edges.
this one gets the upper left corner rounded, the rest is filled up completely and the picture is still repeated vertically as in the previous code:
.box.rightspeech instead of .variablelength does the same.
.box.rightspeech .background either
- doesn't do anything or
- it does the job right but the result is covered with the original white bubble of nonoba.
i guess it's the first - it doesn't do anything - since there is no background class in the html code.
this one changes only the upper right corner of the white bubble to a white rectangle:
my picture is yellow:
http://img52.imageshack.us/img52/2369/bubbleandborderyellownn.png
but at least the bc2 class does seem to work in some way even though it's not in the html code.
bc3 does the same (white) in the lower left corner:
it seems to me that the original white picture is just used as a tiled background. something must be missing from the css of Toby.
the original css of nonoba for it is this:
i tried a few variations of it:
it does the upper left corner as it should be. the whole image is yellow with blue edges. clearly my images are used. but the right and the bottom edge is ignored and filled up to a rectangle.
boxparts is nowhere in the html code either, but it seems to work somehow, too.
the next one does use only my png, too, but it fills up a complete yellow rectangle with a blue left edge. the right edge should be blue, too, but it isn't:
the next tiles my rounded yellow bubble into the whole space like the previous code with the middle picture (i swapped the images):
the next one makes the whole bubble dissapear - the text is there, but on the maincontent background without bubble:
...so, i think, the .box.rightspeech .boxparts div doesn't do anything.
the next one fills the complete rectangle with my middle picture:
i just deleted the div.
the next fills the middle part with my middle picture, but only the left edge is blue. the top and bottom parts are empty:
now it's clear that the area is divided in 6 parts divided in the middle in 2 columns. the top 2 parts are bc1, bc2, the middle is bc5, bc6 and the bottom part bc3, bc4.
the following code is original nonoba css, too.
i experimented with it a little (position absolute/relative, width 5%/50%/90%, bottom/top right/left). i think there is some conflict in the positioning of the pictures:
whatever i do, my picture does not snap to the bottom of the text.
my background picture is tiled (repeated in x-y directions).
.
did anyone manage to change that picture completely?
i mean to change it with using new round borders, too.
please post your css.
thanks!
Último editado em a muito tempo atrás
jamere disse
a muito tempo atrás | Texto #395....how do u put youtude links on your profile..T_T
jordie1995 disse
a muito tempo atrás | Texto #396Super CSS Fairy made a tutorial about that here.
Ivan-d.r. disse
9 meses atrás | Texto #397How long did it take you to type that?! xDD :P
Texto #398 apagado
Texto #399 apagado
Texto #400 apagado
Responder para a discussão
Registre-se agora para responder
miguelith0oo disse
a muito tempo atrás | Texto #381 | em resposta a #380