Horse Eden Eventing Game
Horse Eden Eventing Game


Year: 193   Season: Fall   
$: 0
Forecast: Heavy Downpours, Flood Warning
Forecast:
Thu 06:05am  
Stables Online:  60 
Chatbox
Ravenwood Farm
04:09:08 
No worries! Sounds very nice :)
Minerva
04:07:15 Min
Oops sorry I buggered off haha. Ponies and pub today lol, probably a nice dog walk at some point too
Ravenwood Farm
03:20:17 
Have you got any birthday plans?
Minerva
03:17:38 Min
Ayy nice one Cali!!


Thank you Raven 😊
Ravenwood Farm
03:15:40 
Happy birthday Min! (oof what bandits they are)
Calela Eventing
03:15:38 Cali
Hey Min,
Guess who gave one of your EWE girlies her second EWE ever, both of them have been from my defect stud.
Such luck
Araluen
03:15:36 
just used 10 maps on captures (+15 traits) for a quest, not a single one with ratings above superb :')
Minerva
03:08:46 Min
Oh joy, the ponies have decided to celebrate my birthday by breaking through their fencing into the long grass 🙈 Dickheads haha
Morning Glory Farms
12:23:52 Terici/Dino/Trish
My fingers are crossed for you! I hope she's nice to
Valhalla Acreage
12:21:12 Eivor
-HEE Click-
I'm excited for this I'm using a blue glass on this pair
ShiningStar Stables
12:17:04 Chey / Star
Trish
I'm very nervous to breed her 😬
I will be svenning her as my first match so hopefully she is nice
Morning Glory Farms
12:13:53 Terici/Dino/Trish
I forgot shes 3 next year i cant wait to see how they do
Sunni
12:13:18 Sunni bunny
The match looks really good, and hopefully the cost will be colorful. I am excited for you XD
ShiningStar Stables
12:11:59 Chey / Star
Sunni
That's kind of what I was thinking
The match looks solid plus it has the chance for frame and tobi
Sunni
12:09:56 Sunni bunny
Star I think it's worth the gamble
ShiningStar Stables
12:08:49 Chey / Star
Do I risk throwing my maiden to a freshie?
-HEE Click-
Sunni
12:07:06 Sunni bunny
Geek if it helps you cope, losing someone is all ways painful.
It takes time to heal, and drawing is a good coping mechanism.
Am sorry for your loss, but I all ways tell myself.
It was an honor to know them, and be their friend.
Transformers Acres
12:04:58 Geek, Eek
I'm drawing my recently deceased puppy. I'm not fine
Sunni
12:04:46 Sunni bunny
Cove the sleep is coming for you, haha
Glacier Bay Cove
12:04:24 Arctic Katz
Oops I meant Geek

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
Ravenwood Farm
04:09:08 
No worries! Sounds very nice :)
Minerva
04:07:15 Min
Oops sorry I buggered off haha. Ponies and pub today lol, probably a nice dog walk at some point too
Ravenwood Farm
03:20:17 
Have you got any birthday plans?
Minerva
03:17:38 Min
Ayy nice one Cali!!


Thank you Raven 😊
Ravenwood Farm
03:15:40 
Happy birthday Min! (oof what bandits they are)
Calela Eventing
03:15:38 Cali
Hey Min,
Guess who gave one of your EWE girlies her second EWE ever, both of them have been from my defect stud.
Such luck
Araluen
03:15:36 
just used 10 maps on captures (+15 traits) for a quest, not a single one with ratings above superb :')
Minerva
03:08:46 Min
Oh joy, the ponies have decided to celebrate my birthday by breaking through their fencing into the long grass 🙈 Dickheads haha
Morning Glory Farms
12:23:52 Terici/Dino/Trish
My fingers are crossed for you! I hope she's nice to
Valhalla Acreage
12:21:12 Eivor
-HEE Click-
I'm excited for this I'm using a blue glass on this pair
ShiningStar Stables
12:17:04 Chey / Star
Trish
I'm very nervous to breed her 😬
I will be svenning her as my first match so hopefully she is nice
Morning Glory Farms
12:13:53 Terici/Dino/Trish
I forgot shes 3 next year i cant wait to see how they do
Sunni
12:13:18 Sunni bunny
The match looks really good, and hopefully the cost will be colorful. I am excited for you XD
ShiningStar Stables
12:11:59 Chey / Star
Sunni
That's kind of what I was thinking
The match looks solid plus it has the chance for frame and tobi
Sunni
12:09:56 Sunni bunny
Star I think it's worth the gamble
ShiningStar Stables
12:08:49 Chey / Star
Do I risk throwing my maiden to a freshie?
-HEE Click-
Sunni
12:07:06 Sunni bunny
Geek if it helps you cope, losing someone is all ways painful.
It takes time to heal, and drawing is a good coping mechanism.
Am sorry for your loss, but I all ways tell myself.
It was an honor to know them, and be their friend.
Transformers Acres
12:04:58 Geek, Eek
I'm drawing my recently deceased puppy. I'm not fine
Sunni
12:04:46 Sunni bunny
Cove the sleep is coming for you, haha
Glacier Bay Cove
12:04:24 Arctic Katz
Oops I meant Geek

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    2 

Losts Palette Guide to the Little Tidbits August 4, 2020 06:40 PM


LostCause
 
Posts: 2033
#753066
Give Award
I'll be posting the little tidbits of coding I uncover in this thread for others to use! I know I promised this thread like a week ago, but better late than never?

If you have any additional details you'd like to contribute to this list or have an idea for something that can be coded, PM me!

I'll be updating this table of contents as I post codes.

TOC

1. Manipulating the color of the stable page's featured horse tabs - Page 1
2. Making the featured horse area fully transparent when using a transparent palette - Page 1
3. Fade in animation - Page 1
4. Change the footer text - Page 1
5. Who's Online Popout - Page 2

Edited at June 15, 2022 08:56 PM by LostCause
Losts Palette Guide to the Little Tidbits August 4, 2020 07:12 PM


LostCause
 
Posts: 2033
#753093
Give Award
Manipulating the Color of the Featured Tabs

-----------------------------

Each individual button is a seperate image numbered 1-5. Because they're already images, filter css properties must be applied.

Filter properties that can be used include:
blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url()
More information about what they individual do/how to manipulate them can be found here.

Basic skeleton code:
#Stable img[onmouseover] {
filter: filter effect here;
}

Please keep in mind that because the images are already a default yellow/green you may not be able to achieve the exact color you're looking for. I haven't personally tried the url() option, so you may be able to provide your own background! You can stack filters to help achieve the look:

#Stable img[onmouseover] {
filter: hue-rotate(100deg) grayscale(20%);
}

My side project has been to uncover the coding for the ones located on an individual horse's page which I've abandoned for the time being. The last time I tried, it also tinted the horse's art as well. :P If I crack the code I'll share that in this post!

Edited at August 4, 2020 07:20 PM by LostCause
Losts Palette Guide to the Little Tidbits August 4, 2020 07:46 PM


LostCause
 
Posts: 2033
#753137
Give Award
Making the Featured Horse Area Fully Transparent When Making a Transparent pgbg/tablebg

-----------------------------
If you're confused as to what I'm talking about, I understand. xD

>>>>>>>


---------------------------------------
Thank you, Sunset, for being my guinea pig <3
When using transparency in your pg, you may notice that the transparency also layers itself here and ruins the full transparency effect. Two pieces of code are needed to negate any impact. To combat that,

.mainline.tablebg {
background: transparent;
}
.featuredscroll.tablebg {
background-color: transparent !important;
}

If you're savy to css, you can also manipulate these tables to be different transparencies/colors/images!

**BIG NOTE - Because .featuredscroll is also still .tablebg you may need to alter the code. If your css for .tablebg says background instead of background-color your .featuredscroll.tablebg must use the same wording.


Edited at August 4, 2020 11:31 PM by LostCause
Losts Palette Guide to the Little Tidbits August 8, 2020 07:45 PM


LostCause
 
Posts: 2033
#755571
Give Award
Fade In Animation
donated by Diagon Alley Elites [268585]
-----------------------------

To add in that neat fade in effect to any part of your palette, add in the following coding between the brackets of what you want to change:

animation: fadeInAnimation ease 1s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}

}

The time highlighted in red can be changed to dictate the total time it takes the selected code to fade to 100%!

Edited at August 8, 2020 07:46 PM by LostCause
Losts Palette Guide to the Little Tidbits August 8, 2020 08:11 PM


LostCause
 
Posts: 2033
#755575
Give Award
Changing the Footer Text
-----------------------------

Pretty simple. Use the coding below and edit in your choice of font/color/size:

.footergrey { font-family: times; font-size: 12px; color: #1a3e4c;
}
.footergrey a:link { font-family: times; font-size: 12px; color: #1a3e4c;}
.footergrey a:hover { font-family: times; font-size: 12px; color: #1a3e4c;}
.footergrey a:visited { font-family: times; font-size: 12px; color: #1a3e4c;}


Edited at August 8, 2020 08:13 PM by LostCause
Losts Palette Guide to the Little Tidbits August 24, 2020 12:35 AM


Willow Grove
 
Posts: 665
#764450
Give Award

LostCause said:
Manipulating the Color of the Featured Tabs

-----------------------------

Each individual button is a seperate image numbered 1-5. Because they're already images, filter css properties must be applied.

Filter properties that can be used include:
blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url()
More information about what they individual do/how to manipulate them can be found here.

Basic skeleton code:
#Stable img[onmouseover] {
filter: filter effect here;
}

Please keep in mind that because the images are already a default yellow/green you may not be able to achieve the exact color you're looking for. I haven't personally tried the url() option, so you may be able to provide your own background! You can stack filters to help achieve the look:

#Stable img[onmouseover] {
filter: hue-rotate(100deg) grayscale(20%);
}

My side project has been to uncover the coding for the ones located on an individual horse's page which I've abandoned for the time being. The last time I tried, it also tinted the horse's art as well. :P If I crack the code I'll share that in this post!


Where do we add this?
Losts Palette Guide to the Little Tidbits August 25, 2020 11:05 PM


LostCause
 
Posts: 2033
#766016
Give Award

Weeping Willow Ranch said:

LostCause said:
Manipulating the Color of the Featured Tabs

-----------------------------

Basic skeleton code:
#Stable img[onmouseover] {
filter: filter effect here;
}

Where do we add this?


Wherever in the css should be fine!

Edited at August 25, 2020 11:07 PM by LostCause
Losts Palette Guide to the Little Tidbits August 25, 2020 11:08 PM


Willow Grove
 
Posts: 665
#766021
Give Award
Alright, thanks!
Is it the same for the other things?
Losts Palette Guide to the Little Tidbits August 25, 2020 11:13 PM


LostCause
 
Posts: 2033
#766028
Give Award

Weeping Willow Ranch said:
Alright, thanks!
Is it the same for the other things?


Fade in animation must be placed within the brackets of whichever part it is of the palette you want to fade in. The current others are standalone.
Losts Palette Guide to the Little Tidbits August 25, 2020 11:15 PM


Willow Grove
 
Posts: 665
#766032
Give Award
Ok, thanks!

Forums > Member Help > Guides
   1    2 

Refresh