Posted by Dropdown/transition(?) box help

Birdy | ALT (#109027)


View Forum Posts


Posted on
2017-11-16 17:01:54
So I want to make one of those fancy shmancy boxes like you can see on this player's den: https://www.lioden.com/territory.php?id=41433
but I'm no expert- or even much good at- CSS, I really just know very basic HTML. I've been searching for ages and can't find anything ;w;



Hrt Icon 0 players like this post! Like?

Keina [Not Active] (#50109)

Lone Wanderer
View Forum Posts


Posted on
2017-11-16 17:22:42
Hiya Sae!

Here's the code you'll want for expanding div boxes:
CSS:
.name {
height: #px;
padding: #px;
overflow: hidden;
margin-bottom: 10px;
transition: height #s;
}

.name:hover {
height: #px;
overflow: auto;
}

HTML:
<*div style="width:#px;background:#HEXCODE;border:#px solid;"* class="name"*>Text<*/*div>

You can change out name for just about anything your heart desires as long as both the CSS and HTML names match.
Just to be sure to remove any *'s in the HTML, replace any #'s with numbers and #HEXCODE with an actual color code!

If you do need any help with coding it you can either shoot me a PM or leave a post here!

Hope it helps!



Hrt Icon 0 players like this post! Like?

Birdy | ALT (#109027)


View Forum Posts


Posted on
2017-11-16 18:11:35
Aaa thank you so much!! :'D <333



Hrt Icon 0 players like this post! Like?

Keina [Not Active] (#50109)

Lone Wanderer
View Forum Posts


Posted on
2017-11-16 18:12:34
No problem!

Always glad to help. :)



Hrt Icon 0 players like this post! Like?

Aslan (#128364)

Incredible
View Forum Posts


Posted on
2019-02-18 23:44:39
I owe you my life



Hrt Icon 0 players like this post! Like?







Memory Used: 620.51 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00345s