Wolf Play : Custom Palette CSS styles
Chatbox
 SpiritGuardian
12:16:19 Sleepy spirit
King of smiles, last coco of the month i guess.
 Rogue Whispers
12:15:44 Phoenix, Rogue
I need den spaceeee
 Azrael
12:14:46 Ash, Khaos
always hot cocoa
 technoblade
12:14:38 Lil Techy | Techno
coco
 SpiritGuardian
12:14:11 Sleepy spirit
Should i go with hot coco or apple juice?
 ~♥Nux♥~
12:12:45 I eat souls, nom nom
Decent, I suppose. I ate far too many raw marshmallows this morning. I'm also exploring though. Brains are evading me.
 Azrael
12:11:39 Ash, Khaos
Techno-
I'm okay, just bored. Thanks for asking.
 technoblade
12:11:33 Lil Techy | Techno
Nux

I'm good just exploring right now, you?
 Rogue Whispers
12:11:19 Phoenix, Rogue
paws?
-WP Click-
 ~♥Nux♥~
12:10:24 I eat souls, nom nom
Techno ^^ How are you today?
 Serpents
12:09:02 Waterfall,Zane,Pixal
Your pack lays down for a breather. A bush nearby starts rustling and hundreds of spiders crawl out. You book it out of there. No need to mess with a spider army.
i agree
 Purgatory
12:05:33 Purge/Purse/Pug
Gwyn: Fleas with 3 good pursuers
Six Leopards:
 technoblade
12:04:40 Lil Techy | Techno
Ash

I hope so as well, how are you though?
 Azrael
12:03:38 Ash, Khaos
Techno-
I hope work goes well for you!
 Nevermore.
12:02:25 Never/Nev
My neck is absolutely killing me today >.>
 technoblade
11:57:39 Lil Techy | Techno
ash

it's started that's for sure, i have a later shift so i'm just gonna explore for a bit
 Azrael
11:56:46 Ash, Khaos
Hi Techno, how has your day been so far? ^^
 technoblade
11:56:17 Lil Techy | Techno
Hey Ash ^^
 Serpents
11:53:41 Waterfall,Zane,Pixal
-WP Click- Custom battle move ideas pm me (related to her name please)
 Azrael
11:53:15 Ash, Khaos
hi 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
Red Fox : +5
Sun Bear : -5
Baboon : +1
    Winter   Day  Weather:  Blizzard
 


Forums

→ Wolf Play 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: 1139
#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: 1139
#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: 1139
#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: 1139
#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: 1139
#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










Copyright ©2013-2024 Go Go Gatsby Designs, LLC    All Rights Reserved
Terms Of Use  |   Privacy Policy   |   DMCA   |   Contact Us