#carrd tutorial

[c1g4r3tt3sm0k3]

Heyy!! I love your carrds so so much they're so pretty!! Can you please make a f2u non pro discord nitro themed carrd please please please

HELLO HOPE THIS IS GOOD!

non pro freindly discord nitro themed carrd

get the carrd here look at it here! here is also the image i used for the nitro badges!

REQS ARE OPEN FOR CARRDS!! only req i have is to be following me to ask for a carrd! and I DO CARRD COMMS!! so if you have a specific carrd you want made message abt my prices and what i take!! use my referral code also to help donate and get some money off on buying pro here / use the code manually HXYLIN !

[namphoria]

　 　w w w . carrd . co // ⋆ 𐙚 ₊ ˚ 🐇 ⊹ ♡ ˚ .

✿ CARRD INSPO // © misamory

like or reblog if saveㅤ⿻ㅤᐢ..ᐢㅤ♡ㅤ2023.

[lovjbini]

✩ CARRD INSPO by LOVJBINI // © hyunico

like or reblog if you useㅤෆㅤ2024.

✎﹏ please, put “ © hyunico – tutorial by @lovjbini ” in the description if you use our tutorial!

CLICK HERE FOR TUTORIAL

[y-unjin]

⋆𐙚 ₊ ° ⊹ 🎼

　 　　𑜞᭄ೃ

𝓘 𝓰𝓪𝓿𝓮 𝓶𝔂 𝓫𝓵𝓸𝓸𝓭, 𝓼𝔀𝓮𝓪𝓽, 𝓪𝓷𝓭 𝓽𝓮𝓪𝓻𝓼 𝓯𝓸𝓻 𝓽𝓱𝓲𝓼

[poohsources]

🐝  *  ―  𝗖𝗔𝗥𝗥𝗗 𝗧𝗨𝗧𝗢𝗥𝗜𝗔𝗟: 𝗠𝗨𝗦𝗜𝗖 𝗣𝗟𝗔𝗬𝗘𝗥𝗦 important note: only works if you have a pro or a pro plus account, and can use the 'embed' element.

―  STEP ONE:  PREPARING YOUR MUSIC

if you want to have music play on your carrd, the most important thing is, of course, the music. just make sure you have whatever song you want to have played in your files, and if you don't already have it, make sure to download it. now, the next step is to share your file so you'll get a direct file link you can later use in your music player code. personally i'm gonna be using and explaining the dropbox method for this, but there are other ways to do it as well. upload the music file to your dropbox ( either directly or to a special folder, whatever you prefer ) and then click the share button. then create link and copy link and you'll end up with a link that should look something like this: https://www.dropbox.com/scl/fi/j904wa1i2e229tdfa4rkb/ok-3.gif?rlkey=jy7822s2rrgaszj3jduggxn9k&dl=0 to create a direct download link out of this one, take out the 'www' and instead replace it with 'dl' so you'll have something like this: https://dl.dropbox.com/scl/fi/j904wa1i2e229tdfa4rkb/ok-3.gif?rlkey=jy7822s2rrgaszj3jduggxn9k&dl=0 save this link somewhere or keep it handy because we're gonna need it again a little later once we actually start working on the carrd.

―  STEP TWO:  GET THE MUSIC PLAYER ON YOUR CARRD

for the next step, we're gonna be looking at different music player codes. there are a wide variety of ready-to-use ones already available ( for example here ) or if you are good at coding, you can always create your own as well. whatever you prefer and feel more comfortable with. once you've found something you like, copy the code because it's finally time to actually put it all on your carrd. if you have multiple sections and want your music to be played in all of them, either use a header or a footer and if you only want it in one, put it in the one you want to use for this. click on the little '+' to add an embed element to your carrd ( it's the one with this symbol: '</>' ). scroll down to the 'code' section and paste the code of the music player you've previously copied there. next thing you need to do to make sure it plays the song you want is to locate the '<audio id="audio" src="link here"audio"></audio>' and replace the link with the direct file link of your music. to see if you've been successful, you either need to publish your site or save it as a template ( in case you aren't ready to publish it yet but still wanna check if everything worked as planned ) and it should display the music player and play your music once clicked.

―  STEP THREE:  CUSTOMIZE IT ( optional )

the last, and optional, thing you can do is customize it to your preferences. this is best done if you have a little knowledge and understanding of html coding, but minor things like changing colors can totally be done without it. for example, if you want to change colors just locate those within the code ( titled 'color' or 'background-color' and they should have a hexcode number right beside it ) and change the hexcode to whatever you want to use. or if it includes text, you can change the font size ( aptly titled 'font-size' ). you can just play around with different settings to see if you'll get something you like ― most of it within the '<style></style>' section of the code is pretty self-explanatory.

[mindydc88]

made a carrd template tailored for multilingual professional artists to build their own portfolio website or anyone to use as an online resume.

Demo: https://1686962758f6e15b.demo.carrd.co

Buy it: https://carrd.co/buy/a8b580166e4d17d4

[webfrogzzz]

carrd inspo ## simple

[70scars]

[adorhoney]

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ carrd #3.

[crowdits]

HOW TO ADD IMAGES!

As requested by anon, a little basic tutorial of how I edit templates to make it seem like an image is bursting out of a container. Tumblr refuses to upload the video so Youtube it is... I hope this helped!

If there's anything else anyone's interested in learning about carrd/how I edit, let me know. <3

[c1g4r3tt3sm0k3]

BASIC ACC FREINDLY LIGHT PINK MINIMAL CARRD

Hiii guys, to the comments and everyone i apologize for the inconvenience of the title and everything, the carrd was free at one point but many people kept stealing the carrd and removing creds and giving copies of the carrd and saying they made it. I had sent out posts on here and my discord server letting everyone know if it didn't stop i would start charging for the carrd or just take it away all together and it got progressively worse so i decided to change it to a paid carrd and realized after a couple comments about it on this post that i forgot to change the post and take away the parts where i said free, if you would like the carrd for free there is a tut up on my youtube channel (linked in my pinned post or comms carrd i believe) for it but i won't be giving out copies or temps of it anymore besides the paid one thank you!!

HIIII everyone here's a new carrd! obtain it here look at it here!

REQS ARE OPEN FOR CARRDS!! only req i have is to be following me to ask for a carrd! and I DO CARRD COMMS!! so if you have a specific carrd you want made message abt my prices and what i take!! Donate tips to me so im able to continue making free carrds here! use my referral code also to help donate and get some money off on buying pro here / use the code manually HXYLIN !

[namphoria]

✿ CARRD INSPO

like or reblog if saveㅤ⿻ㅤᐢ..ᐢㅤ♡ㅤ2023.

❛  please, credit me as "namphoria on tumblr" if you remake!  ⁾⁾

[lovjbini]

✩ CARRD INSPO by LOVJBINI // © rshu like or reblog if you useㅤෆㅤ2024.

✎﹏ please, put “ © rshu – tutorial by @lovjbini ” in the description if you use our tutorial!

CLICK HERE FOR TUTORIAL

[devotionne]

‧˚₊꒷꒦︶︶︶︶︶꒷꒦︶︶︶︶︶꒦꒷‧₊˚⊹

୨୧ ⎯⎯⎯ CARRD TUTORiAL ｡

❥ ~ LiGHT iNSPO : ✅ !

❥ ~ HEAVY iNSPO / COPYiNG : ✅ !

❥ ~ REPOSTiNG : ❌ !

‧˚₊꒷꒦︶︶︶︶︶꒷꒦︶︶︶︶︶꒦꒷‧₊˚⊹

[dellitta]

. ︿ ︿ ︿ ︿ ︿ • • New Carrd ! ☆ ╰► o tumblr ferrou com a qualidade da foto desculpa :C

▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄

[sincerelyrki]

My Carrd tutorial 💗

my carrd

so first i started with a blank canvas, but i deleted the center text

for the background colour/ style i didn’t want it to be white so i just chose a very light pink that was a bit off the white ?? ( #F9E9EC ). i pasted the colour i was going to use for the hearts and then chose a colour on there.

then for the background i chose animated hexagons (under the patterns option) and went to redketchup (a colour picker) and chose the same colour as wonyoungs lips ( #9B384A )

then i edited my page. my style is box, position is center, width is 22, padding for both vertical and horizontal is 0.5, corner rounding is 0.5. My border is the same colour as the hearts, ( #9B384A ), and the width is 2. i added a drop shadow, the colour is the same as the hearts and border. the angle is 0° and the blur is 2°. Then i went to mobile and changed it to manual, with my size being 11.

then i chose container and changed the type to columns, both 50%. next i went under appearances and changed the padding. vertical and horizontal both go to 0.5. I changed corner rounding (under margins) to 0.5 as well. Next i changed my border colour to another colour i chose off the same wonyoung photo ( #7C5655 ), with the width of 2.

Your container will show up stacked in the mobile view if you do not edit the mobile layout. you’ll want to change the mobile to manual, then the layout to default. if you don’t change it to default it could stack it (below is before and after, the after having the default layout rather than the stack). if you’re working on computer it will look like the default layout until you change to the mobile option (the phone option at the top right corner) but for iphone users or whatever it will automatically stack it.

i then chose to add an image (go to the + and choose image) when you go to add a photo it will ask you about cropping but i didn’t crop it, if you press the top square-like option twice it will get rid of the little cropping thing. you can drag the photo and drop it on whichever side you desire. (for my first photo i chose the left side, and for the next i chose right side)

Now you add a text (under the +) you can choose whichever font you want (i chose abril fatface) and the font colour will be the same one we’ve been using (for the hearts, etc). you can make the size of your text however you’d like, for my name i used the side 0.875, for the drop shadow i chose a colour that was similar to the font colour, but way lighter. (i chose #E3274C) i made the angle 245° with the blur at 1.25. i also changed the mobile to manual (do this for like everything).

i used a new text box for every different thing (likes, dislikes, my name, everything) also make sure it’s all centered (under alignment)

For the next text (the highlighted bit) i made it the same font and colour, just changed the size to 0.6, line spacing to 1.5c and gave it the same drop shadow as the text before. to highlight it there is a formation that you follow. this is what it should look like.

For my age and pronouns i used the same font size (0.875) that i used for my name, and same colour (same colour for all the text). for my likes i used the same size as my highlighted text (i luv nicknames) which is 0.5. i decided to underline the song title just to make it stand out a bit more. i followed the same formatting as listed above. see below for reference.

I copied and pasted my likes and just changed the text, same for the dni.

for the quote i wrote i did the same process of changing my container to columns. only difference was that i made my left column 75°. i copied and pasted my name’s text (if you don’t know how to copy and paste, it’s the button beside the trash can). i dragged the text down into my new container and onto the left, larger, column. for the heart you go to the + and choose Icons, it will show you the email option but all you have to do is tally down the options and change the type. i chose the heart (which is 8 down from the email) you can choose whichever icon you want, add as much as you want. i just chose the heart because it looked cute and matched my background. i dragged the icon into the smaller column, the 25% one.

for the next container i didn’t ch abe anything about the container type, i left it a default rather than choosing to do columns again. i inserted my photo, cropping it to the height i wanted. i then added a link, where is also found under the +. when you tally down the links you can change the label and url. then you want to go to appearance. I made the style underlined, the colour and the font the same. the text size is 0.75. and the drop shadow is #E3274C, angle 245°

The next part i only did for every other container (the quote, the tumblr acc container), which is a drop shadow. the drop shadow is the same colour as the one we used for the text dropshadows. ( #E3274C ). the angle is 90°, distance 1.75, blur 2.

for the title (“my tumblr accounts”) I just copied and pasted my pronoun text and dragged it down above my final container .

And finally i went to the + and added a divider, dragging it up to go under my instagram link and above my tumblr title.

OKAY I THINK THATS IT??? pls tell me if you have any questions or whatever. this is a pretty basic carrd, but i think it’s pretty. it seems a bit difficult but i promise its not, for the top and bottom column (my tumblr acc one and intro) you can just copy and paste it, and whatever.

@baevsxii i hope this answers it♡