archivos

pls don't spam the cbox with so many questions (i might not be able to respond at all) but feel free to send me a dm on twt or asking in retrospring!

log + blog

rescources

coding relatecodepen • w3school • kokopelli • javascript free code • XP.css • 98.css • 7.css • mf2fm • htlm basics • 30 seconds of code • animista css animation • css generation • gradient css

carrds
if you want your resc carrd here, let me know in the cboxfitz • ishimori • callie • pochi • supplies • watermelon • epic • mori •

graphic sitesbarbara • tomomi • muñeca • xyz • pixel masterpost • peachie's doll collection • jasminnie weebly • whimsical • bonnibel's graphic collection • glitter parts • oh pixels! buttons • engram

coding

music playercirular spin • marquee • draggable • hover img • hover text • spin note • 2000's mpdownload music methods

text codesbouncy • tilt • woobly • pop up • floating • blinking • gradient border • double border • gradient • img border • img bg text • rainbow link • blur on hover • moving + blur • vertical text

images codesnene's mask collection pt. 1 • nene's mask collection pt 2 • inset border • uneven border • drop shadow for pngs

miscellaneousNEW! button maker • NEW!: tabs cr. tomkirk • NEW! shaped containers

tutorials!

hello, this is a little section with tutorials, mostly by me i guess but not all bc i can't explain nothing even if my life depends on it (‾◡◝)

1. how to make add drop-shadow, image as backgrounds, etc, to your Page in carrd?

page tut

this can be done with pro plus, standard, etc bc you just need a embed!drop-shadow:• first add your embed• between <style> and </style> you need to add the id #main not page, not body.• open your brackets { add the drop-shadow CSS and close your brackets }• the final code must be looking like this:<style> #main { box-shadow: CSS; } </style>

background• the same step as before but between your brackets you need to add:background-image: url('URL');• by default, the background image will be repeat by itself (if it is smaller than your page) and if that's not the case you can add:background-repeat: repeat;• but if you don't want your background image to repeat, add, instead:background-repeat: no-repeat;• other property values for background image:background-repeat: repeat-x; bg img is repeated only horizontallybackground-repeat: space; there's a white space between the imgs while the first and last imgs are pinned to their respectively sides.background-repeat: round; here the bg imgs are squished/stretched to fill the space.• so your final code must be looking like this:<style> #main { background-image: url('mariposa.gif'); background-repeat: no-repeat; } </style>more about background image and background-repeat Property