Chatbox
Butter Bee
10:54:48 Luna, bee lord, Loki
Moon
Well they obviously hung up and went about there normal lives and the scammer was probably mad there plan didn’t work
Kyram Pack
10:54:14 Mando, Ky, Bear.
Tech:
Le gasp!
Writing? And I didn't hear of it?
technoblade
10:53:05 Techno | The Blade
Summer

I swear I make so many peoples nights, weeks, months, whatever when i start writing.

I have no clue how it came to this point honestly. But it makes me happy.
Moonlightpath
10:53:04 Moonlight, moon,
@fei

and then what?
Canis Inanis
10:52:26 Khaine
-WP Click-
Glowing Spirit
10:51:15 Spirit ;]
Bb,
mmm now im hungry
Feiella
10:51:13 Fei/Demon/Vixen
so someone called and tried to scam me
Your Summer Swimsuit
10:50:57 Crystalline Dye Lord
Techie

Oh? I think my entire month will be made then lmao
Butter Bee
10:50:43 Luna, bee lord, Loki
Spirit
And it all started with my mom bringing home Arby’s and Mac donaldsXD
technoblade
10:50:17 Techno | The Blade
Summer

I am glad, I think I may do some writing soon.
Your Summer Swimsuit
10:49:54 Crystalline Dye Lord
sdftgf ;w;

You made my entire week though
Glowing Spirit
10:49:53 Spirit ;]
Bb,
haha not at all I think that's a cute name haha
technoblade
10:49:21 Techno | The Blade
I now have 1 bone fragment
Butter Bee
10:49:16 Luna, bee lord, Loki
Spirit
Is it odd that I want to give someone the nickname of curly fries?
Glowing Spirit
10:48:21 Spirit ;]
Bb,
im my mom's first born so she's really tough on me cause she wants a better life for me than her
Butter Bee
10:47:07 Luna, bee lord, Loki
Spirit
That could be whyXD I remember my mom telling once that I was always bad and then think back on it and see myself as a good kid.
Moonlightpath
10:46:09 Moonlight, moon,
shout box
Glowing Spirit
10:44:58 Spirit ;]
In your box? but I have!
Moonlightpath
10:44:07 Moonlight, moon,
ayo comment in my box if you have seen loki (the show not butter bee)!
Glowing Spirit
10:43:44 Spirit ;]
Bb,
if your the first born i could understand it's cause your her first kid but if your not then i dunno

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
Bengal Tiger : -5
Ermine : +4
Copperhead : +4
   Season:  Winter  Month: 2  Weather:  Light Snow  Moon: 
   Time Of Day:  Night Battle  Explore In: Now 

Forums

Wolf Play is a fun game! Sign Up Now!

My Subscriptions
My Bookmarks
My Topics
Latest Topics
Following
Forums > Member Help > Guides
  1  2  3  4  5 .. 20

Custom Palette CSS styles February 8, 2020 02:55 PM

Vennenum
Game Moderator
Darkseeker
 
Posts: 4786
#1822533
Give Award

4

This is not a guide on how to code CSS. If you don't know how, this line of code probably isn't going to make much sense to you. This also only works for the custom palette code. There are plenty of CSS guides on the internet if you'd like to learn how CSS works.

This is just a description of the different selectors and tags listed in the default palette template. I just added comments to clarify some parts of the code.

If you understand a tad bit of CSS, this should help you code some palettes. You technically can change the header image and background tree images if you really wanted, but that is not included in this code.

Some of this code has also been re-arranged so similar things are located next to each other.


/*--------------------------------------------------
Set overall site colors
--------------------------------------------------*/
/*Primary = Navbar & Sidebar Colors,*/
.primary {
background-color:#455b2e;
}

/*Secondary = Weather & Mushrooms Infobar Color */
.secondary {
background-color:#667f4d;
}

/*Tertiary = Denpage Buttons & Folders; Forum Trim*/
.tertiary {
background-color:#8aa275;
}

/*Forum Alternate Colors*/
.quatro {
background-color:#efecc8;
}

.forumalt {
background-color:#000000
}

/*--------------------------------------------------
For Quotes in the Forums
--------------------------------------------------*/

blockquote {
background-color:#efecc8;
border-left: 3px solid #8aa275;
}

/*--------------------------------------------------
Chat Colors
--------------------------------------------------*/

.main {
background-color:#b8cca7;
}

.sales {
background-color:#efecc8;
}

/*--------------------------------------------------
Den colors for the Wolf listing
--------------------------------------------------*/

/* Box that contains Wolf Name & Dom */
.wolfheader {
background-color:#fffbcd;
}

/* Box that includes Health/Hunger Bar */
.wolfinfo {
background-color:#beb26c;
}

/*--------------------------------------------------
Page background color
--------------------------------------------------*/

.pgbg {
background-color:#f8f5da;
}

/*--------------------------------------------------
Page Name text
--------------------------------------------------*/

/* Titles on each page including "DEN", "EXPLORE", "FORUMS" */

.headline {
color:#263408;
}

/*--------------------------------------------------
Color setting for decor/gear/food boxes
--------------------------------------------------*/
.imgcustom {
background-color:#f6edb7;
}

/*--------------------------------------------------
Set the tab color in your Den
--------------------------------------------------*/

/* Navigation Menu Color */
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: #8aa275;
}

/*--------------------------------------------------
Set the color and font of the menu bar text
--------------------------------------------------*/

/* Navigation Bar Text Color */
.navbar a {
font-family:arial,sans-serif;
color:#f8f5da;
}

/* Navigation DropDown Text Color */
.dropdown .dropbtn {
color:#f8f5da;
}

/* Dropdown Menu Text Color */
.dropdown-content a {
color:#000;
}

/*--------------------------------------------------
Set the tab color for the tabs under your Mailbox
--------------------------------------------------*/
/* Unselected Tabs Colors */
ul.tabbernav li a {
background: #92a882;
}

/* Container BG*/
.tabberlive .tabbertab {
background-color: #efecc8;
}

/* Unselected Tab Hover Colors */
ul.tabbernav li a:hover {
background: #efecc8;
}

/* Active Tab Color */
ul.tabbernav li.tabberactive a {
background-color: #efecc8;
}

/* Active Tab Hover Color */
ul.tabbernav li.tabberactive a:hover {
background-color: #efecc8;
}

/*--------------------------------------------------
Set the form color {includes chat textbox and mailpage textbox}
--------------------------------------------------*/

.iclass {background-color:#c8d4bd; color:#000000; -moz-border-radius: 7px;
border-radius: 7px;}


/*--------------------------------------------------
Set the color of the text in the side bar
--------------------------------------------------*/

.sidebartext { font-family:arial,sans-serif; font-size:15px; color:#dfdcbd; }

/*Links*/
.sidebartext a:link { font-family:arial,sans-serif; font-size:15px; color:#dfdcbd;}
.sidebartext a:hover { font-family:arial,sans-serif; font-size:15px; color:#bdb570;}
.sidebartext a:visited { font-family:arial,sans-serif; font-size:15px; color:#dfdcbd;}

/*--------------------------------------------------
Set the color of the text on the site
--------------------------------------------------*/

.mainlineblack{ font-family:arial,sans-serif; font-size:15px; color:#000; }

.mainlineblack a:link { font-family:arial,sans-serif; font-size:15px; color:#000;}
.mainlineblack a:hover { font-family:arial,sans-serif; font-size:15px; color:#4f2907;}
.mainlineblack a:visited { font-family:arial,sans-serif; font-size:15px; color:#000;}


/*--------------------------------------------------
Set the color of error/valid message after you submit an action
--------------------------------------------------*/

.errormsg {
background-color:#f3d1cc;
}

.validmsg {
background-color:#d7e8d2;
}


Edited at April 26, 2020 07:04 PM by Vennenum
Custom Palette CSS styles March 19, 2020 01:58 AM

Vennenum
Game Moderator
Darkseeker
 
Posts: 4786
#1877776
Give Award

1

Additional Fun Codes:

Denpage Buttons Hover Color:

.tertiary button:hover {
background-color:#F4acb7;}
*****

Change your chat text color:

.smalltextblack {
color: #055474 }

*****

Changing the tree background:

Daytime BG only:

.daybody {
background: #262936;
}

Nighttime BG only:

.nightbody {
background: #2e3141;
}

Use both together if you want the background to remain permanent.

*****

To change the wolfplay header image, use the following:

Spring only:
.mainscreen1 {
background: #000000;
}
Summer only:
.mainscreen2 {
background: #000000;
}
Fall only:
.mainscreen3 {
background: #000000;
}
Winter only:
.mainscreen4 {
background: #000000;
}
Use all of them together if you only need one header image, otherwise something different's going to pop up every season.
*****
Changing pack name style in chat:
.bsmalltext a:link {
color: # }
Changing link colors in chat:
.smalltextblack a:link {
color: #03384D;


Edited at December 25, 2020 02:01 PM by Vennenum
Custom Palette CSS styles March 19, 2020 09:12 AM

Yellow
Lightbringer
 
Posts: 1471
#1878000
Give Award
Thank you! May I ask how to change the header image and the hind trees?
Custom Palette CSS styles April 8, 2020 08:45 PM

Pandemonium
Neutral
 
Posts: 311
#1924698
Give Award
Curious as to how to get the gradient in the headings as you do on your palette Venn? Also how do I change the colour of the background on the Info, About this Pack, Featured Wolf, Wolves and such?
Custom Palette CSS styles April 9, 2020 12:59 AM

Vennenum
Game Moderator
Darkseeker
 
Posts: 4786
#1925225
Give Award
Pandemonium said:
Curious as to how to get the gradient in the headings as you do on your palette Venn?

For gradients:

.primary {
background-color: #05668D;
background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 1));
}

For this code: rgba(0, 0, 0, 0.25)

The first three values are your color's RGB values. The fourth value is your opacity.

rgba(R, G, B, 0.25)

Pandemonium said:
How do I change the colour of the background on the Info, About this Pack, Featured Wolf, Wolves and such?

As far as I know, there's no option to do that right now. You're welcome to make the suggestion though.


Edited at April 9, 2020 01:00 AM by Vennenum
Custom Palette CSS styles April 9, 2020 05:35 AM

Pandemonium
Neutral
 
Posts: 311
#1925399
Give Award
Thanks Venn!
Custom Palette CSS styles April 9, 2020 03:01 PM

Dash Attacked
Lightbringer
 
Posts: 5580
#1926480
Give Award
Edit: Ignore, I figured it out :)

Edited at April 9, 2020 03:04 PM by Dash Attacked
Custom Palette CSS styles April 12, 2020 02:16 PM

Wilverbeast
Lightbringer
 
Posts: 4857
#1934703
Give Award
.bsmalltext {
font-family:
color: # }

Is the coding to change the text of people's nicknames/message time in chat :)

.mainline {
font-family:
color: #}
Is the coding to change the info on your den page like pack number, join date, active date, membership, etc.

Edited at April 12, 2020 02:25 PM by Wilverbeast
Custom Palette CSS styles April 21, 2020 05:05 PM

Ciao
Darkseeker
 
Posts: 3630
#1961486
Give Award
What would the coding be for the wording under your wolves name? (So the rank, amount of dominance, gender and age)
I cant seem to figure it out <.<

Custom Palette CSS styles April 21, 2020 07:55 PM

Vennenum
Game Moderator
Darkseeker
 
Posts: 4786
#1961945
Give Award
Ciao!- Try
.mainlinegr {
color: #000000;
}

Forums > Member Help > Guides
  1  2  3  4  5 .. 20









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