Horse Eden Eventing Game
Horse Eden Eventing Game


Year: 192   Season: Fall   
$: 0
Forecast: Chilly and Clear with Dropping Temps
Forecast:
Fri 10:06pm  
Stables Online:  116 
Chatbox
Hummingbird Meadows
10:04:55 Bird
Oh, never mind. I just need to look at the news page.
Hummingbird Meadows
10:04:29 Bird
Was there a capture contest between regions yesterday?
Dash and Duchess
10:04:17 DD | ~Squizard~
Myth, Hehe >:D done with body prep & colors on both, and hair mapping on the aziraphale pony! So going really well!! :D
Mythological
10:00:21 Crowley
How goes the Good Omens masterpiece?
Dash and Duchess
09:59:02 DD | ~Squizard~
myth!
Dash and Duchess
09:58:57 DD | ~Squizard~
Peggy, I just saw you're boy and he is gorgeous!! and prl! *^*

Thank you!! I'm really hoping she'll do nice >.< especially with her momma's debut, i need another AU baby xD
Mythological
09:58:39 Crowley
Squizard
Pegasus Lane
09:57:41 Peggy (or) Peg
AND he has prl. I have a serious color curse lol

Oh man she's lovely DD 😍
Dash and Duchess
09:56:42 DD | ~Squizard~
I'm just nervous for this one TOT
-HEE Click-
MakeEm Fancy
09:55:34 Ally 💜
Oh definitely
Yellowstone
09:55:11 Stonie
Why SWW thats just mean
-HEE Click-
Pegasus Lane
09:54:47 Peggy (or) Peg
Thank you Ally!
I've never had a colt born out of a decent mare so I'm nervous. So much potential but that means so much more disappointment when he flops 😂
MakeEm Fancy
09:53:12 Ally 💜
Ohhh he is cute @Peggy
Pegasus Lane
09:51:50 Peggy (or) Peg
Now he just needs to train like the good boy he was made to be 🥲
Gilded Roses
09:51:29 River / Brody
She's a mare too, next next RO is gonna be a fun one for me :) -HEE Click-
Pegasus Lane
09:51:23 Peggy (or) Peg
So glad that ugly ass sabino pattern is gone.
-HEE Click-
MakeEm Fancy
09:51:09 Ally 💜
Hopefully he has decent training lol
DistrictForest
09:49:57 
Very nice Ally!
Willow Ridge
09:49:52 Lillie Pt 3
-HEE Click-
Im so happy about this girl having bravery😭
MakeEm Fancy
09:49:19 Ally 💜
This is my recent purchase
-HEE Click-

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



Rules   Hide
You are in: Main Chat
View Sales Chat
Quests
Horse Eden Eventing Game
Chatbox
Hummingbird Meadows
10:04:55 Bird
Oh, never mind. I just need to look at the news page.
Hummingbird Meadows
10:04:29 Bird
Was there a capture contest between regions yesterday?
Dash and Duchess
10:04:17 DD | ~Squizard~
Myth, Hehe >:D done with body prep & colors on both, and hair mapping on the aziraphale pony! So going really well!! :D
Mythological
10:00:21 Crowley
How goes the Good Omens masterpiece?
Dash and Duchess
09:59:02 DD | ~Squizard~
myth!
Dash and Duchess
09:58:57 DD | ~Squizard~
Peggy, I just saw you're boy and he is gorgeous!! and prl! *^*

Thank you!! I'm really hoping she'll do nice >.< especially with her momma's debut, i need another AU baby xD
Mythological
09:58:39 Crowley
Squizard
Pegasus Lane
09:57:41 Peggy (or) Peg
AND he has prl. I have a serious color curse lol

Oh man she's lovely DD 😍
Dash and Duchess
09:56:42 DD | ~Squizard~
I'm just nervous for this one TOT
-HEE Click-
MakeEm Fancy
09:55:34 Ally 💜
Oh definitely
Yellowstone
09:55:11 Stonie
Why SWW thats just mean
-HEE Click-
Pegasus Lane
09:54:47 Peggy (or) Peg
Thank you Ally!
I've never had a colt born out of a decent mare so I'm nervous. So much potential but that means so much more disappointment when he flops 😂
MakeEm Fancy
09:53:12 Ally 💜
Ohhh he is cute @Peggy
Pegasus Lane
09:51:50 Peggy (or) Peg
Now he just needs to train like the good boy he was made to be 🥲
Gilded Roses
09:51:29 River / Brody
She's a mare too, next next RO is gonna be a fun one for me :) -HEE Click-
Pegasus Lane
09:51:23 Peggy (or) Peg
So glad that ugly ass sabino pattern is gone.
-HEE Click-
MakeEm Fancy
09:51:09 Ally 💜
Hopefully he has decent training lol
DistrictForest
09:49:57 
Very nice Ally!
Willow Ridge
09:49:52 Lillie Pt 3
-HEE Click-
Im so happy about this girl having bravery😭
MakeEm Fancy
09:49:19 Ally 💜
This is my recent purchase
-HEE Click-

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






Refresh


Forums

→ Horse Eden 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   ..   24 

Palette Guide October 24, 2023 02:43 AM


The Unknown
 
Posts: 972
#1149126
Give Award

I'm going to read back a bit and answer what I can!

1. How do I get rid of the brown bar where the navbar used to be if I've moved it?

To do this, use this code:

.gameheader div {
background: transparent !important;
border: none !important;
transition: 0.5s !important;
}

What this does is it forces the inline elements (inline means inside the HTML, so for example <div style="border:1px solid blue"> is a div with the inline style of a blue border) to be changed so it no longer appears. That's what the !important means! NOTE: only use the important tag if you absolutely need it. It makes your code hard to read and can sometimes make adding new code harder.

2. New stable tabs?? I see some cool ones but don't know how to make them!

If you want some fancy stable tabs, experiment! Nothing is stopping you from screwing with RGBA codes (red, green, blue, alpha), gradients, transitions, and anything else.

You can use border radiuses to make some super cool effects, and messing with images is a very fun way to make your palettes unique.

If you have other questions post here or PM me and I'm happy to answer!

Palette Guide October 24, 2023 03:25 PM


Mythological
 
Posts: 407
#1149237
Give Award
How do I get the header background to "fade-in"?
Palette Guide October 24, 2023 06:53 PM


The Unknown
 
Posts: 972
#1149295
Give Award

Mythological said:
How do I get the header background to "fade-in"?


Fading in uses keyframe animations, which are complicated to initially learn but easy once you get the hang of it.

@keyframes headerFade {
0% {opacity:0;}
100% {opacity:1;}
}

The purple text is the name of your animation, and can be anything you want. I always type mine in lower camel case (no spaces or punctuation, first word is left lowercase, all others are capitalized, like eBay) just because it makes my code neater, but you can do anything you want for naming.

The red text is the percent of the animation. 0% for example is the very beginning of the animation (the first "frame", and 100% is the very end. You can use any other percentage point as long as they're in numerical order (50%, 33% wont work for example).

The green text is the styles you want applied to whatever element you have the animation applied to, and can be any style. If you can apply it to anything else it can be used in an animation.

animation: headerFade ease 1s 1;

Above is what you would paste to make the fade animation apply to whatever element you want. The name is as I said before, the "1s" is how long you want the animation to take to play completely (go from 0% to 100%, here it lasts 1 second), and the 1 is how many times you want the animation to play.

"Ease" tells the page that the animation should fade in, not just pop into existence.

You can read more on W3schools.


Edited at October 24, 2023 07:22 PM by The Unknown
Palette Guide October 24, 2023 06:57 PM


Mythological
 
Posts: 407
#1149297
Give Award
Thank you <3

The Unknown said:

Mythological said:
How do I get the header background to "fade-in"?


Fading in uses keyframe animations, which are complicated to initially learn but easy once you get the hang of it.

@keyframes headerFade {
0% {opacity:0;}
100% {opacity:1;}
}

The purple text is the name of your animation, and can be anything you want. I always type mine in lower camel case (no spaces or punctuation, first word is left lowercase, all others are capitalized, like eBay) just because it makes my code neater, but you can do anything you want for naming.

The red text is the percent of the animation. 0% for example is the very beginning of the animation (the first "frame", and 100% is the very end. You can use any other percentage point as long as they're in numerical order (50%, 33% wont work for example).

The green text is the styles you want applied to whatever element you have the animation applied to, and can be any style. If you can apply it to anything else it can be used in an animation.

animation: headerFade 1s 1;

Above is what you would paste to make the fade animation apply to whatever element you want. The name is as I said before, the "1s" is how long you want the animation to take to play completely (go from 0% to 100%, here it lasts 1 second), and the 1 is how many times you want the animation to play.

You can read more on W3schools.



Palette Guide October 24, 2023 07:14 PM


Mythological
 
Posts: 407
#1149301
Give Award
I seem to not be able to get it to work. I don't know what I am doing wrong.
Palette Guide October 24, 2023 07:19 PM


The Unknown
 
Posts: 972
#1149303
Give Award

Mythological said:
I seem to not be able to get it to work. I don't know what I am doing wrong.


Does adding it to the .gameheader work (not the first child selector)? Animations can be finicky with specifics haha
Palette Guide October 24, 2023 07:21 PM


The Unknown
 
Posts: 972
#1149305
Give Award

Oh nope it's my bad actually!

animation: headerFade ease 1s 1;

That should work. I forgot to define how it fades haha

Palette Guide October 28, 2023 01:41 PM


Kabuki
 
Posts: 100
#1150047
Give Award


I'm having an issue with viewing pedigrees after making a custom palette. I have no idea how this happened lol I was wondering if anyone might know what happened here...I think it has to do with:

div.secondary

But I'm not sure why it's so tiny?
Palette Guide November 10, 2023 05:59 PM


The Unknown
 
Posts: 972
#1152897
Give Award

Notice!

I will be rewriting this guide starting today. It'll be edited in parts, and I'll likely add new posts and pin them instead of making a whole new thread. Anything appearing above the dividing line is updated and can be followed with no worries.

The line will look like this:


Anything below that line is not updated yet and is part of the old guide.

If you want to be updated when the update is finished just click "subscribe to OP" on the front page!


Edited at November 10, 2023 06:00 PM by The Unknown
Palette Guide November 11, 2023 06:41 PM


Kiwi Mountains
 
Posts: 3197
#1153099
Give Award
I'm currently trying to figure out how to change the font of 'stable info/Home of.../about this stable' And I've managed to figure out what part of the css is goes with but for some reason every time I change the font is just changes the table font. No matter what kind div I put it with. If anyones willing to help that would be great!
Thought this thread might be the best place to ask :)

Edited at November 11, 2023 06:41 PM by Kiwi Mountains

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

Refresh