- 14
- 23 451
idolnaru
เข้าร่วมเมื่อ 17 มิ.ย. 2021
i make sntry tut | a beginner in coding !
interactive sntry © h4izhe | bundlrs cc / sntry cc builder tutorial
if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! ⚠️ i am a beginner so i know that my coding is not the best and let me know if you dont want your carrd to be upload as tutorial⚠️
For a request on retrospring !
Sentries Commission is open: rentry.co/hinatoru
Final product : stellular.org/dirosula#home
Reference: www.pinterest.com/pin/703335666827634388/
PLEASE CREDIT H4IZHE, AND NOT ME!!!!!!
✦•······················•✦•······················•✦
Sources (not in order) :
✦•······················•✦•······················•✦
Music player : jsfiddle.net/wky9qs1c/
Drop shadow : pastebin.com/e2m7GPqd
Invisible scrollbar : pastebin.com/3ikQXyzD
Device view: pastebin.com/XcXNA0pd (use this so it doesnt look small in mobile)
Sweetcupcake font : pastebin.com/Q3fsM2vY
Inset shadow : pastebin.com/v0cPtDwU
Roman font : pastebin.com/HAC1X76L
Levi window font : pastebin.com/w4q5Jw7P
Symbol : www.messletters.com/en/symbols/
Text border : text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
Let me know if i miss anything 💗
✦•······················•✦•······················•✦
ignore: #tutorial #sentry #rentry #guide #coding #sentrytwo #sntry #sntrycc #rentryco #bundlrs #bundlrscc
For a request on retrospring !
Sentries Commission is open: rentry.co/hinatoru
Final product : stellular.org/dirosula#home
Reference: www.pinterest.com/pin/703335666827634388/
PLEASE CREDIT H4IZHE, AND NOT ME!!!!!!
✦•······················•✦•······················•✦
Sources (not in order) :
✦•······················•✦•······················•✦
Music player : jsfiddle.net/wky9qs1c/
Drop shadow : pastebin.com/e2m7GPqd
Invisible scrollbar : pastebin.com/3ikQXyzD
Device view: pastebin.com/XcXNA0pd (use this so it doesnt look small in mobile)
Sweetcupcake font : pastebin.com/Q3fsM2vY
Inset shadow : pastebin.com/v0cPtDwU
Roman font : pastebin.com/HAC1X76L
Levi window font : pastebin.com/w4q5Jw7P
Symbol : www.messletters.com/en/symbols/
Text border : text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
Let me know if i miss anything 💗
✦•······················•✦•······················•✦
ignore: #tutorial #sentry #rentry #guide #coding #sentrytwo #sntry #sntrycc #rentryco #bundlrs #bundlrscc
มุมมอง: 785
วีดีโอ
interactive sntry | bundlrs cc / sntry cc builder tutorial
มุมมอง 6273 หลายเดือนก่อน
if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! ⚠️ i am a beginner so i know that my coding is not the best and let me know if you dont want your carrd to be upload as tutorial⚠️ For a request on retrospring ! pls credit “naocrrds” for the inspo, i forgot to add it in the vibrant… Sentries Commission is open: rentry.co/hina...
interactive sntry © angeidiarys | bundlrs cc / sntry cc builder tutorial
มุมมอง 1.1K3 หลายเดือนก่อน
if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! ⚠️ i am a beginner so i know that my coding is not the best and let me know if you dont want your carrd to be upload as tutorial⚠️ For a request on retrospring ! Sentries Commission is open: rentry.co/hinatoru Final product: stellular.org/jinhsi#one Reference: web.archive.org/...
simple multi-page bundlrs | bundlrs cc / sntry cc builder tutorial © otakon1999
มุมมอง 1K4 หลายเดือนก่อน
if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! ⚠️ i am a beginner so i know that my coding is not the best and let me know if you dont want your carrd to be upload as tutorial⚠️ for a request on retrospring !! Sentries Commission is open: rentry.co/hinatoru Final product: stellular.org/aventura Sources (not in order) : The...
web-multipage bundlrs | bundlrs cc / sntry cc builder tutorial
มุมมอง 1.2K4 หลายเดือนก่อน
if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! ⚠️ i am a beginner so i know that my coding is not the best and let me know if you dont want your carrd to be upload as tutorial⚠️ for a request on retrospring !! Sentries Commission is open: rentry.co/hinatoru Final product: stellular.org/oncore#one Sources (not in order) : M...
social media theme bundlrs ib akechigoros | bundlrs cc / sntry cc builder tutorial (??)
มุมมอง 4765 หลายเดือนก่อน
if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! ⚠️ i am a beginner so i know that my coding is not the best ⚠️ Sentries Commission is open: rentry.co/hinatoru Final product: stellular.org/shinkenger#one Sources (not in order) : Shadow drop: pastebin.com/e2m7GPqd Romantic font: pastebin.com/HAC1X76L Winkle font: pastebin.com...
multi-page carrd-inspired bundlrs © ioihobi | bundlrs cc / sntry cc builder tutorial
มุมมอง 1K5 หลายเดือนก่อน
if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! ⚠️PLEASE LET ME KNOW IF YOU DONT WANT YOUR CARRD TO BE MADE AS A TUTORIAL⚠️ Sentries Commission is open: rentry.co/hinatoru Final product: stellular.org/bouncyego#one Sources (not in order) : inset shadow: pastebin.com/v0cPtDwU device view: pastebin.com/XcXNA0pd nintendo font:...
carrd-inspired bundlrs © angeidiarys | bundlrs cc / sntry cc builder tutorial
มุมมอง 4.4K6 หลายเดือนก่อน
if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! Sentries Commission is open: rentry.co/hinatoru Final product: bundlrs.cc/sangatsu_nanoka ( 17:48 ) How to do a music player ! 1. get yourself an audio from yt (or anywhere) 2. make sure the audio's file is .mp3, if not make it one thru (mp3-convert.org/youtube-to-mp3-converte...
web theme sntry © ratboizs | sntry cc builder tutorial
มุมมอง 1.4K7 หลายเดือนก่อน
I DID not intend this video to be 30mins long again ,,, but if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! Sentries Commission is open: rentry.co/hinatoru inspo : www.pinterest.com/pin/645703665353210917/ final product: bundles.cc/mrym Sources (not in order i dont think) : invisble scrollbar : pastebin.com/3ikQXyzD nintend...
diary theme interactive sntry | sntry cc builder tutorial
มุมมอง 1.5K8 หลายเดือนก่อน
if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! Sentries Commission is open: rentry.co/hinatoru final product: sntry.cc/huohuooo Sources (not in order i dont think) : drop shadow: pastebin.com/e2m7GPqd winkle font: pastebin.com/hszDxAs5 pixels: rentry.org/rsrcs blur then italic hover: pastebin.com/fZB7PbQQ music: th-cam.com...
Carrd inspired sentry © angeidiarys | sntry cc builder tutorial
มุมมอง 1.4K8 หลายเดือนก่อน
i did not intend this tut to be 30 mins long, but if you have any question let me know, and if you’re stuck on something leave timestamp and i’ll try my best to answer ! Sentries Commission is open: rentry.co/hinatoru Final product: bundles.cc/bang-dream The inspo: www.pinterest.com/pin/684265737147793079/ Sources (not in order i dont think) : Blue lace border: pastebin.com/8fNy5C5T Inset shado...
Simple sntry builder tut | sntry cc builder tutorial
มุมมอง 6K8 หลายเดือนก่อน
final product: bundles.cc/wejfmisjfjd sources spinning animation: pastebin.com/jVJLzEk9 lace circle:sozai.pooftie.me/ pink lace scrollbox: pastebin.com/sqENZtwR "your name" font: pastebin.com/HAC1X76L "about me" "do not follow" "before you follow" mark: pastebin.com/P4U6hmzS font in the scrollbox: pastebin.com/ewmHpnrA music: th-cam.com/video/vdXH8SShfzI/w-d-xo.htmlsi=2s3HvuWusVLufm0N th-cam.co...
how to make a lace-border scrollbox in sntry | sntry cc builder tutorial
มุมมอง 2.7K8 หลายเดือนก่อน
lace border source: www.w3schools.com/code/tryit.asp?filename=GR6SD4TUE197 ignore: #tutotial #sentry #rentry #guide #coding #sentrytwo #sntry #sntrycc #rentryco
bundlrs is down rn im so sad 😭😭😭
SAME
im stuck at the very beginning.. when I try and click "split view" or smth it doesn't work nor dose "format"
SORRY FOR THE RLLY late resp, but make sure your file path is “/index.html”
what is the image border with blur or fog code?
@@annikailyaaisha3900 its not a code! ^_^ its already in the pic, you can use any editing website to make the blur around the edge but i specifically use www.quickpicturetools.com/en/blur_edges/#google_vignette
@@idolnaru thank youu
hii how do u actually get to see the finished website? like not the preview but the website actually in action.. do you deploy it or is it a feature in bundlrs?? ty ^_^
@@ccharliesinferno once you saved it, it will be in action! :3 , click the dot at thr very top right ( for save) then get out , you should see “[ur url].stellular.org” or “stellular.org/[ur url]”
@@idolnaru ahh i got it now thank u sm!!
hihi!! how do you do the scroll down thingy?
@@ac0w.am4n overflow: auto;
Did you delete another video the one with music on it 🥲
yea !! if u mean the blue one, then yea the creator ask me to take it down bc they dont allow tutorial
@@idolnaru awe dang it… never got to finish it 😭
How to i publish it??
just save it, it publish automatically
@@idolnaru thx!
the pixel image doesn't align properly with the box how to fix that :(
nvm i got it
im stuck at around 0:47 when i type in left: -140px and top -30px, it puts my square in the bottom right corner instead of at the top
just put the top and left's number more negative or make sure you put the <div> for "lol" [the div in the vid] inside the "main" div like this: <div class="main"> <div class="lol"> </div> </div> or make sure you have "position: relative"
how did you exactly get to the screen to add the code and stuff??
stellular.org > log in or create an account > home tab create project > put ur url in > scroll at the bottom u should see “create” > click on it > put "/index.html" in the file path > manage > edit (NOT EDIT FILE) > then boom :3
@@idolnaru ;; TYSM
i love your videos ! really good intro to those who want to get into more intricate coding.
thank you!! <3
do you have a pastebin of some sort for this? i mess up the lines while watching tuts ^^;
helloo! does this tutorial still work?
yea!
Does anyone know how to make the edit paste private in sntry/bundlrs cc? I know it is possible, I've seen people private their paste/edits. PLEASE SOMEONE TELL ME HOW TO DO IT ! Thank you !
i really dont know </3... join the stellular discord server if you havent! it have a channel dedicate to questions
how tf do you make your coding screen full screen mine is at the top left corner and i CANT MOVE IT OR ZOOM IN HOW DO I DO THIS IM GOING INSANE.
late resp but can you elaborate? uh it could be your browser problem
@idolnaru uh i already found out, thank you... i was trying to do it from a chromebook since my computer had not arrived yet, but now its here, and i realized that's a chromebook issue ^_^ ; sorryy
how to make the favicon
<link rel="icon" type="image/x-icon" href="imagelink">
@@idolnaru what image link?
@@annikailyaaisha3900 image link, copy the image link and paste them into the quote
@@idolnaru thank youuu
can you do this on my phone? i tried but it won’t work
pon el sitio como vista de navegador o algo así
will this work the same in stellular (since its a bit different)
hii SORRY for the late resp but yes it will work jst the same!
where do I find all the copy and pastes?
@@cixcuts can you elaborate? 😞
@@idolnaru you went into a website and copied a lot of text. Where can I find those?
@@cixcuts its in the desciption but if you mean resources i recc scripted.neocities.org/2nd lovespace.carrd.co/#codes pochi.crd.co/#text
hai!! how do i fix my text links turning purple even though I didn't color anything purple? Also, the music isn't playing when I click the CD! Hope you can help me with these ones :3
a:link { color: inherit; } a:visited { color: (ur color); } and idk abt the cd;; the problem could be on your side, but double click to make sure ( or make sure the intro of the song isnt silence)
@@idolnaru Thank you so much!! <33
hello!! what's the src url of the sweetcupcake font?
i just update it ^_^! it should work now
@@idolnaru Thank you!! <3 I'll try it out
the scroll box border doesn’t work for me :(
it happen to all lace so here alt link -> i.imgur.com/RLtke6E.png OR i.imgur.com/8xftJ3v.gif
Hii lmfao I'm new, and I have no idea how to even get to step ZERO, I made my account created a project, but now I'm not too sure what the next step is? There's buttons: Files, Upload, Create. Im assuming I need to click on create, but then it shows a pop up that says "File path:__" what do I enter there?
in the “file path” put “/index.html” then edit and boom
@@idolnaru omg thank youuuu
i always look forward to your tutorials, theyve helped me a ton!! thank you so so much :)
whats the website
stellular.org
somehow watching someone code these websites (whether in neocities, etc.,) are more helpful in trying to understand "how", rather than those full-blown tutorials
my gif isn't working for some reason
check your file again, make sure the file is .gif
@@idolnaru ir is
@@Aftonsparv90 then idk srry…😞
@@idolnaru could you link the code you used to set p the image :/
@@Aftonsparv90 its just background: url("your image link");
when i wrote " database ", it didnt turn into the font and it just has "<font>" in the front and back of it. idk what 2 do T_T
make sure you didnt miss a bracket [ { <- thing thing ] or an semi colon
@@idolnaru ah ... i was missing a semi-colon. thank you ! ^_^; coding with dyslexia is ... an experience.
hai hai !! After typing " .hi:target { display: block; } .hi:not(:target) { display: none; }" it just disappeared... I don't really know how multi pages works, could u help me please ??
<div class=“hi” id=“one” [or whatever you name the window.hash] ></div>
@@idolnaru yea i did this but the .hi div still don't show...
@@meowmweommiau a.. uhmm double check, make sure there isnt an extra character in ur coding
hii ! how did you do the stellular org says ? thank you !
can u be more specific? IF u mean the “?” at the top… uhh i just put my file path as “/index.html”
@@idolnaruthe notification where it says web page reminder !
basically when you open the page, it greets you with "web page reminder, ib ..." and then when you click "ok", it shows the page. can I get the code to do that ! thank you
@@nochiichu <html> <head> <script language="javascript" type="text/javascript"> alert("HI") </script> </head> </html> (dont place it in <style></style>)
@@idolnaru thank uuu ^_^
Can I do this on my cell phone?? I try but the result never appears 😭😭
make sure ur filepath is "/index.html"
hi ! so im unsure how to get to the page after saving and when i try it gives me a 404, also the split screen doesnt seem to work for me ;;
make sure your link is <a href="#[linkwithahastag]"> one </a> and make sure your file path is "/index.html"
@@idolnaru tysm !
how do I publish the results once its done? Im very new to stellular :D
just save! that quite literally that it (by clicking the dot next to the question mark or, file > save)
@@idolnaru alright, tysm!! love ur videos btw :3
@@idolnaru I also wanted to ask, my link(s) wont color (except: home, 1 and 2) is there any way I could fix it? (timestamp: 3:04) and can you please paste the text shadow here? :D
@@idolnaru wait nevermind I cant fix it
@@Penguin_Tomori <a href="urlink" style="color:[hexcolor]"> one </a>
When i press view it doesnt open? How do i fix that
make sure your file path is " /index.html "
@@idolnaru THANK YOU
ALSO whats the link for the paper in 0:23
www.pinterest.com/pin/5488830790365210/ (but if u want another one, jst search up "ripped piece of paper png" on pinterest)
THABMK YOU SO MUCHHHH
can you make a guide on this website 😭 i found it on pinterest and i tried making an account but i was so confused on where to start and i can't seem to find any info about this on youtube 🧍
hi im sorry for asking this stupid question but where can i find the builder thing because i only find the normal 😭 i used to use the old sntry and was easy to change from normal to builder but now idk how to change that i hope you understand what i mean i find it hard to explain 😭😭
stellular.org (log in or make an acc if u didnt yet) home tab > create project > put ur url in > scroll all the down until u see "create" > put "/index.html" in the "file path" > manage > edit > then boom ^_^
@@idolnaru THANK YOU SO MUCH 🙏🙏
hi!! i was wondering if u could make a video on how to get the custom font?
(idk if u meant where & and how to get custom font but anyway😭) 1. go to any font website 2. download your desired font 3. upload the font file to dropbox 4. when you get the link, copy and paste it to bundlrs (or wtv) 5. when you paste it you will notice the "www.dropbox.com" , remove the "www" and put "dl" so it look like = "dl.dropbox.com/"
hii , I'm still confused how to do the window.location.hash 😞😞
(idk if u confuse abt the script itself or the id..) put <script> window.location.hash="one"; window.location.hash="two"; (so on) </script> above <styles>
@@idolnaru i do that , but it's duplicate ... 😞
@@idolnaru thank youu
i'm still figuring out ..
@@annikailyaaisha3900did u do .nameid:target { display: block; } .nameid:not(:target) { display: none; }
I recently subscribed to your channel, your videos are very helpful (and so cuteee)! <3
tyy <33🫶
ur videos actually saved me thank youu !!
hi!! i just have a question but how do you get the container to be in the middle… whenever i check the page on both my phone and laptop it's just sitting at the corner..
put " margin: auto " it should put it in the middle !
hey i need help! i finished with everything but when i click on the link it takes me directly to the second page even if the link says "#one" so is there anyways you know i can fix that?
uhm idk if this help but you COULD place the id wrong like '<div class="[wtv]" id="#two" ' you put two instead one ?? (If that make sense)
@@idolnaru ahh i see i see, ill test it out!
hii!! at 7:09 when i put the link to the div its at the back and not at the front, is there any way to fix that??
position: relative; z-index: 1; (any number that bigger than 0 work!)
ahh this may seem stupid , but is it possible to edit a bundlrs you made without being logged in? i only made an account after i published one by mistake ..
i think u can edit it, IF its a normal pastebin, but idk abt builders.. prob not T_T;;
@@idolnaru i didnt use builders for this one specifically ! ^^ do you know how to edit if it is a normal pastebin? its okay if not, im just trying to figure it out since theres no option to edit it
@@godishloves i dont u can T_T;; uhm maybe try to reach out to hkau (the dude who own bundlrs)
@@idolnaru okay thank u for replying !!!
rip sntry
hey! im confused, how do i even like start up a sntry / bundle / bundlr?
bundlrs.cc > (make an acc if u didnt already) > vibrant > create project > put ur url in > scroll all the down until u see "create" > put "/index.html" in the "file path" > manage > edit (let me know if u need anything specific bc i think this is kinda of vague)
@@idolnaruhii this is so stupid but when i click on “vibrant projects” theres no where to put in a url? 💧💧
@@myclrmatis yiou should see "create" at the top, and the "project-name" is ur url
@@idolnaruwhen i do that it looks different for me than it does in your video, im confused 🙁
@@ipwupfetti this post was made 5 months ago; the person made sntry, made a whole new website so yea