UPDATE LOG
hi! this is my page!
this site works as my current carrd, thanks for taking the time to read~ clic en el botĆ³n 'espaƱol' si prefieres leer en ese idioma, in case you prefer and easy to read version, clic on the pink box above ā”Ģ
Text Codes
NEW! text/link floats on hover ā text with border 1 ā text with border 2 ā webkit text stroke ā gradient text ā floating text ā marquee text ā bubble text ā color changing flicker text ā pop text ā wobbly text ā curved text ā rubberband text ā bouncy 1 ā bouncy 2 ā sideways bounce ā news ticker with pixel ā website button with blinking cursor ā glitch text ā text w image as the bg ā pulsing text ā tumblr wobble text ā tilting text ā shaking text ā animated link underlines on hover ā triple outline
Image Codes
NEW! floating grayscale on hover ā pastel blue lace ā pastel pink lace ā hot pink lace ā pink ribbon border ā png blur shadow ā basic lace border ā brown hearts lace ā gigi's gold frame ā hearts mask ā hello kitty mask ā mask batch 1 ā mask batch 2 ā star mask ā paper mask ā blurred border ā spin img ā twitch img ā floating img ā rotate and saturate on hover ā bouncing flip heart slideshow ā rotate and blur on hover ā glitch img ā ticker img ā pop img ā fog mask ā img tooltip on hover ā 3d effect box shadow
Scrollboxes
simple border ā double border ā no border ā expand on hover ā dashed border ā colored bg ā gradient bg ā img/gif bg ā uneven border ā scrollbox with mark ā two fonts in a scrollbox ā lace border ā brown lace ā img hover to reveal scrollbox ā img blur and shake to reveal scrollbox ā horizontal scroll ā title disappears when scrollbox expands ā box shake blur and scroll to reveal scrollbox ā beaded hearts ā tiled flowers ā biscuit border ā blue lace ā doily
Music Players
img bounce on hover ā draggable ā circle pop ā marquee w pixel ā circle spin ā cd spin ā pixel to music player on hover ā cutie circular ā speaker ā ongaku ā madomagi ā mp3 with pixel ā 2000s ā spinning icon ā kill bill ā marquee ā spinning headphone circle ā glenthemes players found here
Backgrounds
NEW! butterfly image fall ā radial gradient page bg ā falling sakura leaves ā custom image fall ā tv set filter ā vhs overlay ā falling hearts ā snowing ā snowflakes ā star warp ā pixel rain blocks ā blobs in a jar ā blobs in a jar with symbol change ā bubblebath ā rain falling
Cursors & Scrollbars
NEW! 7.css scrollbar ā hidden scrollbar ā colored scrollbar ā gradient scrollbar ā old web scrollbar ā cute cursors ā img clicksplosion ā tinkerbell ā bubbles ā normal clicksplosion ā smokey fog ā love hearts ā flowers ā music note ā question mark ā image trail ā cursor trail
Miscellaneous
this carrd's update log ā jake's blur menus ā gina crd co menu ā simple drop down menu ā cbox ā website pet ā webneko ā counter 1 ā counter 2 ā typing tab title ā marquee tab title ā click sound effect ā message alert when page opens ā disable left click + alert ā draggable elements ā intro animations ā tabs thingy ā password protection on carrd ā cbox on hover as seen in this carrd ā media rule ā html forms ā shaky hand
CSS Framework Sites
7.css ā 98.css ā XP.css ā NES.css ā clay.css ā paper.css
Templates
NEW! miu drr ac - demo here ā ishimori.net blog crd - demo here
Fonts
to insert custom fonts in carrd, refer to the tut in fonts.crd.co! all other fonts can be found in our pastebins~
Resources
bolded italic = our favorites, bolded = recommended
fonts dafont ā dfonts ā textfonts ā fontspace ā all fonts in carrd ā 1001fonts
coding kokopelli ā w3schools ā javascript ā 30 seconds of code ā mf2fm ā cocorini ā dracslaura ā dianakko ā codesecrets ā start a neocities ā introduction to basic html/css docs ā html cheat sheet ā html codes
graphics sayclub dolls ā pinkdepink ā engram pixel ā pixel masterpost ā hikoushi favicons ā jasminnie weebly ā elouai doll maker ā decome ā oh pixels! ā dividers masterpost ā pixel diary ā cutekawaii wordpress ā tomomi ā bonnibels's graphics ā tiled bgs ā graphic text generator ā cooltext
resource carrds resource ā archivos ā cakepop ā floras ā pochi ā allison ā callie ā bubblegum ā neogeo ā fitz ā lifted ā marigoldā htmlbasics ā gnome ā scripted ā hauntedmansion ā html ā noodles ā autism ā limonysal ā hatecrime ā mantis ā bubblepop ā kevin
graphics carrds gardenia ā barbara ā barok ā muƱeca ā xyz ā noviecita ā supplies ā terror
tutorials spotify embed in carrd ā dotted links ā elements blur on hover ā remove embedded link in cursor ā make an image play music when clicked ā pop-ups in carrd ā column styling ā sliding carousel viewer ā slide out buttons ā import mp3 files
others css gradient ā removebg ā punycoder ā opacity css ā cinni.net ā box shadow generator ā css generator tool ā premade css animations ā css images edge blur āimage color picker ā heart gif bgs drive ā animista.net ā hnet gif converter ā miserabledolly ā cute symbols ā responsinator ā iloveimg ā online video cropper
Backgrounds
click on the images to expand! scroll for more~
Click on each of the imgs!
mika
uka
shirina
Meet UKA!
hi im uka or nera, i use any prns except they, and im the creator and owner of this resource carrd! feel free to use my referral code upgrading your crd plan! it doesn't charge you anything and it'll give me 30% of your payment upon doing so, which will help me out a lot š¤ you can find the rest of my portfolio in my crd comms, and if interested please consider commissioning me! (ą·ĖįµĖą·)
my links:
twitter ā retrospring ā comms ā referral ā crd helper ā whi
Some of my Carrds - Scroll!
shoujo drr ac
website drr ac
morena crd
manami ju mp
Meet MIKA!
hai iām mika or giselle; please refer to me with she/it prns š¤ and im the co-owner of this crd!! (āā½ā) some of you may recognize me as an admin of some carrd help accs on twitter, from my whi, or as the lili.crd.co creator~ i'm pretty ia in the cbox but i'm always adding new codes to the crd!
Some of my Carrds - Scroll!
choerry crd co
sooya crd co
daqiao crd co
deleted
deleted
deleted
Meet SHIRINA!
hii everyone im shirina or kiana, and i use he/she prns! you probably know me as "giamgri" and im the newest admin of this resource crd! if youre interested in upgrading your carrd plan please use my referral code 'KIANA' i would appreciate it lots! i also have commissions set up and sell my crds, a small bit of my portfolio of my original designs is below (check my comms for more) and if youre interested please dm me, thats all thank you for reading! Ł©(ĖįĖ)Ł
my links:
code ā twitter ā retrospring ā whi ā comms
Some of my Carrds - Scroll!
pink drr ac
xiaowei crd co
smiley drr ac
cluster crd co
bubble drr ac
fashion crd co
Spotify Embed
click on the imgs to enlarge! if imgs dont load try refreshing your tab
1. open your playlist or track on spotify on desktop (does not work on mobile)2. click on the three horizontal dots found beside the download button and hover on "share"3. click on "embed playlist"
4. customize or edit your color or sizing in the preview menu5. check the box where it says "show code" and copy your embed!
6. paste your code into an inline embed in carrd and you're done! result:
for a spotify track click on the three horizontal dots beside your selected track, hover on "share" and click "embed track" and all the steps are pretty much the same as you would a playlist!
Dotted Links
click on the imgs to enlarge! if imgs dont load try refreshing your tab
for pro standard1. in your link styles insert
text-decoration-style: dotted;
for pro plus1. go to your style settings and scroll down to your link style and insert
text-decoration-style: dotted;
Blur on Hover
click on the imgs to enlarge! if imgs dont load try refreshing your tab
1. paste this code into an embed:<style>
a:hover {
webkit-filter: blur(1px);
filter: blur(1px);
}
</style>
ā if you want to blur all links then keep the "a" and if you want to blur all image links change the "a" to "img"ā if you want only a certain element to blur on hover, add your element id before a:hover
Remove Cursor Link
click on the imgs to enlarge! if imgs dont load try refreshing your tab
1. select whatever cursor you want from cursors4u and copy the universal css/html code
2. remove everything that comes after </style> and you're done!
Image Plays Music
click on the imgs to enlarge! if imgs dont load try refreshing your tab
for pro standard1. copy this code and paste in in an embed<script>
document.getElementById("image01").onclick = function() {
var audio = document.getElementById("audio");
if (audio.paused) audio.play();
else audio.pause();
}
</script>2. "image01" is the element id of your image element. to view this go to the settings of your image and change it to whatever the element id is (e.g image02, image03, etc.)3. in the same embed add
<audio id="audio" src="MUSIC-URL-HERE"></audio>and replace MUSIC-URL-HERE with the link of the music file you want to play. a tut on how to download and import music files can be found herethis is what your code should look like:
for pro plus1. go to the settings of your image element and click on "events", then add this code to the "on click" settingsdocument.getElementById("audio");
if (audio.paused) audio.play();
else audio.pause();2. then, in an embed add<audio id="audio" src="MUSIC-URL-HERE"></audio>and replace MUSIC-URL-HERE with the link of the music file you want to play. again, a tut on how to download and import music files can be found herehere's how everything should look like:
extra: this can also work with text elements. just replace image01 with text01 or whatever the element id of your text is and it should work the same, both for pro plus and standard!