Horse Eden Eventing Game
Horse Eden Eventing Game


Year: 193   Season: Fall   
$: 0
Forecast: Sunny
Forecast:
Mon 10:52am  
Stables Online:  129 
Chatbox
Crestwood Eq.
10:52:39 Ivy / poison ivy
Fritzi

Why does your nickname say rainy/fritzi?
Sweet Valley
10:52:38 Anna/Jewel
Well its not advertising anything, I just offered so I don't think it's against rules, Ivy
Astral Appies
10:52:34 Athena's SA - KNNs
no thank you. I like to make my own as I'm very picky and also like some fancy stuff that some cant do. thanks though
London Estates
10:52:01 Rainy/Fritzi
athena
real 😭
Crestwood Eq.
10:52:01 Ivy / poison ivy
Anna

I dont think you should been talking about that here in the main chat. Im not sure though
Sweet Valley
10:51:26 Anna/Jewel
Athena- if you want I could make a palette for u. :)
Astral Appies
10:44:56 Athena's SA - KNNs
I still need to make myself a palette for this account. And I need some amazing art
Crestwood Eq.
10:44:12 Ivy / poison ivy
Fritzi

Thanks <3
BlackRose
10:43:57 Stella
I bred like all my horses and Bulk bought foals and now I’m sorting them out and it’s loooooong
Crestwood Eq.
10:43:02 Ivy / poison ivy
Or looms fool
Crestwood Eq.
10:42:50 Ivy / poison ivy
Longing fool
BlackRose
10:42:24 Stella
Name ideas?

-HEE Click-
Crestwood Eq.
10:39:25 Ivy / poison ivy
Fritzi

XD
London Estates
10:37:55 Rainy/Fritzi
ivy
oh help great
Crestwood Eq.
10:36:32 Ivy / poison ivy
Fritzi

My lover boy has made me realize how much I love him xD
Sweet Valley
10:36:09 Anna/Jewel

Oh no! He nailed you! Darn it. Try again in half an hour.

NIGEL.. 🤣
London Estates
10:35:58 Rainy/Fritzi
ivy
im doing ok, wbu
Embervale Acres
10:34:48 Solar Phoenix
So many wilds that are still down one week 6...
Crestwood Eq.
10:34:48 Ivy / poison ivy
Fritzi

I know you probably don’t want to speak to me but how are you?
Lavender Hollow
10:33:10 ⁕ ivy ⁕
Oh fritzi. Hello

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
Crestwood Eq.
10:52:39 Ivy / poison ivy
Fritzi

Why does your nickname say rainy/fritzi?
Sweet Valley
10:52:38 Anna/Jewel
Well its not advertising anything, I just offered so I don't think it's against rules, Ivy
Astral Appies
10:52:34 Athena's SA - KNNs
no thank you. I like to make my own as I'm very picky and also like some fancy stuff that some cant do. thanks though
London Estates
10:52:01 Rainy/Fritzi
athena
real 😭
Crestwood Eq.
10:52:01 Ivy / poison ivy
Anna

I dont think you should been talking about that here in the main chat. Im not sure though
Sweet Valley
10:51:26 Anna/Jewel
Athena- if you want I could make a palette for u. :)
Astral Appies
10:44:56 Athena's SA - KNNs
I still need to make myself a palette for this account. And I need some amazing art
Crestwood Eq.
10:44:12 Ivy / poison ivy
Fritzi

Thanks <3
BlackRose
10:43:57 Stella
I bred like all my horses and Bulk bought foals and now I’m sorting them out and it’s loooooong
Crestwood Eq.
10:43:02 Ivy / poison ivy
Or looms fool
Crestwood Eq.
10:42:50 Ivy / poison ivy
Longing fool
BlackRose
10:42:24 Stella
Name ideas?

-HEE Click-
Crestwood Eq.
10:39:25 Ivy / poison ivy
Fritzi

XD
London Estates
10:37:55 Rainy/Fritzi
ivy
oh help great
Crestwood Eq.
10:36:32 Ivy / poison ivy
Fritzi

My lover boy has made me realize how much I love him xD
Sweet Valley
10:36:09 Anna/Jewel

Oh no! He nailed you! Darn it. Try again in half an hour.

NIGEL.. 🤣
London Estates
10:35:58 Rainy/Fritzi
ivy
im doing ok, wbu
Embervale Acres
10:34:48 Solar Phoenix
So many wilds that are still down one week 6...
Crestwood Eq.
10:34:48 Ivy / poison ivy
Fritzi

I know you probably don’t want to speak to me but how are you?
Lavender Hollow
10:33:10 ⁕ ivy ⁕
Oh fritzi. Hello

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: 408
#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: 408
#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: 408
#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: 101
#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: 3212
#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