cute interactive carrd tutorial - © rshu

Поділитися
Вставка
  • Опубліковано 7 вер 2024

КОМЕНТАРІ • 195

  • @lovjbini
    @lovjbini  2 місяці тому +14

    - carefully read description as most questions can be answered by looking at it!
    - if you can’t move your elements around, save your progress and refresh the site
    - if ‘PAGE NOT FOUND’ shows up, make sure you have a VERIFIED ACCOUNT (email). if your account is verified and that still happens, contact carrd by going to carrd.co/dashboard/help.
    - have an already made carrd account before progressing with tutorial and make sure you save (publish/make a draft) your site from time to time so you don’t lose progress. if you do lose it, there’s sadly nothing we can do about it as we don’t provide free templates!
    - if the captioned settings are different than what you see on the screen - most of the times it’s because we made a mistake while making and the captioned settings are the correct one’s. however, we may still make mistakes, so sorry in advance and please be careful while watching!

  • @dxjunie
    @dxjunie Рік тому +139

    KEEP UPLOADING! even though your viewers are not many, I will always watch your videos

    • @lovjbini
      @lovjbini  Рік тому +17

      thank you so muuuch !! 🥺🤍

    • @D10RFITZ
      @D10RFITZ 7 місяців тому +3

      this is so rude

    • @528xo
      @528xo 6 місяців тому

      its not tho@@D10RFITZ

    • @treubaking
      @treubaking 5 місяців тому

      At the time the views weren't much. The truth might be painful, but that is why some people stop uploading.@@D10RFITZ

    • @6ear9er
      @6ear9er 5 місяців тому

      @@D10RFITZThis is before they got popular I think

  • @itsisaapril
    @itsisaapril Рік тому +29

    this took me HOURS but i loved the end result 😭

  • @prettydoll-gn1yd
    @prettydoll-gn1yd 3 місяці тому +2

    i love your videos sm oh my goodness-
    not many people explain what they’re exactly doing when they make carrds. i’m so happy that you guys explain everything so well!!

  • @nanamikki
    @nanamikki 11 місяців тому +8

    Thank you so much! This is my first card and I love it so much

  • @blondeheadedren
    @blondeheadedren Рік тому +7

    YESSSSSSSS IVE BEEN WAITING FOR THIS 😭💞

  • @pagevyn
    @pagevyn Рік тому +4

    this was easy to follow!!! :D

  • @Hi.haters
    @Hi.haters 3 місяці тому +1

    Hi I did this on my tablet tysm i did the tropicalcore themed and I am probably suck at it this making it your such a helpful person! 😁

  • @cheridaze
    @cheridaze Рік тому +1

    this is so cute!!! i love this layout sm

  • @basilily
    @basilily 10 місяців тому +1

    dziekuje ci z calego serca za ten poradnik !!

  • @etherallygravity
    @etherallygravity Рік тому +2

    AAAAA ITS HERE!!!

  • @marigamingstairs
    @marigamingstairs Рік тому +1

    this is so adorable

  • @wokanda4ever
    @wokanda4ever 3 місяці тому +1

    ILYSM!!!! UR A GODSEND

  • @raevior
    @raevior Рік тому +1

    SO CUTE TYSM!!!

  • @nadii4ever
    @nadii4ever 2 місяці тому

    TYSM FOR THIS! IT TURNED OUT SO GOOD

  • @ginaverses
    @ginaverses 4 місяці тому

    this tutorial was lovely!! :))

  • @Ketchup569
    @Ketchup569 3 місяці тому +1

    ILYSM TYYY!!!!!

  • @bpdstereotype
    @bpdstereotype Рік тому

    EEEEE SO CUTE I LOVE WATCHING YOUR TUTS

  • @scarasbabe
    @scarasbabe 2 місяці тому

    hiiii! I've been watching some of your carrd tutorials and I absolutely love them! I truly appreciate that you're posting tutorials.

  • @circsbby_
    @circsbby_ 9 місяців тому

    omg ty this is so pretty!

  • @luvleychae_2
    @luvleychae_2 22 дні тому

    TYSMMMM

  • @ynuori
    @ynuori Рік тому

    so cuteee!!!! 😭💗💗

  • @littlefoot6
    @littlefoot6 8 місяців тому

    fantastic job!!🩵

  • @MINGYUEEE210
    @MINGYUEEE210 3 місяці тому

    11:10 , This so cutee

  • @seo4398
    @seo4398 8 місяців тому +1

    5:49 to remind myself

  • @murderedlaw
    @murderedlaw 8 місяців тому

    8:10, love ur carrds!

  • @Simply_Teenahx
    @Simply_Teenahx Рік тому

    THIS WAS SO HELPFUL TYSMM

  • @Breadloaff
    @Breadloaff Рік тому

    TYSMMM

  • @superdupermegashartfart
    @superdupermegashartfart 8 місяців тому

    thank you!!!

  • @catperson8430
    @catperson8430 5 місяців тому +1

    cute ! although i didnt quite catch, how do you get the transitions between pages to look so fluid? Like how the page adjusts to the size of the texts and stuff, at 19:22

    • @lovjbini
      @lovjbini  5 місяців тому +1

      at the beginning of the tutorial, page settings

  • @ownedbymomo
    @ownedbymomo Рік тому

    TYSM

  • @dreamcidios
    @dreamcidios 8 місяців тому

    thanks ❤

  • @user-fp7xl1by7t
    @user-fp7xl1by7t 7 місяців тому

    congrats i love this sm! im subbing < lovjbini 3

  • @farha8178
    @farha8178 3 місяці тому +4

    Hi i am late but did you use premium features?

    • @lovjbini
      @lovjbini  3 місяці тому +1

      no, as stated on the description :)

  • @eternalyujis
    @eternalyujis 2 місяці тому

    THIS IS THE ONE

  • @sunny._.disposition
    @sunny._.disposition 9 місяців тому +3

    Hello! I can't find anything else on this topic so I figured I'll just ask you. Whenever I output my carrd it looks fine. But when I try to click any of the buttons ( rules, before, interests ), it tells me the site can't be reached. I'm really new to carrd, so could you tell me what I might be doing wrong? Thank you!

    • @lovjbini
      @lovjbini  9 місяців тому +1

      you need to put correct urls! ie. if the section break is called #rules then put #rules in the button url :)

    • @sunny._.disposition
      @sunny._.disposition 9 місяців тому +1

      @@lovjbini thank you !!

  • @69420_ayo
    @69420_ayo 10 днів тому

    Timestamps for me:
    3:15
    4:34

  • @jjsunkiss4915
    @jjsunkiss4915 2 дні тому

    7:11 I have a question, what happens at that moment?

  • @Loonamyheart
    @Loonamyheart 3 місяці тому +2

    It looks good on my pc but weird on my phone 💔 idk what I did wrong

    • @lovjbini
      @lovjbini  3 місяці тому

      you probably didn't change containers settings to mobile: manual layout: default

  • @christinegaduyon8407
    @christinegaduyon8407 Місяць тому +1

    Sorry I'm late but how did you make it thin at 0:59? Mine is big..

    • @lovjbini
      @lovjbini  Місяць тому

      beginning of the settings, padding

  • @visualrate
    @visualrate Місяць тому

    time stamp for myself ! (ignore)
    9:25

  • @hanniisver
    @hanniisver Місяць тому

    17:44 ik im super late but here the buttons don’t layout the way urs do nd i did mobile and default and all the sizes are right

    • @lovjbini
      @lovjbini  Місяць тому

      hi, wym by don't layout the way ours do? can you dm us on twitter/x? because if you indeed used our settings, everything should look good

    • @hanniisver
      @hanniisver Місяць тому

      @@lovjbini i figured it out , its js the buttons wouldn’t lay out correctly but i figured it out

  • @diaryofdive
    @diaryofdive 4 місяці тому +1

    how do i do whatever you did at 7:07 ? this is the part that has stopped me on many many carrds

    • @lovjbini
      @lovjbini  4 місяці тому

      link to the google doc is in the description

  • @sharkkidman
    @sharkkidman 9 місяців тому +1

    9:35 it comes out squished at the end t the point where you completely cant see the image anyway of fixing this?

    • @lovjbini
      @lovjbini  9 місяців тому +1

      i dont know whats the issue, you need to put the same settings as we did and it will look alright

    • @stnlna
      @stnlna 7 місяців тому +1

      this is so so late but what i did was i got a transparent png and put it where the picture was and like resized it so it looked normal :P

  • @hzvaaal
    @hzvaaal 5 місяців тому

    3:43 personal timestamp

  • @fcktrialz77
    @fcktrialz77 3 місяці тому

    my containers won't stick together :(
    and i've checked the container margins, and the page spacing but neither seem to work
    how can i fix it? awesome tutorial btw :)

    • @lovjbini
      @lovjbini  3 місяці тому

      can you dm us on twitter with screenshots? because if you did check these settings, evertyhing should be alright. if you're making this on your phone, make sure to also check mobile settings

  • @emi_lemi1234
    @emi_lemi1234 2 місяці тому

    I LOVE YOUUO /p

  • @user-gj4ue5cn6w
    @user-gj4ue5cn6w Рік тому

    OMG YAYYY

  • @Ashelynne445
    @Ashelynne445 Місяць тому

    When i switch to mobile the background covers the whole page instead of in the box in the middle like you have , what did i do?

    • @lovjbini
      @lovjbini  Місяць тому

      i'm not sure i understand

  • @lonelymoa
    @lonelymoa 4 місяці тому +1

    17:02 hi, i know i'm late, but when I click "use as spacer" it moves my text to the left instead, do you know how i can fix this?

    • @lovjbini
      @lovjbini  4 місяці тому

      not sure whats the issue... can you dm us on twitter with screenshots?

    • @kiwitickuwu
      @kiwitickuwu 3 місяці тому

      got the same issue😔

  • @lucentsoull
    @lucentsoull 17 днів тому

    heyy! just a question but when i click on "blank page", to start, it already has a page i cant delete? i can only delete what is inside that page but not the page itself

  • @suppayei
    @suppayei 2 місяці тому

    hello! super duper late but i cant publish right after making the gif from the link u provided should i just use another gif maker? thank u vv much ur tuts r very easy to follow!

    • @suppayei
      @suppayei 2 місяці тому

      broo im lit crying right neoww T-T IT WAS RLLY GOING CUTE AND THEN IT WONT LET ME SAVE MY PROGRESS NOOO T-T

    • @suppayei
      @suppayei 2 місяці тому

      omg its not cute anymore its pissing me off but oh well

    • @lovjbini
      @lovjbini  2 місяці тому

      hm? you mean that the gif is too big? you need to optimize it. and you can save your progress without uploading that gif, you could always use a random photo till you figure out how to make the gif work

    • @suppayei
      @suppayei Місяць тому

      @@lovjbini thank u so much its fine nnow! my friends said my carrd is so cute so i owe u THANKIESS :DDDD

  • @soobunnyy_
    @soobunnyy_ 5 місяців тому +1

    4:22

  • @Peppermint_.Mint.
    @Peppermint_.Mint. 2 місяці тому

    Hello hello! i know i'm really late, but the containers on 1:19 stay side to side, and i was wondering if you knew why does this happen?

    • @lovjbini
      @lovjbini  2 місяці тому

      mobile: manual layout: default

  • @ynuori
    @ynuori Рік тому

    i’m going to def make this carrd! (when i finished the other one ofc 🥲)

  • @user-qo1no9xn1k
    @user-qo1no9xn1k Рік тому

    WOWWW

  • @Ev-tf7ws
    @Ev-tf7ws 2 місяці тому

    For me it opens rules if i click “before” or “interests” i don’t know how to fix this :((

    • @lovjbini
      @lovjbini  2 місяці тому

      you changed the url in the text. copy the text from our doc

  • @imhidingfromakira_
    @imhidingfromakira_ 3 місяці тому

    hi im really late but at around 9:26 i cant seem to find the hover thingy, is it alright if i dont use it or is it necessary?? sorry!!

    • @lovjbini
      @lovjbini  3 місяці тому

      the hover options appears only if you put the link first. you dont need to inclue that tho

  • @m6ngi
    @m6ngi 4 місяці тому

    how did u get the background to be faded at the top?

    • @lovjbini
      @lovjbini  4 місяці тому

      we show how in the tutorial

  • @letchugowon
    @letchugowon Місяць тому

    14:36

  • @sandwich5984
    @sandwich5984 10 місяців тому

    12:15 here you duplicate the text and put it in the collum below but for some reason i can’t move the text.. can you maybe help

    • @lovjbini
      @lovjbini  10 місяців тому

      save and refresh the site!

  • @1qhearts
    @1qhearts Місяць тому

    9:59

  • @cookie_mich
    @cookie_mich 10 місяців тому

    4:34

  • @yoriichisbladee
    @yoriichisbladee Місяць тому

    14:26

  • @felixfetti
    @felixfetti 2 місяці тому

    hey, so on 12:48 i cant exactly move my text under my likes and dislikes so do u have any tips or anything that u think might be wrong?

    • @lovjbini
      @lovjbini  2 місяці тому +1

      save and refresh the site

    • @felixfetti
      @felixfetti 2 місяці тому

      @@lovjbini thank you!

  • @soup3236
    @soup3236 Рік тому

    7:15

  • @kaazuk0
    @kaazuk0 11 місяців тому

    17:24

  • @elrichekelseyIzon
    @elrichekelseyIzon 4 місяці тому

    I keep clicking on the patterns but it keeps putting none? Am I doing something wrong?

    • @lovjbini
      @lovjbini  4 місяці тому

      in the background? maybe try saving and refreshing the site

  • @juliee9000
    @juliee9000 8 місяців тому

    Do u always have to publish or?

    • @lovjbini
      @lovjbini  8 місяців тому

      yes so you won't lose progress

  • @3_14i59
    @3_14i59 5 місяців тому

    10:00 17:34

  • @letchugowon
    @letchugowon Місяць тому

    how do i minimize the file size? i can’t have it over 2MB and the lowest i can get is 11MB 😭😭

    • @lovjbini
      @lovjbini  Місяць тому

      maybe try using a different site? if that doesn't help, maybe try using optimizer on different website? if not, we can't do anything abt it sadly :/

  • @gmvyns
    @gmvyns 6 місяців тому

    what were the pictures shown in the thumbnail?

    • @lovjbini
      @lovjbini  6 місяців тому +1

      we don't have them, as this was not carrd made by us, but the person in the pictures is @azyges on instagram! you can probably find them by searching the username and add 'photoshoot' :)

  • @kksolr
    @kksolr 5 місяців тому

    ik this is a little late, but at 6:59 how do you make the image visible for the background on mobile? i uploaded my image but i cant see it 🙁

    • @lovjbini
      @lovjbini  5 місяців тому +1

      hi, im not sure what you're asking for, as it will show up on mobile if you use the exact settings we did. maybe go back to these settings and check if you put them correctly? if this still happens, please dm us on twitter with screenshots of the troubled element and all of it's settings

    • @69420_ayo
      @69420_ayo 7 днів тому

      Same here

  • @cookie_mich
    @cookie_mich 10 місяців тому

    11:06

  • @vlavelwow
    @vlavelwow Місяць тому

    9:13

  • @changkyn
    @changkyn 11 місяців тому

    i cant find search icon 8:36 :( what can i use instead?

    • @lovjbini
      @lovjbini  11 місяців тому

      wym? its in one of the icons at the top

  • @t.mimisaurus
    @t.mimisaurus 3 місяці тому

    hi i know this is late but i finished the whole tut and when i went to click view published site in a new tab it tells me that the page cant be found, what am i doing wrong?

    • @lovjbini
      @lovjbini  3 місяці тому

      hi, you need to verify your carrd account (they send you an email) and if you have it verified then you need to contact carrd so they can restore it

    • @t.mimisaurus
      @t.mimisaurus 3 місяці тому

      @@lovjbini thank youuu it workedd!!!! aaaaaaa

  • @b4t.w1nggs
    @b4t.w1nggs 8 місяців тому +1

    Is this Everskies? 😭

    • @lovjbini
      @lovjbini  8 місяців тому +1

      hm? no

    • @b4t.w1nggs
      @b4t.w1nggs 8 місяців тому +1

      @@lovjbini Okie my bad!

  • @eloquentcountenance
    @eloquentcountenance 3 місяці тому

    11:12

  • @lulita4247
    @lulita4247 6 місяців тому

    3:46

  • @GOANTIGACHAHEAT
    @GOANTIGACHAHEAT 7 місяців тому

    How you actually when i press view site and the buttons and my rules pops up in my about me I try to put the rules in the button the black one I tried my best but you actually do the buttons without header end or footer start I tried and it's not working it looks so frustrating ☹️

    • @lovjbini
      @lovjbini  7 місяців тому

      i don't understand what you just said

    • @lovjbini
      @lovjbini  7 місяців тому

      regardless, if you put the same things we did, everything will be okay. you need to include all the section breaks we included

    • @GOANTIGACHAHEAT
      @GOANTIGACHAHEAT 3 місяці тому

      @@lovjbinitysm!

  • @ash-wi5ny
    @ash-wi5ny 6 місяців тому

    i put the #custom ones to have the interaction but when saved it's all together on one page. can you help me? ☹️

    • @lovjbini
      @lovjbini  6 місяців тому

      you need to include the '#fill' part. do not delete anything when making the carrd

    • @ash-wi5ny
      @ash-wi5ny 6 місяців тому

      so i'd have to redo it since i deleted it while doing it previously? ​@@lovjbini

  • @ryuicons
    @ryuicons 5 місяців тому

    16:50

  • @won4ie
    @won4ie 7 місяців тому

    Whenever I try to optimize the image, it increases the MiB, can you help me?

    • @lovjbini
      @lovjbini  7 місяців тому +2

      nothing we can do about that sadly, maybe try using different sites for that or simply just use an image

    • @won4ie
      @won4ie 7 місяців тому

      @@lovjbini Right, thank you! I love your cards 🫶🏻

  • @cheesyweinerdog
    @cheesyweinerdog Рік тому

    how do u make ur file siZe smaller??? i cant put mine cause its too big :(

    • @lovjbini
      @lovjbini  Рік тому +5

      ezgif optimize gif and if its a photo then search photo optimizer

    • @cheesyweinerdog
      @cheesyweinerdog Рік тому

      @@lovjbini thank you!!!

  • @jjksgloss
    @jjksgloss Рік тому

    ☹️ when my gifs files too big i compress it but it still wont compress anything at all?? help!!

    • @lovjbini
      @lovjbini  Рік тому +1

      did you use ezgif optimizer?

    • @_ivyjn
      @_ivyjn Рік тому +1

      @@lovjbinii used ezgif optimizer but it still says my files are too big😭

    • @jjksgloss
      @jjksgloss Рік тому

      @@lovjbini i got the gif problem solved! but i got another thing bugging if u dont mind lmaoaher 😭😭 so at 9:37 when i put the "/s" text, yours disappears but mine is still there? how do i fix it

    • @bandayydenn3106
      @bandayydenn3106 Рік тому +1

      @@jjksgloss you have to use the opposite slash ! "\s\s\s\s" should do the trick !

    • @jjksgloss
      @jjksgloss Рік тому

      @@bandayydenn3106 OH HELP 😭 I DIDNT NOTICE I USED THE WRONH SLASH IM SORRY IM DYSLEXICSSNDND PLS THANK U

  • @presleyharris6192
    @presleyharris6192 9 місяців тому

    11:53

  • @vickyxxza
    @vickyxxza Рік тому +1

    What does mya or ner mean?

    • @lovjbini
      @lovjbini  Рік тому +2

      its my name 😭

    • @vickyxxza
      @vickyxxza Рік тому +1

      @@lovjbini OH SORRY IT'S A BEAUTIFUL NAME 😭😭

    • @lovjbini
      @lovjbini  Рік тому +1

      @@vickyxxza THANK YOUUU

    • @VIVISAURS
      @VIVISAURS 5 місяців тому

      is it your full name??@@lovjbini

  • @ynuori
    @ynuori Рік тому +1

    FIRST!!!

  • @anamezovite
    @anamezovite 2 місяці тому

    7:35

  • @wwxsworld
    @wwxsworld 10 місяців тому

    what does the /s stand for?

    • @lovjbini
      @lovjbini  10 місяців тому +1

      nothing, its just something that puts a blank space :) it needs to be included where i show it

    • @wwxsworld
      @wwxsworld 10 місяців тому

      @@lovjbini for some reason I can see the /s on the carrd?

    • @forestrose9289
      @forestrose9289 10 місяців тому

      @@wwxsworldtry doing \s instead of /s

  • @cadiabyu
    @cadiabyu 9 місяців тому +1

    i know im late but i have a question!! I'm making this on laptop, but whenever i click phone view the name header and hate/love header is giant and too big for the card 😭 do you know how to fix it ? thank you!

    • @lovjbini
      @lovjbini  9 місяців тому

      check if you didn't change something accidentally in mobile settings of elements

    • @lovjbini
      @lovjbini  9 місяців тому

      you can also dm us on twitter

  • @i90dollita
    @i90dollita 5 місяців тому

    hii this is amazing!! everything went nd all but when i click on 'view site' it doesnt seem to show the header ? is there any way to fix this??

    • @i90dollita
      @i90dollita 5 місяців тому

      update; i fixed it !

  • @cupidistupid
    @cupidistupid 8 місяців тому

    how did you get the ‘hover option’ ? huhu im so lost (timestamp 10:55) 😭 how do you do the “[home]{#home}” thing

    • @lovjbini
      @lovjbini  8 місяців тому +1

      theres not hover option at 10:55? also, its [home](#home). '()' not '{}'. the text to copy is in the description

  • @Lunarcannibal
    @Lunarcannibal 8 місяців тому

    This is extremely hard to follow, and difficult to understand. could you start doing voice overs on the tutorials to make them easier to follow?

    • @lovjbini
      @lovjbini  8 місяців тому +2

      unfortunately, both admins don't speak english fluently, so we're unable to record voice-overs for the tutorials at the moment. we’ll try to change this in the future, but for now, we can only provide subtitles 🤍

    • @Lunarcannibal
      @Lunarcannibal 8 місяців тому

      @@lovjbini Ah, Thank makes sense! I hope you guys have a great day by the way! 🙏

  • @StarryLightmoonYT
    @StarryLightmoonYT 6 місяців тому

    #E9C3E054

  • @yoriichisbladee
    @yoriichisbladee Місяць тому

    4:23

  • @raidenshogyn1y
    @raidenshogyn1y 3 місяці тому

    12:28

  • @cookie_mich
    @cookie_mich 10 місяців тому

    2:22

  • @cookie_mich
    @cookie_mich 10 місяців тому

    11:54