|
Css is used locally by webpages to define
color,fonts,layouts and other aspects of document presentation. it is
primarialy to enable the seperation of document content [written in
HTML or similar markup] from document presentation [written in css].
Hi i am Super Cascading Style Sheet Fairy or known as Super Css Fairy
for short.I desided to make this profile to help others in need of Css
help. Since i started this page not so long ago it has proven to be
quite helpful,which makes me happy spending countless hours on this to
be put in good use.Nonoba currently is using alot of CSS codes to make
it look how it does. So to change your profile you need a Css codes as
well to change your layout. The more i spend countless hours online the
more i find new codes to add to the rest that actually work on nonoba.
But remember not all Css codes work a major factor is
the web browser you use. [web browsers Ex. FireFox (FF),Internet
Explorer(IE),etc.]. The main browser i use is FF and sometimes IE
because IE is easier to add pic in the profile text than FF. for IE you
just copy and paste but for FF you must use the HTML to add pictures.
in that case use the HMTL button on the profile text.
Example:click picture to enlarge.
If you are having troubles with the codes below let me
know so i can help or if you would like to request a layout please
comment or message me. Also Can ask css help page or css help page beta.
Herro =3 I is teh css help page [which was deleted >_<] but this will be where allthe codes will go at. In my opinion having a Css generator is AWESOME! and easy to use but sometimes You get what you dont want. Yes i am not the greatest person to go for when it comes to Css as other users say. But think about it for a moment... i created this because when i first started here i didnt know what Css was :P and now i have come to learn alot about it [thanks to nonoba<3] and as i said think about it i not only do i ..
provide all the css codes that nonoba accepts or can change in your profile,but i also help each and every person one on one. i am very pacient with everyone because not everyone can grasp it right away.
as for graphics ... not everyone is a talented webdesigner.. like me i use tutorials to learn how to make my own or even use google and "photoshop it" even though i use paint @.@
long story short i have a reason to be here and im not going to stop helping people easily i am here to stay. Even if u like me or not... i still love you <3 all of you... Everyone who thinks this profile is useless or usefull :3
TY
Super Css Fairy
~changes the gamer level color:"Gamer level:1"~
/*gamer level*/
.userscore{Color:Skyblue;}
Colors can be color names or color hex.
Color name: Aqua
Color hex:#00FFFF
In the code it would go
Color:aqua; or Color:#00FFFF
Font Family can be any font that the internet accepts like papyrus and tahoma.The others are yet to be found :P
Text-align can be Left,Right,Center, and Justify.
Just add to any code and it should work ==> text-align:Left;
***********************
~This just removes or makes invisible part of the buttons the "post comment" button
Protip: When adding "none" instead of a url it makes that invisible.
/*post comment half button*/
.h2more{float:right;margin-top:-30px;background:url(none);}
~ used to remove the rest of the whole button not sure if it still works.still works for font color of the button.
Protip: if you dont know what will change what always use "lime" for the color so its more easy to find what you have changed.works for backgrounds as well.[ex: background-color:lime;]
/* buttons */
.smallbutton, .buttonend{background:url(none);
color:DarkOrchid;}
***************************
~links
a:link[all the links on the profile],a:hover[the color it will change when u hover over the link] a:visited [the color it will change to once youve already visitied that link], a:active[the links that are active xD]
Protip:apparently transparent is a color as well works on FF not on IE transparent =balck in IE.
you can change the color to the link and background transparent makes the background transparent.
a:link {
color:black;
text-decoration:none;
font-family:Comic Sans MS;
background:transparent;
text-position:center;}
a:hover{
color:black;
text-decoration: none;
font-family:Comic Sans MS;
background:transparent;
text-position:center;}
a:active{
color:black;
text-decoration: none;
font-family:Comic Sans MS;
background:transparent;
text-position:center;}
a:visited {
color:black;
text-decoration: none;
font-family:Comic Sans MS;
background:transparent;
text-position:center;}
***********************************************
~Font color to every color
/* Basic font */
body{
color:black;
}
************************************************
~Headings
/*welcome to my profile*/
h1{
font-family:papyrus;
font-size:25px;
text-align:center;
color:#FF0099!important;
}
/*2nd headings like comment/post comment, recent activities and friends*/
h2{
font-family: papyrus;
font-size:15px;
text-align: center;
color:red!important;
}
/*dates on recent activity*/
h3{
font-family: papyrus;
font-size:15px;
text-align: center;
color:lime!important;
}
/*deletes comments and avatars*/
h4{
font-family: papyrus;
font-size:15px;
text-align: center;
color:silver!important;
}
************************************************
/*link colors for Females and males*/
.male{color:White;}
.female{color:DarkOrchid;}
.genderless{color:grey;}
***********************************************
/*home,inbox,friends, part of the profile all the way in the bottom*/
.playbar{
background:url(http://dl7.glitter-graphics.net/pub/751/751987azhyurcp9z.gif);
background-repeat:repeat;
height:26px;}
Protip: make it dissapear make the height be 0px. or add display:none; to it.
*************************************************
/* the (online) in the comments*/
.onlineinfo{color:HotPink;}
************************************************
/*Ach.,Fav.games,friends*/
.box.rightbar .content{background:none;}
.box.rightbar .boxparts div { background:none; }
************************************************
Removes Recent activities
/*recent activities*/
h3.feedheadline{display:none;}
.userstories .useravatar{display:none;}
.feedstory{display:none;}
************************************************
/*background*/
.maincontent{
background:url(none);
background-repeat:repeat;
background-attachment: fixed;
background-position: center;
}
/*background #2*/
body{background:url(none);
background-repeat:repeat;
background-attachment: fixed;
background-position: center;}
|
x.SINNER.x said
Posted 6 days agocan u give me the css code 4 stalker?,i want mine 2 look like andrew the stalker profile