simple & easy carrd tutorial

simple & easy carrd tutorial - © rshu

Рет қаралды 162,908

Күн бұрын

thank you for watching!
- speed up the playback speed if it is too slow for you!
- or slow down if it's too fast!
you DON'T need pro acc for this carrd!
this tutorial is compatible for both pc and mobile devices!
hope this helps you! have a nice day!
»»-----　　-----««
we have a referral code & link that you can use when buying carrd pro (upgrade or renewal) and it gives us 30% of your purchase which we would really appreciate !!
referral code: LOVJBINI or link try.carrd.co/lovjbini
we've launched SUPER THANKS, so if you're enjoying our videos and want to support the channel, you can now use this feature! your contribution will directly help us create better content & explore new ideas and grow as a full-time youtubers.
»»-----　　-----««
Naya by Tomh. fanlink.to/tomh
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/3yi4uK0
Music promoted by Audio Library • Naya - Tomh. (No Copyr...
»»-----　　-----««
timestamps:
0:00 - intro
0:13 - background & page
1:47 - elements
9:47 - results
thread with used photos: / 1604539001251119104
symbols: ⇢ ☉ ☾ ↑
other symbols: docs.google.com/document/d/17...
»»-----　　-----««
if you want a tutorial for a specific carrd please fill out this form: forms.gle/ks3DZZhJTpL9tvoy9
follow us on twitter! / lovjbini
check our carrd! lovjbini.uwu.ai

Пікірлер: 269

@lovjbini 25 күн бұрын

UPDATE! the *[.]{transparent}* method does NOT work anymore! instead of that, you need to write *\s*

@user-zp3il6dg7z Жыл бұрын

Oh my gosh you don’t know how much I’ve needed this. I’ve been trying to make a carrd for months but I’ve always ended up quitting because I’ve become overwhelmed. This tutorial was super easy to follow through because it didn’t go too fast, and I love the way it tuned out!!

@lovjbini Жыл бұрын

OMG:((

@xxxzomed 3 ай бұрын

liar this was so fast i restarted this video like 2728 times and ended up not even doing it

@elyssa44hz Жыл бұрын

my short ass attention span was struggling w other tutorial vids but urs was so easy and straight to the point. thank you sm

@Heqrtssovl Жыл бұрын

If anyone that’s struggling with the picture not showing on the first box, I just took off the overlay/gradient and it showed 😇! ♡︎ I appreciate the really easy tutorial btw 🩷

@lovjbini Жыл бұрын

🤍

@JudinaIsLovly 10 ай бұрын

Thank you!!!

@yonprtty Жыл бұрын

Really thank you very much! 💗 I didn't have any kind of faith in making a carrd but thanks to your tutorial, I was able to do it. It worked great! I hope you have a nice day, mwá.

@satoiiuu Жыл бұрын

THIS IS SO CUTEE OMG I LOVE IT SM THANK YOU THANK YOU !!!

@uwono Жыл бұрын

the tutorial was super easy to follow, thank you!

@ZyadDono 10 ай бұрын

اعجز عن تعبير مدى الشكر الذي تستحقه !! 💜Thank u very much

@Tiger.x801 Жыл бұрын

ALWAYS LOVE YOUR INCREDIBLE WORK!!! YOU HAVE THE BEST CARRD TUTORIAL🌺🌺🌺

@urpuppygal Жыл бұрын

it’s like y’all know when i need to make a new carrd cause there’s always something posted when i search 😭 thank you

@STAG3DRAMA 9 ай бұрын

Im in charge of making my schools student website for things needed for students so this was really helpful since it’s super easy and simple, ty!

@dwaylight. 8 ай бұрын

OMG YOU DONT KNOW HOW MUCH I NEEDED THIS

@carissaaristawati21 4 ай бұрын

thank you so much for the tutorial! helps me alot :D

@temperamentalroulette Жыл бұрын

tysm for the carrd tutorial!!

@mirandawenger 11 ай бұрын

thank you! this really helped out with my commissions carrd.

@atheaa3395 Ай бұрын

THANK YOUU I LOVE THIS CHANNEL

@huuaism Жыл бұрын

adorable carrd tysm

@rsanahz Жыл бұрын

Tysm!!! This is so much helpful

@zzsshin Жыл бұрын

TYSM OMG THIS WAS JS WHAT I MEEDED AAAAAA

@noceurtale 4 ай бұрын

thank you so much this is very helpful

@leoncoded Жыл бұрын

this carrd is so cute :)

@cuboidbum 3 ай бұрын

TY SO MUCH OMG

@omorecomaluco Жыл бұрын

thanksss 😭😭😭💗💗💗💗💓💕💞💞

@chaexricky127 Жыл бұрын

THANKS SO MUCH (im just doing this at like 23:19 on a sunday night bc im bored )

@seliremido Жыл бұрын

thank you so much

@whenfrankoceandrops Жыл бұрын

i literally heart u

@1qvvyx Жыл бұрын

YAYAYA THANKSS

@MoonBr0ch 9 күн бұрын

SO CUTEEEEE

@PixelClient Жыл бұрын

love the musik the food was fantastik too 😋

@saab6428 Жыл бұрын

tysm! timestamp for me: 1:58

@kmrndoesmemess Жыл бұрын

2:28 ^^ just saving this for me

@karkugot Жыл бұрын

thanks

@trvst_shu Жыл бұрын

Great tut, it's pretty easy to follow! But how do you make the information slide out after you click the button? For me it just appears without any animation. Also my picture wont appear, in the end result the picture is also still not showing.

@lovjbini Жыл бұрын

hmm.. check your page settings! page > animation > on section change: fade in! as for the picture not showing, i'm not sure where's the issue, could you please dm us on twt (screenshot this convo so i know who you are, pls!) to see if we can resolve the issue? :) our username is @lovjbini!

@trvst_shu Жыл бұрын

@@lovjbini Alright, will do right now!

@simplyririka Жыл бұрын

4:39 time stamp for me

@lemonade2879 Жыл бұрын

hello! i have a question. so in carrds like these where we use the header and a page drops down beneath, is there a way to create a chain or something... i don't know how to word it properly but like the header keeps extending as each page gets added. so it'll be header -> page 1, but instead of it being header -> page 2, it just comes beneath page 1 as well. sorry if this question is worded really bad😭 but I've never been able to find out how to do it

@lovjbini Жыл бұрын

if i understand you correctly, you can't do that

@lemonade2879 Жыл бұрын

@@lovjbini i figured with all the testing ive done and also never seen any carrds with it🥲 i hope someday it will be possible. they are already adding so many features. thank you again for all your help :] !!

@lovjbini Жыл бұрын

@@lemonade2879 yes, the owner of the carrd adds so many features now, so maybeee! but if its really important to you, i suggest sending him an email explaining your idea, he will definitely read it! you can find the email to carrd in the contact section in carrd . co

@ghostiigoesboo Жыл бұрын

@@lemonade2879 if you mean this the way i’m thinking then i’ve seen a few carrds do that now! there’s tutorials posted here in youtube :D

@lemonade2879 Жыл бұрын

@@ghostiigoesboo ooh thank you! do you know of any in specific i can look at?

@hy6284 Жыл бұрын

hii!! this tutorial was so easy to follow, thank you !!! but one problem i have is my image is not showing, do you know how to fix it or possibly why this is happening? :)

@lovjbini Жыл бұрын

other person had the same problem, turned out they just put a white overlay on that container, which shouldnt be there. maybe you did the same. if its not that, then i dont know :/

@hy6284 Жыл бұрын

@@lovjbini hi, thank you for the quick response!! i was trying to see the problem too, and it was the same thing with a white overlay. i deleted it and now everything is fine, thank you !!

@luvvlevi Ай бұрын

aot mention? (i love this bro ty for the tut)

@KungFuBoris Жыл бұрын

for some reason at part 8:00, the spacing doesnt put it next to eachother but instead puts them closer together.

@lovjbini Жыл бұрын

i dont rlly understand. but did you set buttons to Mobile: Manual Layout: Default

@snowyteebo Жыл бұрын

i have a problem, you know when you add the image onto the first container? for some reason, it didn’t add the picture onto the container even though it’s there in the setting

@lovjbini Жыл бұрын

try re-adding it maybe? im not sure whats the issue

@meip-kn6jp 2 ай бұрын

hi, i have a question, how can i put outside the page the text that says made with carrd? also thanks for the tutorial, it was so easy to follow!

@lovjbini 2 ай бұрын

you can't :/ to get rid of it completely you need to buy at least pro lite

@nohan972 Жыл бұрын

hi i have a question,, at 7:18 the button part, i cant add more buttons in the same space, i can only add on buttons by copy pasting but it doest line up into a straight line.. hope you can help!

@lovjbini Жыл бұрын

might be a glitch, just save (publish) your site, reload and then click add again

@nohan972 Жыл бұрын

@@lovjbini ill try! tyy

@louluvshan Жыл бұрын

hihi i followed everything and so far so good !! yet when i did spacing on 8:02 , it didnt work, like the stan still is below both buttons

@louluvshan Жыл бұрын

nvm i found the solution!!

@lovjbini Жыл бұрын

glad u found it!

@emi-eg9bu Жыл бұрын

@@louluvshan whats the solution? im struggling with the same thing lol

@heheLOLZZZZZ Жыл бұрын

@@emi-eg9bu change the width

@skyZzii Жыл бұрын

thank u sooo much 4 this but one problem I have is that my gradient covers the entire image.. idk how to fix this but I can see a tiny part of the image and then it fades to white lol. anyone else have this?

@lovjbini Жыл бұрын

you probably put wrong amount of %. rewatch that part

@-moon-5166 3 күн бұрын

Hi! I did the carrd and everything went well, except for one thing. I don't know if it's taught in the video, sorry if it is, but I made the carrd on the computer, and when I go to see it on my phone the format is weird, the photo is stretched, I wanted to make it look like the one on the computer without having to change much. Is there any way of doing this?

@lovjbini 2 күн бұрын

i'm not sure what you mean :/ can you send us screenshots on x (twitter)?

@EditsDomain Жыл бұрын

5:22 I'm struggling with the transparent. When I do it, two little squares pop up and don't go away. Help?

@lovjbini Жыл бұрын

r u sure u wrote [.]{transparent} ? or maybe you used shadow or outline? if yes, you shouldnt

@hyakuyalover5407 11 ай бұрын

I have a question, with the first container it automatically goes to the sides of the page instead of having a space like yours did. I've tried everything and it's still the same...

@lovjbini 11 ай бұрын

you need to set padding like we did

@lovjbini 11 ай бұрын

in page settings

@YouLoveRuiki 2 ай бұрын

Thank you pookadook

@sparkiesz_ Жыл бұрын

4:27 for my timestamp !! ^.^

@Mxrphi Жыл бұрын

Hi! Do you know why I don't have the option to round the corners of the container? 😭

@lovjbini Жыл бұрын

you have to set some kind of background

@nweetfru44 Жыл бұрын

rly good tutorial but idk how i managed this but there is no space between the buttons and the text box underneath and idk how to fix it D:

@lovjbini Жыл бұрын

i dont remember what settings i used but its either Page spacing or margins of buttons/containers. just go back to these parts and see whats the issue

@hellmutts Жыл бұрын

I added the transparent . text above the name and username but when I published the website, it disappeared and the home button is now directly above the name? I even changed it from transparent to being the exact hex code colour of my background, but it still removes it and I'm not really sure what to do? I've tried everything :^(

@lovjbini Жыл бұрын

not sure why that happened :( maybe instead of that transparent text try changing home icon's margin and adjust it so it looks good?

@candie1328 Жыл бұрын

hi do you have a link to the carrd in the video? im trying to see how it looks like on mobile, somethings wrong with mine 😞

@lovjbini Жыл бұрын

i dont, but it looks on mobile the same it looks on pc. i used settings that are compatibile for every device. you mustve made a mistake. if you cant find the issue, you can dm us on twitter and maybe we can help

@Myposelover Жыл бұрын

8:24 reminders

@felix3261 Жыл бұрын

6:02 timestamp so i remember where i left off

@user-hp8sm5wq2o Жыл бұрын

please help me😭😭, I did everything according to your tutorial, but when I click publish and go to the site, "page not found" writes to me, I literally don't know what to do, I redid the map 3 times and still nothing works, please help

@lovjbini Жыл бұрын

you need to contact carrd through email posted on their site. its not something i can help with sadly :(

@handsomekhalil Жыл бұрын

how do u make transparent because when i put [.](transparent) it still shows a dot with an underscore, please help out

@lovjbini Жыл бұрын

because youre writing it as a link. it has to be {} not ()

@handsomekhalil Жыл бұрын

@@lovjbini ohh ok

@2ithh Жыл бұрын

hii! my links 4 socials wont show up for some reason, do you know how to fix it? edit: found out how LMAO mb

@lehfascik 10 ай бұрын

excellent! very useful ty

@lovjbini 10 ай бұрын

wym? what part dont you understand

@kavehthings. 5 ай бұрын

why does my carrd not have a smooth sliding transition to a section? idk if it's just like that but i really want the section to slide out like how yours does

@lovjbini 5 ай бұрын

it's in page settings. on load: fade in, on section change; fade in

@babymathea Жыл бұрын

hii sorry i dont know if this is just me but with the "gradient" overlay on my image, it covers the entirety of my image and its not a transparent overlay... as in i cant see the image at all. when i tried remove the overlay incase it was my image at fault, i can see the image fully and it's opaque. my percentages are 0% for stop 1, and 100% for stop 2, as well as a 90% angle. does anyone know what i could've done wrong? any help would be super appreciated, thank you for the tutorial though !!

@lovjbini Жыл бұрын

you need to have 00 at the end of the color code at stop 1 like FFFFFF00

@babymathea Жыл бұрын

@@lovjbini OHH THANK YOU SO MUCH IT WORKED !!

@ameryyy8077 2 ай бұрын

hi i have a qurstion why is it when i press my buttons i can only see the content but not the top part anymore??

@lovjbini 2 ай бұрын

you didn't include header maker

@decomposedflesh Жыл бұрын

Spot holder: 5:22

@tristakershner2940 Ай бұрын

at minute 4:19 when you duplicate the container, i am not able to drag it and move it to the next section, not sure why or what to do :(

@lovjbini Ай бұрын

you just need to save your carrd and refresh the site

@saturnitive Жыл бұрын

5:43 timestamp

@hfjireh 2 ай бұрын

is there a way to make the buttons stay highlighted after it's clicked? i put a 'grow' hover animation on the buttons for mine but it goes away after clicked so unless there's a title for the section, it's hard to know which one you clicked.

@lovjbini 2 ай бұрын

no there's no way to do that, it will stay highlighted on mobile though

@kienyawr 2 ай бұрын

5:04 timestamp (will continue later)

@1k1qai Жыл бұрын

timestamp: 8:50

@avaiscoolstrr Жыл бұрын

so sorry could you link the symbols you used? i tried to copy them from the description and it won’t work

@lovjbini Жыл бұрын

open the video in the browser and copy from there

@Angelisasleep Жыл бұрын

Hello!! I'm working on my own card and I have a small problem, whenever I add anything (like a color or a photo) nothing shows, is there any way I can fix that? :(

@lovjbini Жыл бұрын

make sure thay the gradient that have '00' at the end isnt 'FFFFFF00' but whatever other color. if that doesnt help then dont add gradient whatsoever

@baron2887 Жыл бұрын

may I ask something. I want to know why when I add header a page doesn't split away? but if not add header it normally. why I can't do like you?

@lovjbini Жыл бұрын

i dont understand your problem. if you do everything like me, it will turn out okay

@baron2887 Жыл бұрын

@@lovjbini yeah that it's problem. I do step by step form your video although I design my own. I add container in to the page 3-4 container, then add 3-4 button in the top container like you, then add control command and set up everything like you. In this point is deferrence. When run example webside it's doesn't split the page form buttom in set up, it's can scoll down and see everything in other page. And when I delete header command control the webside split a page normally but of cuase a button can't stay in other page. I don't understand what is a problem or carrd it bug?

@lovjbini Жыл бұрын

@@baron2887 can you please dm us on twitter with the screenshots of your page?

@baron2887 Жыл бұрын

@@lovjbini I think I know a reason. A carrd web side it's simplify until do something wrong easier but hardest to understand. A algorithm of carrd prioritize from top to bottom. That mean all of this problem I'm just place a some section controller to above of all page. That is a reason why my split a page is broken. I think must create a section for come back to first page but now I'm fix already just delete it. everything is normal now 😅 thank you for attention my problem

@zckxic 10 ай бұрын

for some reason everytime I press the home button it just closes with no animation I did everything the video told me to do but it just doesn't have an animation

@lovjbini 10 ай бұрын

did you choose, in page animation, 'on section change: fade in'?

@pratikshaaa-xt1vr Жыл бұрын

heyy i cant move my box nor my section break stuff up down or anywhere like u are at -5:55

@lovjbini Жыл бұрын

save and refresh the site

@galaxy-oc7pq Жыл бұрын

6:20 timestamp

@heuningx Жыл бұрын

save point:: 6:20

@zero3039 Жыл бұрын

This is probably a stupid question so sorry for my stupidity but what does mbti mean or stand for at 6:17 in the video? ;-;

@lovjbini Жыл бұрын

myers-briggs personality types

@boaabie4275 Жыл бұрын

Thank u sm!! I have a question thoo, when I try the buttons it doesn't work.. I added the section02 thingy on the URL but it still doesn't work.. pls help me T-T

@lovjbini Жыл бұрын

because it has to be the same as section breaker. i names section breaker #one so you have to put #one in the url of likes + dislikes etc. you just did it wrong, watch everything carefully. if you do everything the way i did, everything should turn out alright

@d0mainexpansion.11 Жыл бұрын

Time stamp because I know I'll forget: 6:34

@viloth Жыл бұрын

timestamp 8:10

@julstea Ай бұрын

How can I make the text transparent? Could you tell me how in the comments?

@lovjbini Ай бұрын

hi. that method stopped working. you have to put '/s' instead of [.]{transparent}

@sinnystXDD 6 ай бұрын

oh my god ik its been like 11 months or sum BUT THANK YOU FOR THIS CARRD TUTORIAL IM GONNA GIVE U A KISS ON THE FORHEAD HRUšJENDHFUI

@lovjbini 6 ай бұрын

🤍🤍🤍

@seulgiiyelneo 2 ай бұрын

4:32 timestamp!! Gotta find pictures

@user-of6pz7nn8g 8 ай бұрын

my buttons stack and won’t go side by side. i’ve tried fixing it but i don’t know how to. i’ve saved my progress and refresh it, still won’t work. :(((

@lovjbini 8 ай бұрын

mobile: manual layout: default

@lunasrev Жыл бұрын

hi! can i have the text for 6:18 please? weheartit is unavailable in my country so i cant really use the symbols :'D

@lovjbini Жыл бұрын

everything is in the description

@kurohige4744 7 ай бұрын

6:41 time stamp

@charaface3245 5 ай бұрын

i have a question, I want to publish a card, but there is no publish button, what to do?

@lovjbini 5 ай бұрын

you need to set it to 'publish to a carrd.co url'

@al1yss4 11 ай бұрын

how come when i try to view my carrd on a diff website it said "page not found" am i missing something

@lovjbini 11 ай бұрын

you need to contact carrd so they can restore it

@jaykurtis Жыл бұрын

8:21 (ignore this!)

@yog_hurt Жыл бұрын

my carrd site wont work 😭😭, i filled in everything the desc, title etc and published and it would say “page not found” do you know why??

@lovjbini Жыл бұрын

i dont, you need to contact carrd for that issue. maybe they can restore your site :/

@yog_hurt Жыл бұрын

@@lovjbini hmm ok thank u so much for replying !

@cinnabar.2172 Жыл бұрын

hi !! most of it is working for me, but how do i make it so the text doesnt show up on the first page? eg. when the page loads, its not only the header showing, its the header + first page :(( how do i fix that?

@lovjbini Жыл бұрын

did you put a section breaker called #fill? its important to place it under header end and next section

@Lh4an 2 ай бұрын

Hi! May i ask u why when i press my buttons it cant see what ive wrote

@lovjbini 2 ай бұрын

you need to put the right URL! meaning. for buttons URL put the according section break name

@Lh4an 2 ай бұрын

@@lovjbinisorry i didnt get it

@kittieluver420 Жыл бұрын

4:48 stamp for me

@ahnyujinschild1631 11 ай бұрын

For some reason my photo is barely shown in the first container its like tiny😭

@lovjbini 11 ай бұрын

try removing overlay

@tewwcute4u Жыл бұрын

4:11 timestamp

@tewwcute4u Жыл бұрын

7:35

@mori.2164 Жыл бұрын

idk if this is related but, it says i cant open my website bc i did it offline. idk how to bring it back online and theres no tutorial on how to do so. it would be wasted if my time for this will just be deleted

@lovjbini Жыл бұрын

i dont really know how to help you, since its out of my hand. all i can recommend you to do is to contact carrd through their email, they respond really quick. you can find contact to them on the website.

@mori.2164 Жыл бұрын

@@lovjbini alright, thanks!