✩﹕complex interactive carrd tutorial #5 © elroseria

Поделиться
HTML-код
  • Опубликовано: 4 ноя 2024

Комментарии • 325

  • @maizecrds
    @maizecrds  2 года назад +176

    symbols used:
    [⬤]{#ffdae0}⠀[⬤]{#faf1d6}⠀[⬤]{#b6e3e9}
    ● Profile Info
    ⠀☰

    ● Status
    [DND]{red}
    ▶ Playlist
    ♡ 30 likes • 2 hrs ago

    ults

    [A]{#ffdae0}[b]{#faf1d6}[o]{#b6e3e9}[u]{#ffdae0}[t]{#faf1d6} [M]{#b6e3e9}[e]{#ffdae0}_[!]{#faf1d6}_

    • @ayabadoobee
      @ayabadoobee 2 года назад +3

      How do I copy the big circle ones 😭

    • @crow_man72
      @crow_man72 2 года назад

      @@ayabadoobee mabey try copy and pasting them?

    • @allxuyree
      @allxuyree 2 года назад +3

      @@ayabadoobee for mobile: copy the link of this video. paste the link in your browser. Now just copy the comment
      for pc: just click and drag and do control c to copy and control v to paste

    • @binabibina
      @binabibina Год назад

      @@allxuyree omg thank you, you helped me a lot

    • @sankarii.21
      @sankarii.21 6 месяцев назад +2

      For those who's still following this tutorial, you can copy and paste this one for the profile one since spacing doesn't work anymore:
      ● Profile Info
      [__]{#00000000}☰
      Oh, also this
      ==[.........]{transparent}[I.](#rules)[.........]{transparent}==
      ► Playlist

  • @abbywsx
    @abbywsx 2 года назад +104

    i would suggest adding what you do for the containers appearance, image appearance, etc on the page! ^^

  • @palmeeer
    @palmeeer 4 месяца назад +12

    7:19 (Personal Timestamp)
    (IF U SEE THIS PLS REPLY TO THE COMMENT SO I CAN GET A NOTIFICATION TO REMIND ME OF THIS!!)

  • @angelavryl
    @angelavryl 2 года назад +29

    i love it! it took at least 2 hours but totally worth it.
    time stamp: 12:07

    • @rachelisverycoo
      @rachelisverycoo 2 года назад +2

      Glad I’m not the only one spending an hour or two on this tutorial.

  • @synalgiax
    @synalgiax 2 года назад +15

    11 days later finally finished it, really worth the effort :)

  • @NadineFan4Eva
    @NadineFan4Eva 2 года назад +14

    time stamp just in case ^_^ 6:03 btw !! This looks so pretty !!

  • @chaudfountoir
    @chaudfountoir 2 года назад +7

    i took some hours on this but it's so pretty!!

  • @madoka154
    @madoka154 2 года назад +1

    9:37 tyy super pretty

  • @xarv
    @xarv 2 года назад +11

    cute! I loved the result of it! 100% worth it

  • @kavuziii
    @kavuziii 2 года назад

    BRO, istg your carrds are always so cute!! i love it, only took like a hour or two i forgot tbh

  • @redsonspillow
    @redsonspillow 9 часов назад

    7:20 personal stampp

  • @Yourpuppyprince
    @Yourpuppyprince 7 месяцев назад

    2:38
    Personal time stamp i love this carrd!! :3

  • @adibuaangg
    @adibuaangg 2 года назад +2

    Omg i love it, im going to do it soon when it’s my best friends birthday tysm

  • @cutecoric
    @cutecoric 2 года назад +3

    thank you so much!! this card is amazing :33

  • @luvilyy08
    @luvilyy08 2 года назад

    the card is veryy cutee! ur so underrated :D

  • @crow_man72
    @crow_man72 2 года назад

    8:48 personal time stamp!! love this cardd btw :D

  • @nomarkings_
    @nomarkings_ 2 месяца назад

    only at 4:22 right now but it already looks so good (i used a different pfp!)

  • @adropofhannah
    @adropofhannah Год назад

    ty so much omg its so cute and worth it since its free

  • @xxtomoe
    @xxtomoe 2 года назад

    just gonna stop here today bc i am TIRED
    timestamp: 7:19
    thank uuuu!!

  • @regilyndegoma4094
    @regilyndegoma4094 2 года назад

    i am so ssatisfied of how it turned out, ty!!

  • @rachelisverycoo
    @rachelisverycoo 2 года назад

    7:25
    Personal time stamp, it’s really cute btw.

  • @_melodycute
    @_melodycute 2 года назад

    hii! just a time stamps :> 7:19

  • @humanwormbaby
    @humanwormbaby 3 месяца назад

    Hi I know this is a really old tutorial of yours but I've been stuck for ages on the About Me portion of the tutorial!! I cannot figure out how you get the text to automatically center itself on the element collum, so all my other elements are all messed up spacing wise. What did you do to fix this??

  • @floordred4042
    @floordred4042 2 года назад

    7:35 personal stamp

  • @ziv8061
    @ziv8061 2 года назад +1

    4:28 time stamp for continuing!!

  • @ellie7012
    @ellie7012 2 года назад

    timestamp 6:38
    dont mind me !! very useful, ty :3

  • @cupidzvssss
    @cupidzvssss 2 года назад

    13:21 personal time stamp

  • @specling
    @specling 2 года назад +4

    i love the carrd but the block and message buttons wont work, the text doesnt fit. ive tried to adjust the sizing and spacing so i was wondering if there is anything else i can try to make it fit? thank you though i really like the tutorial :)

    • @unbreakablerobot314
      @unbreakablerobot314 2 года назад +1

      Same exact thing is happening with me all of a sudden

    • @euna.0210
      @euna.0210 2 года назад +1

      waittt just go press the container and change the column of the middle section to 40%, i tried it and it works

    • @___flower.
      @___flower. 2 года назад

      i found a great solution for pc atleast, change the width to 3.5 and the height to 1.875, there will be a bit of a gap at the bottom so add 0.25 margin to the description of urself under about me. itll look almost the exact same but the words r actually there now. i also had to readjust the pfp/icon a little but yeah

  • @bam41111
    @bam41111 Год назад

    Thanks ! 😭🤲🏻💕💕

  • @shreyayayaaa
    @shreyayayaaa 2 года назад +3

    omg i love this so much

    • @maizecrds
      @maizecrds  2 года назад

      if you click the table and then click the paintbrush icon at the top, there's an option where you can change the color of the highlight & highlighted text, you can see it for a brief moment in 10:30

    • @shreyayayaaa
      @shreyayayaaa 2 года назад

      @@maizecrds tysm! :D

  • @yammii_ww
    @yammii_ww Месяц назад

    I just by accidently refreshed and all of my one hour worth of work was lost. I didn't sign in. Is there a way to recover it :(((

  • @confetkitti
    @confetkitti Год назад

    7:28 personal time stamp -3-!!

  • @perlesdelmar
    @perlesdelmar 2 года назад

    Just leaving my marks!

  • @okujougumi
    @okujougumi Год назад

    timestamp! 10:32

  • @clingykaiser
    @clingykaiser 2 года назад

    Idk how to explain this but the like, when i click view site it shows *I* straight away, i don't know how to make it like clicked and THEN show up.
    Help please ?

    • @maizecrds
      @maizecrds  2 года назад

      you need to add a section in between, 7:04

    • @clingykaiser
      @clingykaiser 2 года назад

      @@maizecrds Thank you !

  • @kkmchii
    @kkmchii Год назад

    3:25
    6:00
    8:21
    12:26

  • @jyographyy
    @jyographyy Год назад

    5:34 marks !

  • @agustds_hpewrld1105
    @agustds_hpewrld1105 2 года назад +7

    AHH This is so cute - thankyou so much

  • @nightlywilbur4960
    @nightlywilbur4960 4 месяца назад

    5:01 timestamp

  • @Livvie_Heart
    @Livvie_Heart 6 месяцев назад +1

    I have a q..
    How come my I. II. III. don't work

  • @vouettaVR
    @vouettaVR Год назад

    little time stamp! 3:29

  • @novvvaaa
    @novvvaaa 2 года назад +2

    Little question, how do you make the follow and chat button show all the words? When I do it, it only reveals 3 letters and the rest is just dots, asking for a friend

    • @novvvaaa
      @novvvaaa 2 года назад

      I kind of figured out a solution, set width to 9 and height to 1

    • @maizecrds
      @maizecrds  2 года назад +3

      I didn't receive any concerns like this until recently, maybe bcuz of carrd's new update, but the only solutions I can think of is to either adjust the middle column's width or make the font size of the buttons to 0.5

  • @clairely4574
    @clairely4574 2 года назад +3

    This is so cute! Can I ask where you got the images from? ill ofc credit!

    • @maizecrds
      @maizecrds  2 года назад +1

      thank you!! I got them from pinterest! if you want to use them then you'll have to join my server since I always post my resources there

    • @clairely4574
      @clairely4574 2 года назад

      ​@@maizecrds okay tysm!

  • @ashiuun
    @ashiuun 2 года назад

    timestamps

  • @amandaa_
    @amandaa_ 2 года назад

    IM SO SORRY FOR ASKING SO MANY QUESTIONS but how do make the dropdown smooth when u click the buttons? mine just suddenly appear (also how do u make the card fade in when the website is first opened? tyy

    • @maizecrds
      @maizecrds  2 года назад

      click on page settings and you'll see a play button on top, scroll down to section change and choose fade in

  • @anamarianas
    @anamarianas 2 года назад

    stamps ; 4:20

  • @qwurti
    @qwurti Год назад

    3:58, 6:00

  • @taikoiya
    @taikoiya Год назад

    this is so cute! its really worth the effort :D
    but how do you add the drop down animation? it doesnt work for me

    • @maizecrds
      @maizecrds  Год назад

      in the page settings, click the play-looking icon at the top then select fade in for the on section change!

    • @taikoiya
      @taikoiya Год назад

      @@maizecrds ok tysm!

  • @Noah-pc8jy
    @Noah-pc8jy 2 года назад

    Time stamps -
    6:02
    8:40

  • @spongie2.019
    @spongie2.019 2 года назад +1

    for 14:08 , everytime i add the text box theres a huge gap. i am aware about margins etc, and ive tried fixing them. however, nothing works.

    • @maizecrds
      @maizecrds  2 года назад +2

      oh have you tried checking the content spacing in page settings?

  • @gise2720
    @gise2720 2 года назад +1

    6:03 personal timestamp ^^

  • @Starbrightt_
    @Starbrightt_ 2 года назад

    from 2:15 to 2:33 how did you get the Mali and Poppins font that way? When I use those fonts and it looks diff. I saw you change it but didn't show how. pls help! :(

    • @maizecrds
      @maizecrds  2 года назад

      you can check the pinned comment for the text & hex codes for the poppins one. as for the mali one I'm not sure what do you mean but maybe refresh your page? it could be that carrd is lagging

  • @OvO_22
    @OvO_22 Год назад

    idk if it's just me, but it keeps on saying 'page not found' for mee :`DD I've remade it like 5 times, but it's still not workingg..

    • @maizecrds
      @maizecrds  Год назад

      (🎧) hi srry im a little confused what u mean, ur free to dm us on twt for further help if u still need!

  • @jup1iters
    @jup1iters Год назад

    2:24 (personal time stamp)

  • @kaveject
    @kaveject 2 года назад

    very pretty carrd i love it!! but i have a small question..
    why wont the texts from the block+chat buttons appear? its like b... and c...
    the box is probably too small for them to fit in but it worked for you? pls help

    • @maizecrds
      @maizecrds  2 года назад

      perhaps adjust the size of the text?

    • @wilsjacket1098
      @wilsjacket1098 2 года назад

      i tried and its still the same :’D

    • @kaveject
      @kaveject 2 года назад

      me too :')

    • @hange6775
      @hange6775 2 года назад

      same with me

    • @ariseri
      @ariseri 2 года назад

      same , i cant edit the spacing at all

  • @utop1ia
    @utop1ia 2 года назад +1

    8:07 coming back laterr

  • @kieruv
    @kieruv 2 года назад +3

    I love this sm!! Wouldn't mind if I ask does this look alright on mobile?

    • @maizecrds
      @maizecrds  2 года назад +2

      yes! as long as all containers have their mobile viewing as manual, it should look fine on phone

  • @Laridae_
    @Laridae_ 2 года назад

    4:40 just a checkpoint

  • @kittyp4wzz
    @kittyp4wzz 2 года назад

    2:24 (started late at night lol)

  • @paula4203
    @paula4203 2 года назад +1

    hi!! there's any chance you can help me? there's a small white space between two containers and idk how to delete it TT

    • @maizecrds
      @maizecrds  2 года назад +2

      perhaps check the content spacing by clicking page? it might be on 0.75, it should be 0

    • @cutecoric
      @cutecoric 2 года назад

      @@maizecrds this worked for me, thank you so much!!

  • @cpckemiu
    @cpckemiu 2 года назад +2

    hii, how do i make the "made on carrd" text on the middle? bc mine is on the left though the style is Box and not Default

    • @selenacx5798
      @selenacx5798 2 года назад

      Because the text is there for you in default. You don't need to add anything.

    • @maizecrds
      @maizecrds  2 года назад

      maybe check the page's content alignment? make sure its center

  • @lothlorienlordi
    @lothlorienlordi 2 года назад

    personal time stamp! 10:59

  • @chaeeyoou
    @chaeeyoou 10 месяцев назад

    3:20 personal timestamp!

    • @chaeeyoou
      @chaeeyoou 10 месяцев назад

      6:00 personal timestamp x2

  • @cafesystem9948
    @cafesystem9948 2 года назад +1

    5:53 i tired refreshing the page but it didnt work for some reason
    i cant get the grid no matter what i do is there anything you think i could do?

    • @maizecrds
      @maizecrds  2 года назад +1

      make sure the background style is color with the hex code #ffffff and then the pattern option will appear, if that is still not working then you may have to contact carrd for troubleshooting

  • @tsuyuasui3778
    @tsuyuasui3778 2 года назад

    I'm def late to this tutorial HAHA but I have a question, whenever I put the table, the text keeps moving and wont stay in place, I probs skipped a step but if I didn't how do u fix it?

    • @tsuyuasui3778
      @tsuyuasui3778 2 года назад

      ah- I FIXED IT AHAHA dont mind this message anymore hahshfe i skipped a big step

    • @Justasillylittleguyyknow
      @Justasillylittleguyyknow 2 года назад

      Wait how did you fix it? I’m having the same problem

  • @ChildrensAdventureAudioBooks
    @ChildrensAdventureAudioBooks 7 месяцев назад

    I'm really confused because some of the settings are different and I'm not sure what to do

    • @maizecrds
      @maizecrds  7 месяцев назад

      (🍙) hi, if you need assistance feel free to dm us on twt!

  • @bootyyyshakeer9000
    @bootyyyshakeer9000 Год назад

    Timestamp 13:19

  • @seiko4202
    @seiko4202 Год назад

    Hi! i’m currently having a problem with the text that opens up the different pages😭 Because after i published the carrd the “pages” aren’t hidden

    • @maizecrds
      @maizecrds  Год назад

      there needs to be another section control below the header end !

  • @Pinappr101
    @Pinappr101 2 года назад

    Personal time stamps:
    7:30

  • @euna.0210
    @euna.0210 2 года назад

    timestamp - 5:13

  • @okidoki8635
    @okidoki8635 2 года назад

    Timestamps!
    1:18

  • @senitty685
    @senitty685 2 года назад +1

    with the grid around 6:55 it isn’t connecting with the bar above n I can’t figure out what I did wrong- if u could help I’d appreciate it :’)

    • @senitty685
      @senitty685 2 года назад

      ok so I think it’s my spacing- some other stuff is off too- but idk how to fix that 😭😭

    • @maizecrds
      @maizecrds  2 года назад

      @@senitty685 click page icon then change the content spacing from 0.75 to 0

    • @qthyuckk
      @qthyuckk 2 года назад

      bro omg i was having the same problem you just saved my life

  • @ixtaa
    @ixtaa Год назад

    can i have some help? on the buttons "block" and "chat" look normal in pc mode, cus im doing this on pc, but theyre stacked in mobile unlike pc, how do i fix it?

    • @maizecrds
      @maizecrds  Год назад

      if you scroll down in the button settings, you'll see a section for the mobile view, change auto to manual, then for the layout change stack to default, hope it helps!

    • @ixtaa
      @ixtaa Год назад

      @@maizecrds Ik about the manual for mobile settings, and its already changed to default, but its still stacked. if i lower the width so that it wont be stacked, you cant see the messages, so i js change it to "add" and "chat". i replaced the block w add, still looks good though! ty for the tutorial ^^

    • @maizecrds
      @maizecrds  Год назад

      oh I see! carrd updated the buttons after a while this tutorial was uploaded so the instructions aren't fully applicable now, but its good to know you found a way ^_^

    • @ixtaa
      @ixtaa Год назад

      @@maizecrds mhm! and ty for the tutorial it helped me out alot ^^

  • @xarv
    @xarv 2 года назад

    btw i joined your serv

  • @asukapu
    @asukapu Год назад

    is the piano music at the start from "because this is my first life"?

    • @maizecrds
      @maizecrds  Год назад

      its actually from 'business proposal' !

    • @asukapu
      @asukapu Год назад

      @@maizecrds oh yes!! I forgot that it was in that kdrama, thank you!

  • @shinnyuu
    @shinnyuu Год назад

    timestamp
    1:09

  • @mmcielo277
    @mmcielo277 2 года назад

    personal time stamps

  • @Hasegawa長谷川-w2t
    @Hasegawa長谷川-w2t 2 года назад +2

    I love the card so much! But how do you short the table? (3:00 this part) Mine was like long, same length to the container 😭 Do you have suggestions on how to fix it?

    • @Hasegawa長谷川-w2t
      @Hasegawa長谷川-w2t 2 года назад

      Update: I solved it! 😍 Gonna go continue again, don't mind my message. Thank you!

    • @user-iv4ye8jz3u
      @user-iv4ye8jz3u 2 года назад

      @@Hasegawa長谷川-w2t How did you find a solution? Can you maybe help me out because I'm also having the same exact problem that you were having

    • @thebrightsideofthesun
      @thebrightsideofthesun 2 года назад

      @@user-iv4ye8jz3u adjust the width of the table

    • @obortion
      @obortion 2 года назад

      i have the same problem how do you fix it?

  • @peachypie4812
    @peachypie4812 2 года назад +4

    This is amazing! For some reason though, at 3:30 into the video, the button isn't aligned with the profile ☰ Status. It's like every time I add something new and place it below, it would always have a big space gap in between. Do you know how to fix this? 😭

    • @kh6ira
      @kh6ira 2 года назад +1

      adjust the margins

    • @maizecrds
      @maizecrds  2 года назад

      click page and change content spacing to 0

    • @peachypie4812
      @peachypie4812 2 года назад

      @@maizecrds Thank you so much

  • @cherrysilks
    @cherrysilks 2 года назад +1

    the grid (from 5:52) isnt popping up , do you know why that might happen?

    • @maizecrds
      @maizecrds  2 года назад +1

      make sure the pattern of the container is grid (square), and if that's not working, maybe you might have to refresh the tab? sometimes elements turn invisible

  • @shokolade1037
    @shokolade1037 Год назад

    im gonna give up and cry how did you do corner roundings 0:30

    • @shokolade1037
      @shokolade1037 Год назад

      im so gonna give up i cant do this

    • @maizecrds
      @maizecrds  Год назад

      the page has to be a box and with a color background for the corner rounding settings to appear

  • @enderianmalfoy
    @enderianmalfoy 26 дней назад

    2:00 pls remind me!

  • @payt3n
    @payt3n 11 месяцев назад

    when im doing the tables in minimal it has a like scroll bar on the side? how do i get rid of that

    • @payt3n
      @payt3n 11 месяцев назад

      nvm ^^ i got it

  • @lenma_ga749
    @lenma_ga749 2 года назад

    I did it, I published it but it's showing "page not found", what do I do?? it took me 3 hours to do :(

    • @maizecrds
      @maizecrds  2 года назад

      maybe check if your account is verified or not

  • @synrxl
    @synrxl 2 года назад

    timestamp: 5:41

  • @scarasbf
    @scarasbf 5 месяцев назад

    8:56
    4:19 with the buttons on mobile it's not fitting in like how it's on the screen

  • @charlesfcpx
    @charlesfcpx 2 года назад

    did you use the pro version to remove the "made with carrd" button?

    • @maizecrds
      @maizecrds  2 года назад

      I used non-pro carrd account to make this carrd, the 'made with carrd' didn't disappear

  • @bucketzpaw1141
    @bucketzpaw1141 2 года назад

    timeztamp 4 l8r ; 9:24

  • @Es-Flowers
    @Es-Flowers 2 года назад

    Personal Timestamp. 1:26

  • @kh6ira
    @kh6ira Год назад

    i cant understand anything as u keep going back to the finished one, but i love how it turned out tho.

    • @maizecrds
      @maizecrds  Год назад

      (🎧) srry abt that, our tut quality has only increased! ur also free 2 join our support srvrs or contact us if u need any extra help :3

  • @re1_
    @re1_ 2 года назад

    hi! so like at 4:29 i can’t seem to get the icons on top, do you have any idea how to fix this? i appreciate your advice!

    • @maizecrds
      @maizecrds  2 года назад

      you need to check the content alignment of that container, it should be *top*

  • @silvxox
    @silvxox Год назад

    i need help. when i test my carrd, it starts out on the rules page rather than home page. im making my own, but im using this as inspo (im crediting!). can someone help?

    • @maizecrds
      @maizecrds  Год назад

      make sure that there's another section marker between the header end and rules section !

  • @Robots_With_Anxietyyyy
    @Robots_With_Anxietyyyy Год назад

    I can't get the table that says profile info wide enough help

  • @kyuogii
    @kyuogii 2 года назад

    dont mind me just doing a little timestamp! 10:59

  • @cattpwz
    @cattpwz 2 года назад

    13:35

  • @rei1430
    @rei1430 2 года назад

    time stamp 9:38

  • @LUVU1WON
    @LUVU1WON 2 года назад

    hii! the text below the about me text isn't right below the about me text like it is for yours. how do i fix this? (btw sorry if the question is dumb!)

    • @LUVU1WON
      @LUVU1WON 2 года назад

      i ended up fixing it!

    • @vodkaberry9716
      @vodkaberry9716 2 года назад

      how did you fix it?

    • @LUVU1WON
      @LUVU1WON 2 года назад

      @@vodkaberry9716 i just changed the margins for the about me text

  • @irene7461
    @irene7461 2 года назад

    4:50 (dont mind it just a personal time stamp)

  • @QuantumKayos
    @QuantumKayos 2 года назад

    14:54 how do u make it animate open, and not just, go to a larger box.

    • @maizecrds
      @maizecrds  2 года назад

      go to page and click the triangle button for the animation, scroll down to section change, choose fade in

  • @milkunno
    @milkunno 2 года назад

    10:47 (personal timestamp