hiya! welcome to my resource carrd ^_^ i'm eden or eris, and you probably know me as an admin from crdbug! i made this resource carrd to help other people in carrd making, so i hope this carrd can help you.

some notes: if u have anything you want me to add, pls dm me on twitter! also, to go back home, click on thank you for visiting!

09/2/21 — created!
update log: 09/21/21 — changed the color theme a bit, thank you so much for 600 visits T__T

text effects

 TEXT 

double border

TEXT

float text

text

pop text

text

moving text

WOBBLY

wobbly text

TEXT!

gradient text

more text effects here!

scrollboxes!

double border scrollbox double border scrollbox double border scrollbox

double border

background + double border scrollbox background + double border scrollbox

background + border

no border scrollbox no border scrollbox no border scrollbox

no border

lace border scrollbox lace border scrollbox lace border scrollbox

lace border

rounded border scrollbox rounded border scrollbox rounded border scrollbox

rounded border

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

bow border

cr ciarispop for the bow border, cr baeykhun/viliarreai for the lace border!!

image borders!

how to put google fonts in your carrd

1. go to fonts.google.com
2. find the font you want
3. click select this style after you found the font you like.
4. click on the three squares 1 plus sign icon
5. copy the link
6. paste the link on the <head> before <style>
7. copy the CSS family and paste it to the font-family part

<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap" rel="stylesheet">
</head>

<style>
#lol {
font-family: 'fredoka one', cursive;
}
</style>
<div id="lol"> text </div>

your code should look something like the example above!

how to put a chatbox in your carrd!

1. go to this website
2. sign up
3. click my cboxes
3. click create a new box
4. type the name and url you want and select a theme and click create my cbox,
5. click publish
6. copy the embed code given (inline)
7. copy it to an embed in your carrd!

extra how to change the color of your box!
1. click look and feel
2. click layout editor
3. select the colors you want !!

music players

HOW TO USE A MUSIC PLAYER?

1. you have to go to a YouTube to mp3 converter website and convert it into mp3.
2. then, you upload it to dropbox.
3. create a link then you copy it to the <audio id="audio" src="insert song link here"audio"></audio>
make sure you replace the www to dl, and remove anything after mp3!

blobs in a jar

Blobs in a jar effect is an effect where you can have floating things in the background. like floating hearts, for example.

here's the code!

HOW TO?

Q. how to change the symbol?
A. var charc='♥' // a blob - can be changed to charc='hello' or charc='?' for a different effect
you can change the heart to the symbol you want !

Q, how do I change the color?
A. var colour="#FFC9F3"; // what colour are the blobs
you can change the color to the color
you want!

oh, here are some more page / bg effects!

bubble raining snowing snowflakes

cursor effects!

alert tab!

if you don't get what I mean, here's an example!

here's the code!

HOW TO?

<html>
<head>
<script language="javascript" type="text/javascript">
alert("Welcome to my site")
</script>
</head>
</html>

change the bolded part to the message you want!

resource crds dividers dividers pt2
gifs (eyestrain warning) gifs pt2 favicons graphics

I'll add more soon dw!!

hello I'm eden or eris!! you can call me any I have no preference. I use he/star pronouns
you can contact me through:
twitter curiouscat
the fastest way to ask me is through twitter, as I don't open my ccat a lot T__T
ALSO if you have similar interests with me pls follow I dont bite :D

ask questions here!