Horse Eden Eventing Game
Horse Eden Eventing Game


Year: 193   Season: Summer   
$: 0
Forecast: Morning Rain, with Cooling Temps Later
Forecast:
Thu 06:15am  
Stables Online:  60 
Chatbox
God is Mighty Stable
05:56:33 Willow ~ KNN Breeder
Cali
Do you have pictures of the puppy?
Calela Eventing
05:54:44 Cali
Thank you! Can’t wait to pick her up tomorrow xD
Alpine Acres
05:48:20 Lily/Alpine
Ahh that's so exciting! Again, huge congrats to you guys :D
Calela Eventing
05:46:20 Cali
Oof, so grateful I’m not writing any. At least for now. We’re about to go buy the new puppy his toys and bed so I’m pretty excited for that
Alpine Acres
05:44:24 Lily/Alpine
you?
Alpine Acres
05:43:43 Lily/Alpine
Hey Cali! I'm good, just stressing over an upcoming test xD
Calela Eventing
05:42:00 Cali
Hey Cozmic and Alpine, how are you guys doing?
Alpine Acres
05:37:56 Lily/Alpine
This is the silent hours(s) xD
Cozmic Elite
05:08:35 
So quiet in chat
Minerva
03:27:40 Min
Oh fun, just opened a box of 500 rusty microswitches that were only delivered to us yesterday. Looks like that customer gets another wait
Alpine Acres
01:50:28 Lily/Alpine
Cali, a Sven is a breeding item that gives you a +2 boost in all foal traits, which can improve your chance of better ratings. You can get filly and colt svens or just a regular unsexed one
Calela Eventing
01:39:04 Cali
I just realised I have no idea what a Sven is?
Alpine Acres
12:35:25 Lily/Alpine
gosh Ely, that is gorgeous!
Elysium Opalus
12:29:50 anti gen ai
Sharing a fancy fancy horse OC

in exchange for being exploded by balloons please lol
-Click-
MC Ace
12:26:18 McFossil
Oh nice! Get some extra tanning in for me. Sounds like a wonderful time.
Moongold Magic
12:21:40 🍭 Diva
I'm currently on holidays so I am enjoying with family, weather is good, trying to catch some tan finally
MC Ace
12:19:23 McFossil
Heya Diva~

Just been driving the struggle bus. How have you been?
Moongold Magic
12:15:22 🍭 Diva
Ace, how you been ?
MC Ace
12:08:13 McFossil
Oh goodness~
Nailed it.

-HEE Click-
Glacier Bay Cove
12:03:33 Arctic Katz
I will be back on tomorrow

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
God is Mighty Stable
05:56:33 Willow ~ KNN Breeder
Cali
Do you have pictures of the puppy?
Calela Eventing
05:54:44 Cali
Thank you! Can’t wait to pick her up tomorrow xD
Alpine Acres
05:48:20 Lily/Alpine
Ahh that's so exciting! Again, huge congrats to you guys :D
Calela Eventing
05:46:20 Cali
Oof, so grateful I’m not writing any. At least for now. We’re about to go buy the new puppy his toys and bed so I’m pretty excited for that
Alpine Acres
05:44:24 Lily/Alpine
you?
Alpine Acres
05:43:43 Lily/Alpine
Hey Cali! I'm good, just stressing over an upcoming test xD
Calela Eventing
05:42:00 Cali
Hey Cozmic and Alpine, how are you guys doing?
Alpine Acres
05:37:56 Lily/Alpine
This is the silent hours(s) xD
Cozmic Elite
05:08:35 
So quiet in chat
Minerva
03:27:40 Min
Oh fun, just opened a box of 500 rusty microswitches that were only delivered to us yesterday. Looks like that customer gets another wait
Alpine Acres
01:50:28 Lily/Alpine
Cali, a Sven is a breeding item that gives you a +2 boost in all foal traits, which can improve your chance of better ratings. You can get filly and colt svens or just a regular unsexed one
Calela Eventing
01:39:04 Cali
I just realised I have no idea what a Sven is?
Alpine Acres
12:35:25 Lily/Alpine
gosh Ely, that is gorgeous!
Elysium Opalus
12:29:50 anti gen ai
Sharing a fancy fancy horse OC

in exchange for being exploded by balloons please lol
-Click-
MC Ace
12:26:18 McFossil
Oh nice! Get some extra tanning in for me. Sounds like a wonderful time.
Moongold Magic
12:21:40 🍭 Diva
I'm currently on holidays so I am enjoying with family, weather is good, trying to catch some tan finally
MC Ace
12:19:23 McFossil
Heya Diva~

Just been driving the struggle bus. How have you been?
Moongold Magic
12:15:22 🍭 Diva
Ace, how you been ?
MC Ace
12:08:13 McFossil
Oh goodness~
Nailed it.

-HEE Click-
Glacier Bay Cove
12:03:33 Arctic Katz
I will be back on tomorrow

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    3 

Den's CSS Guide: Overlapping images + CSS essentials July 19, 2020 04:56 PM


Cherry River Elites
 
Posts: 1000
#742022
Give Award
Thanks so much!
But I have a question. I'm trying to get rid of the header so it's just my dots, but it won't let me remove the default header. How do I do this?
Den's CSS Guide: Overlapping images + CSS essentials July 19, 2020 05:01 PM

Rocky Creek Ranch
 
Posts: 1656
#742024
Give Award
Try adding this at the bottom of your code :
.gameheader {
background: none;
border: 0 !important;
}
Den's CSS Guide: Overlapping images + CSS essentials July 19, 2020 05:12 PM


Cherry River Elites
 
Posts: 1000
#742026
Give Award
...
That worked perfectly, thank you so much!
I'm in the company of geniuses O.O
Den's CSS Guide: Overlapping images + CSS essentials August 5, 2020 12:10 AM


Ryshadium RIDs
 
Posts: 653
#753267
Give Award

Thank you so much for this! I have a question. I am trying to get my header to change when I hover over it. I would like the secondary header (the one that shows when hovered) to be on top of the nav bar like in your tutorial. So I would like to switch from "Horse Eden Eventing" to "Ryshadium RIDs" in the images below. They work indivually, but I can't get the hover figured out. Could you help me, please?

Here are the images:

http://u.cubeupload.com/InkSpren/Screenshot371.png

http://u.cubeupload.com/InkSpren/Screenshot372.png

Here is the code I'm using for the first:

.gameheader {
background:none;
border-width: 0px !important;
}

.gameheader div[style]:first-child {
background-image: url(http://u.cubeupload.com/InkSpren/6aaRyshadiumHEEPaletteH.png);
background-size: 858px;
background-repeat: no-repeat;

height: 450px !important;
position: relative;
margin-bottom: -200px;
z-index: 100000001;

pointer-events: none;
}

And here is the code for the second image:

.gameheader {
background:none;
border-width: 0px !important;
}

.gameheader div[style]:first-child {
background-image: url(http://u.cubeupload.com/InkSpren/cb9RyshadiumUsernamePal.png);
background-size: 858px;
background-repeat: no-repeat;

height: 450px !important;
position: relative;
margin-bottom: -200px;
z-index: 100000001;

pointer-events: none;
}

Thank you for your time!


Edited at August 5, 2020 12:14 AM by Ryshadium RIDs
Den's CSS Guide: Overlapping images + CSS essentials August 6, 2020 06:48 AM

Former Stable
 
Posts: 0
#754232
Give Award

Ryshadium RIDs said:

Thank you so much for this! I have a question. I am trying to get my header to change when I hover over it. I would like the secondary header (the one that shows when hovered) to be on top of the nav bar like in your tutorial. So I would like to switch from "Horse Eden Eventing" to "Ryshadium RIDs" in the images below. They work indivually, but I can't get the hover figured out. Could you help me, please?

Here are the images:

http://u.cubeupload.com/InkSpren/Screenshot371.png

http://u.cubeupload.com/InkSpren/Screenshot372.png

Here is the code I'm using for the first:

.gameheader {
background:none;
border-width: 0px !important;
}

.gameheader div[style]:first-child {
background-image: url(http://u.cubeupload.com/InkSpren/6aaRyshadiumHEEPaletteH.png);
background-size: 858px;
background-repeat: no-repeat;

height: 450px !important;
position: relative;
margin-bottom: -200px;
z-index: 100000001;

pointer-events: none;
}

And here is the code for the second image:

.gameheader {
background:none;
border-width: 0px !important;
}

.gameheader div[style]:first-child {
background-image: url(http://u.cubeupload.com/InkSpren/cb9RyshadiumUsernamePal.png);
background-size: 858px;
background-repeat: no-repeat;

height: 450px !important;
position: relative;
margin-bottom: -200px;
z-index: 100000001;

pointer-events: none;
}

Thank you for your time!



I'd ask Dark! (The unknown) about this, Ink!
Den's CSS Guide: Overlapping images + CSS essentials August 6, 2020 07:30 AM

Former Stable
 
Posts: 0
#754240
Give Award

Try the following:

.gameheader {
background:none;
border-width: 0px !important;
}

.gameheader div[style]:first-child {
background-image: url(http://u.cubeupload.com/InkSpren/6aaRyshadiumHEEPaletteH.png);
background-size: 858px;
background-repeat: no-repeat;

height: 450px !important;
position: relative;
margin-bottom: -200px;
z-index: 100000001;

pointer-events: none;
}

.gameheader:hover div[style]:first-child {
background-image: url(http://u.cubeupload.com/InkSpren/cb9RyshadiumUsernamePal.png);
}

I've bolded the part that's added to the code for your first image. Normally, to add special styling for an element when you hover over the header, you'd append :hover to the selector name (e.g. .gameheader div[style]:first-child:hover). However, since .gameheader div[style]:first-child has pointer-events set to none (so that people can still click on links and such that are beneath the header), this also prevents the hovering action from being detected. So instead, you can specify that you want to change the style for div[style]:first-child when .gameheader is hovered over (as shown in the bolded code above).


Edited at August 6, 2020 07:31 AM by Dense Moors
Den's CSS Guide: Overlapping images + CSS essentials August 6, 2020 05:13 PM


Ryshadium RIDs
 
Posts: 653
#754540
Give Award

Thank you, Dense! I suspected it had something to do with :hover, but I couldn't figure out where to put the darn thing.

Thanks to you too, Marauder.


Edited at August 6, 2020 05:14 PM by Ryshadium RIDs

Forums > Member Help > Guides
   1    2    3 

Refresh