Home Events! Entrance Everyone Wiki Search Login Register

Welcome, Guest. Please login or register. - Thinking of joining the forum??
November 22, 2024 - @304.51 (what is this?)
Forum activity rating: Three Stars Posts: 38/1k.beats Unread Topics | Unread Replies | My Stuff | Random Topic | Recent Posts    Start New Topic
News: :4u: :transport: More is More :transport: :4u:

+  MelonLand Forum
|-+  World Wild Web
| |-+  ✁ ∙ Web Crafting
| | |-+  share fun codes you think that everyone should have/use


« previous next »
Pages: [1] Print
Author Topic: share fun codes you think that everyone should have/use  (Read 840 times)
LIA
Full Member
***


closing time

⛺︎ My Room
StatusCafe: six
iMood: sintax

View Profile

First 1000 Members!Joined 2023!
« on: April 29, 2023 @159.70 »

as someone who always looks for ways to improve my site, I frequent w3schools looking for fun ways to spice up my site.
If you have fun or cool codes that is your go-to when designing, drop them below! I'll go first. This is a cool appearing image when you click on the button!

HTML

Code
<div class="container">
<a href="#" class="button">
  click for an image
</a>

<img class="content" src="URL" />
</div>

CSS

Code
body {
  background: url(https://iili.io/HkwFAx9.jpg)
}

/* This part makes the click effect work */

/*This changes the part you click on*/
.button:focus {
  box-shadow: 0px 2px #FFFFFF;
  background-color: #006400;
  font-weight: bold;
}

/*This allows you to change the content when you click on the button*/
.button:focus ~ .content {
  opacity: 1;
}

/*Just some styling to make the look pretty :D*/

.container {
  width: 500px;
}

.button {
  font-family: font;
  color: #HEX;
  background: #;
  border-radius: px;
  padding: -px -px;
  font-size: -px;
}

.content {
  opacity: -;
  margin-top: -px;
  transition: -s;
  width: -px;
  border: -px solid white;
}

*{cursor: default}

.button:hover {
  cursor: pointer;
}


no this is not a way for me to grab some cool codes what...


* ezgif-1-2a4af281e0.gif (526.33 kB, 600x305 - viewed 60 times.)
Logged
shevek
Sr. Member ⚓︎
****


˚₊⁀꒷₊˚︰₊︶꒦꒷₊⊹︰꒷

⛺︎ My Room
iMood: daintyeco

View Profile WWW

Thanks for being rad!First 1000 Members!Joined 2023!
« Reply #1 on: April 29, 2023 @416.85 »

Related thread for just CSS snippets: https://forum.melonland.net/index.php?topic=1007.0  :smile:
Logged

Odo was just an idea. Shevek is the proof.
Pages: [1] Print 
« previous next »
 

Vaguely similar topics! (3)

Oo Animal Crossing Towns oO - Share your town!

Started by MelooonBoard ♖ ∙ Video Games

Replies: 8
Views: 2536
Last post November 07, 2023 @41.97
by soapfriendo
Share your local artists!

Started by MemoryBoard © ∙ Music Room

Replies: 10
Views: 1880
Last post August 30, 2024 @94.53
by Audball
Why do you watch YouTube?

Started by MelooonBoard ⛺︎ ∙ Cinema

Replies: 60
Views: 8834
Last post September 07, 2024 @193.80
by halcybutton

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines | Terms and Policies Forum Guide | Rules | RSS | WAP | Mobile


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi