Wolf Play Game

Wolf Play Game
 Spring Month: 1   Night   Clear  Moon: 
      
Fri 11:03pm  
Packs Online:  99 
Chatbox

Log in to view the Chat.

Refresh

You must be a registered member for more
than 1 day before you can use our chatbox.


Quests
Alliance Battles
Challenges

Hourly Damage Variances
Snapping Turtle : +4
Jaguar : -5
Boar : +3


WolfPlay Game
Chatbox

Log in to view the Chat.




Refresh

You must be a member for more than 1 day before you can chat.

Forums

→ WolfPlay is a fun game! Sign Up Now!


My Subscriptions
My Bookmarks
My Topics
Latest Topics
Following

Forums > Member Help > Guides
   1   ..    19    20    21    22    23   ..   40 

Custom Palette CSS stylesJuly 31, 2021 07:21 AM


Vyratheriya

Neutral
 
Posts: 1152
#2595734
Give Award
What coding removes the green border around items? Ex: the chatbox or the daily cp box

Also how do you change the color of text in the buttons and boxs? Ex: The daily cp box, "chat" button, "attack" button, "explore" button

Also is there a way to code your mouse cursor to be different with your pallette? I think there is as I've seen someone's pallette with a different one.

Also how do you change the color of the brown text? Ex: my pack number on my den page is brown still. Also the subject of mail is brown still.

Sorry for so many questions.


Edited at July 31, 2021 09:01 AM by Venerixen
Custom Palette CSS stylesJuly 31, 2021 03:43 PM


Dire

Neutral
 
Posts: 2391
#2595879
Give Award

Venerixen said:
What coding removes the green border around items? Ex: the chatbox or the daily cp box
You need to add the border property to your selectors.
Ex (for daily cp box):

.errormsg {
background-color:#dd3c3c; border:1px solid #000000;
}
.validmsg {
background-color:#7f7f7f; border:1px solid #000000;
}



Venerixen said:

Also how do you change the color of text in the buttons and boxs? Ex: The daily cp box, "chat" button, "attack" button, "explore" button


The selector for "chat", "attack", etc buttons is:
.main {
background-color:#a37575;
}

Now, if you want to change the text color there

button.main td {font-family:arial,sans-serif; color:#000000;}

And if you want the main chat color to be different from the button color, you can add this line:

.saleschat.main {
background-color:#3c0404; border:1px solid #444444;
}



Venerixen said:

Also is there a way to code your mouse cursor to be different with your pallette? I think there is as I've seen someone's pallette with a different one.



This would help

* {cursor: url(INSERT CURSOR IMAGE LINK 1),auto;}

a:-webkit-any-link {cursor: url(INSTERT CURSOR IMAGE LINK 2),auto;}

.bsmalltext a:link {cursor: url(INSERT CURSOR IMAGE LINK 3),auto;}
.bsmalltext a:visited {cursor: url(INSERT CURSOR IMAGE LINK 3),auto;}

.iclass {cursor: auto;}

* is for every selector

a:-webkit-any-link is for links but you can specify it more by adding it in specific selectors (eg bsmalltext)

"INSERT CURSOR IMAGE LINK X" is the link of the cursor you want to be displayed in your palette.

Venerixen said:

Also how do you change the color of the brown text? Ex: my pack number on my den page is brown still. Also the subject of mail is brown still.

This would help:

.mainline {font-family:arial,sans-serif; color:#949494;}
.smalltext {font-family:arial,sans-serif; color:#949494;}
.mainline a:link {font-family:arial,sans-serif; color:#949494;}
.mainline a:visited {font-family:arial,sans-serif; color:#949494;}
.mainline a:hover {font-family:arial,sans-serif; color:#b9b9b9;}

Edited at July 31, 2021 03:46 PM by Dire
Custom Palette CSS stylesJuly 31, 2021 05:52 PM


Vyratheriya

Neutral
 
Posts: 1152
#2595927
Give Award
Thank you it should ^-^

Dire said:

Venerixen said:
What coding removes the green border around items? Ex: the chatbox or the daily cp box
You need to add the border property to your selectors.
Ex (for daily cp box):

.errormsg {
background-color:#dd3c3c; border:1px solid #000000;
}
.validmsg {
background-color:#7f7f7f; border:1px solid #000000;
}



Venerixen said:

Also how do you change the color of text in the buttons and boxs? Ex: The daily cp box, "chat" button, "attack" button, "explore" button


The selector for "chat", "attack", etc buttons is:
.main {
background-color:#a37575;
}

Now, if you want to change the text color there

button.main td {font-family:arial,sans-serif; color:#000000;}

And if you want the main chat color to be different from the button color, you can add this line:

.saleschat.main {
background-color:#3c0404; border:1px solid #444444;
}



Venerixen said:

Also is there a way to code your mouse cursor to be different with your pallette? I think there is as I've seen someone's pallette with a different one.



This would help

* {cursor: url(INSERT CURSOR IMAGE LINK 1),auto;}

a:-webkit-any-link {cursor: url(INSTERT CURSOR IMAGE LINK 2),auto;}

.bsmalltext a:link {cursor: url(INSERT CURSOR IMAGE LINK 3),auto;}
.bsmalltext a:visited {cursor: url(INSERT CURSOR IMAGE LINK 3),auto;}

.iclass {cursor: auto;}

* is for every selector

a:-webkit-any-link is for links but you can specify it more by adding it in specific selectors (eg bsmalltext)

"INSERT CURSOR IMAGE LINK X" is the link of the cursor you want to be displayed in your palette.

Venerixen said:

Also how do you change the color of the brown text? Ex: my pack number on my den page is brown still. Also the subject of mail is brown still.

This would help:

.mainline {font-family:arial,sans-serif; color:#949494;}
.smalltext {font-family:arial,sans-serif; color:#949494;}
.mainline a:link {font-family:arial,sans-serif; color:#949494;}
.mainline a:visited {font-family:arial,sans-serif; color:#949494;}
.mainline a:hover {font-family:arial,sans-serif; color:#b9b9b9;}


Custom Palette CSS stylesJuly 31, 2021 08:36 PM


Vyratheriya

Neutral
 
Posts: 1152
#2596030
Give Award
I have another question. How you change the white background when the drop down menu opens? Ex: hovering over pack.
Sorry if thats confusing
Custom Palette CSS stylesJuly 31, 2021 08:47 PM


Dire

Neutral
 
Posts: 2391
#2596036
Give Award
The white part there right?

.dropdown-content {background-color: #999999;}

Custom Palette CSS stylesJuly 31, 2021 08:56 PM


Vyratheriya

Neutral
 
Posts: 1152
#2596041
Give Award
Yes thank you and the writing when my wolves are in battle is still partially green how would I fix that? ^-^ Thnk you so much for helping me

Dire said:
The white part there right?

.dropdown-content {background-color: #999999;}



Custom Palette CSS stylesJuly 31, 2021 09:08 PM


Dire

Neutral
 
Posts: 2391
#2596048
Give Award
You're welcome :)

About the battle text, you're asking for the Wolf and NPC names there right?

Try that (the color should be the same in both selectors) :

div.fscreen font font b {color:#878787 !important;}

div.fscreen font font a:link {color:#878787 !important;}


Custom Palette CSS stylesJuly 31, 2021 09:11 PM


Vyratheriya

Neutral
 
Posts: 1152
#2596053
Give Award
Yes thank you so much :D and last 2 question I think at least XD
I seen sparkles on some peoples pallettes is there a code I can add to do that?
Also I know radial and linear gradient what other gradients are there?

Dire said:
You're welcome :)

About the battle text, you're asking for the Wolf and NPC names there right?

Try that (the color should be the same in both selectors) :

div.fscreen font font b {color:#878787 !important;}

div.fscreen font font a:link {color:#878787 !important;}




Custom Palette CSS stylesJuly 31, 2021 09:23 PM


Fair Phantom

Darkseeker
 
Posts: 511
#2596058
Give Award
Hi Venerixen,
I didn't use a special code for the sparkles. I made a GIF and then inserted the URL into the background property where I wanted it to be. I also made the image a smaller size and made it repeat. Here is one of the codes I used:

.primary {

background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(186, 255, 201, 0), rgba(186, 225, 255, 0), rgba(254, 200, 216, 0)), url(LINK);

background-color: rgba(255, 255, 255, 0.45);

background-size: 75px 75px;

background-repeat: repeat;

}

Custom Palette CSS stylesJuly 31, 2021 09:27 PM


Dire

Neutral
 
Posts: 2391
#2596060
Give Award

Venerixen said:
Yes thank you so much :D and last 2 question I think at least XD
I seen sparkles on some peoples pallettes is there a code I can add to do that?
I don't really know if there is a property that adds sparkles on a selector, but you can make an image in an image editor and use the background-image property to display in in your selector.
Ex:
.wolfheader {background-image:url(INSERT IMAGE DIRECT LINK HERE);}

Venerixen said:
Also I know radial and linear gradient what other gradients are there?
There is a third type of gradient: the conic gradient.

Edited at July 31, 2021 09:32 PM by Dire

Forums > Member Help > Guides
   1   ..    19    20    21    22    23   ..   40 

Refresh