Forum Thread
[Stylish and Stylebot]How to edit style of PH[UNDER CONSTR.]
Forum-Index → Help → Guides → [Stylish and Stylebot]How to edit style of PH[UNDER CONSTR.]This is the 2nd part of the original forum thread:[Stylish] How to edit the style of PH
This thread's and the main thread are © by Dakar and megamegashinka
This thread's codes are written by Dakar,megamegashinka and Nursejoy
References
These codes here are mostly of colors, gradients and images.Given below is are some sites from where you can find gradients and background images.
1.Gradient combinations-UiGradients(Note:After clicking the site will open directly a gradient. To skip this and go to the main page, hit shift)
2.Background images-You can find awesome background images here for your background
So install Stylish or Stylebot.Apperently, I use Stylebot so I will be able to tell the codes in the way they are used in Stylebot.But Stylish and Stylebot both function same in customizing a website so it doesn't matter.
Codes
![](http://staticpokeheroes.com/img/sitewide/navigation/icons/party.png)
![](http://staticpokeheroes.com/img/sitewide/navigation/icons/party.png)
![](http://staticpokeheroes.com/img/misc/spoiler_plus.png)
Gradient:
#party_field{
background: linear-gradient(to YOUR COLOR,YOUR COLOR,YOUR COLOR,ETC); /* Standard syntax*/
}
Color:
#party_field {
background: YOUR COLOR NAME OR HEX CODE;
}
Image:
#party_field{ background:url(PUT HERE YOUR IMAGE URL)
}
![](http://staticpokeheroes.com/img/items/pal-pad.png)
![](http://staticpokeheroes.com/img/items/pal-pad.png)
![](http://staticpokeheroes.com/img/misc/spoiler_plus.png)
color-
#private_chat {
background: Your Color;
}
Background Image-
#private_chat {
background: Your Color;
}
Gradient-
#private_chat {
background: linear-gradient(to bottom, Your Color,Your Color,Your Color,Your Color,etc); /* Standard syntax */
}
![](http://i.imgur.com/nCatlNW.png)
![](http://i.imgur.com/nCatlNW.png)
![](http://staticpokeheroes.com/img/misc/spoiler_plus.png)
Background Image-
#main
{background : url(Your image url);
background-size: auto
}
Color-
#main
{
background :Your Color;
}
Gradient-
#main {
background: linear-gradient(to bottom, Your Color,Your Color,Your Color,Your Color,etc); /* Standard syntax */
}
transparent Main-
#main {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 8 */
filter: alpha(opacity=50);
/* IE 5-7 */
-moz-opacity: 0.5;
/* Netscape */
-khtml-opacity: 0.5;
/* Safari 1.x */
opacity: 0.7;
/* Good browsers */
}
![](http://i.imgur.com/9ZkwVp5.png)
![](http://i.imgur.com/9ZkwVp5.png)
![](http://staticpokeheroes.com/img/misc/spoiler_plus.png)
Background Image-
#userbar {
background: url(Your image url) !important;
background-size:auto
}
Color-
#userbar {
background:YOUR COLOR;
}
Gradient-
#userbar {
background: linear-gradient(to bottom, Your Color,Your Color,Your Color,Your Color,etc); /* Standard syntax */
}
![](http://staticpokeheroes.com/img/sitewide/navigation/icons/storage.png)
![](http://staticpokeheroes.com/img/sitewide/navigation/icons/storage.png)
[spoiler]
Background image-
#header {
background: url(Your image url) no-repeat !important;
background-size:auto
}
Color-
#header {
background:Your Color;
}
Gradient-
{
background: linear-gradient(to bottom, Your Color,Your Color,Your Color,Your Color,etc); /* Standard syntax */
}
![](http://i.imgur.com/Bpqhxeh.jpg)
Title: Sorry :,(
![](http://i.imgur.com/Bpqhxeh.jpg)