interactive carrd tutorial #4
ฝัง
- เผยแพร่เมื่อ 2 เม.ย. 2023
- thank you for watching!
- this is a non pro carrd
- you may put any questions related to this video in the comments
image used:
pin.it/ioqGpGz
tutorial requests can be sent through this form:
docs.google.com/forms/d/e/1FA...
find me here.
carrd: ravencrds.carrd.co/
retrospring: retrospring.net/@ravencrds
music credits.
• (no copyright music) l...
For those who have trouble following alone without text here you go! (。・ω・。)
Background:
color: #FFFFFF
pattern: stars animated (color stays the same)
Page:
Width: 22
Padding: 1 (for both V and H)
Spacing: 0.25
Animation (on load): blur in
Elements: blur in
Section change: blur in
Container #1
Padding: 0.25 (for both V and H)
Put your image/gif of choice in container
Image #1
Width: 4.625
Animation (on hover): shrink
Add a control and change it to header marker
Add 2 section breaks
Name section #1 "home"
Name section #2 "about"
Add a container under the section "about"
Corner rounding: 0.25
Add a border
B color: #191919
B width: 2
Add text "( ☆ ) I'm **name**
Your pronouns ☁️ and age
==other info here xxxxxxx==
[social](link) & [social](link)
Text size: 0.75
Weight: Medium
Line spacing: 1.125
Add another section break and name it "rules"
Copy the container from above and put it into rules
Change text to "**byf** **1.** info info info info info
info **2.** info info info info info info info **3.** info info info info info info
info info **4.** info info info **5.** info info info info info info
**dni** **1.** info info info info **2.**
info info info info info info **3.** info info info info info info info info info
**4.** info info info info"
Add another section break and name it "interests"
Add a container and turn it to columns
Gutters: 0.375
Scroll down mobile manual: layout default
Copy text from above twice and put one into each column
make left text "**likes** info info info info info info info info"
make right text "**dislikes** info info info info info info info info"
Add another control and make it footer marker
Put text under footer marker and make it "[About](#about)[...]{transparent}[Rules](#rules)[...]{transparent}[Interests](#interests)"
Weight: semi bold
Line spacing: 1.5
(P.S please let me know if I missed anything!)
thanks a lot!!!!
omg i love you
Tysm! This tutorial was absolutely perfect, this is the first carrd I’ve ever made and I’m definitely happy with it
thank you sm omg!!! that makes me so happy to know
tysm ! I had so much fun making my carrd and it was so easy to follow along < 3
yay you're welcome! ^^
ngl i love this carrd fr i just finished mine great tutorial fr fr
yay omg!!! and thank u im so happy
been looking for a carrd for my twt and this is PERFECT
lesgo i’m glad to have been helpful !! and did u make it ??!
@@ravencrds yes i did! my fave carrd i’ve made so far
@@yeoisa omgggg
i loved this tutorial, tyssm
thank you! makes me so happy to know :3
UGHHH UR A SAINT TYSMMM
ur welcome! ^^
THANK YOU!!
you're welcome!!
YEAH IM USIMG THIS GHSJJFS TYSM!!
YAYYY IM SO HAPPY !!!
@@ravencrds pls this video is so perfect for me bc its so quick and idiot proof bc im a very very slow worker waaah I hope u blow up one day :DDD
@@meowfu5434 SKJSKDSKDJ I GET YOU AND THANK U MWAHHHHHH I LOVE U
how’d you get the columns from interest like that?
2:07 !! you have to change the layout to default for the columns to look like that on mobile !! lmk if it worked :3
stopping point: 1:48
i saw your carrd it’s so cute !!
@@ravencrds AW ☹️ TY
How did u get the little icon girl ?
hii if you're talking about the picture then here's the link: in.pinterest.com/pin/579697783306383749/ !! Sorry for the late response
I don't why but I did everything like in the video but I can't aaccess to my carrd :/
hi! is your account verified?
CAN U PLEASSEEE PASTE ME THE CODING TEXT WITH THE RULE, HOME INTEREST ETC.
sure i can type it out for you !!
About:
( ☆ ) i'm **NAME**
PRONOUNS ☁ AGE
==other info==
[instagram](link) & [twitter](link)
Rules:
**byf** *1.** info **2.** info **3.** info **4.** info **5.** info
**dni** **1.** innfo **2.** info **3.** info **4.** info **5.** info
Interests:
**likes** info info info ==highlighted info== info
**dislikes** info ==highlighted info== info info info
sorry if i didn't understand what you asked for T_T
i dont get how to do the interactive text to the sections do you have a way of explaining?
hi sure! this is the format:
[button name](#section-name)
forexample:
[click me](#about)
so when i click on "click me" it will take me to the ABOUT section! hope this was helpful
@@ravencrds oh okay tysm!
do you know who created this template? i want to give them credit when i post my carrd
it's a simple carrd i made it myself so u don't have to credit
I have a problem.. but it’s not yours but it’s just a question… I literally used every single email I have to log in but it always ends up telling me that the email is in use or unavailable, what should I do at this point??
hello! i have no idea how to fix that sorry maybe there's some typo? try sending your issue to carrd here carrd.co/contact
What is the “other info here” thing?
anything you want to add like your sign or mbti etc !! :3
@@ravencrds yeah I figured that out, I was just confused at first lol
does this look okay in mobile?
yep !!
i cant drag elements?? help
save your progress as an offline draft and then close the site and reopen it! but pls save/publish first
omg where did u get the lil pixelated girl from 😭
hii here's the link: in.pinterest.com/pin/579697783306383749/
!! Sorry for the late response
@@ravencrdsTYSM!!!
@@ravencrdshii, i think the person who made the pin deleted it. what did you look up to find it
@@ci4rxx hi! u can search “my little star” on pinterest
@@ravencrds oh thank u so much!!!
I WAS DOING SO WELL AND THEN I ACCIDENTALLY REMOVED THE PAGE AND I LOST MY PROGRESS OMG SHFIWLDHAOWLQLXJXHALQHW
OH NAAHHH GOODLUCK DOING IT AGAIN HELP and save ur progress this time T_T
why cant i interact with my carrd? did i miss something
did you paste this in your last text?
[About](#about)[...]{transparent}[Rules](#rules)[...]{transparent}[Interests](#interests)
@@ravencrds AAAA THANK YOUUUUUUUUUUU!!! Now i got an amazing carrd! (added creds btw:3)
@@royalelaylay NO WORRIES!!!!
@@ravencrds I LOVE YOUR CARRD TUT!! cute, and cool! you derseve creds!!
@@ravencrds 💝💝
hii, where can i get the text?
sorry, which one?
@@ravencrds im sorry i already did my carrd, i was confused but i did it, thank you !!
@@suli_iiiangieee9898it’s okay you’re free to ask anything !! and i’m glad u liked it and made it !!
there's something wrong with mine... t the timestamp around 1:29, i can't move the container below the section break.
save your progress as an offline draft and then close the site and reopen it! but pls save/publish first