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
Custom Party
Show
hidden content
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)
}
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)
}
Custom Pal-Pad
Show
hidden content
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 */
}
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 */
}
Custom Main
Show
hidden content
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 */
}
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 */
}
Custom Userbar
Show
hidden content
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 */
}
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 */
}
Custom Header
[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 */
}