☆ pink graphic frame!
f2u WITH CREDIT, reblog appreciated
from my dottore edit
i don't know what character to use for this and i don't want this really pretty frame to go to waste so you know what, you can have it LMAO
30 notes
·
View notes
hello! do you have any resources/guides for the sntry css builder? tysm and sorry if this is troublesome!
Well get ready! Doll is about to explain a lot of things! One of the most important things is html coding! It's almost a requirement if you want to do sntry builders! Especially tricky ones. You can find templates, sure! But what if the template has issues that you dont know how to fix? Then you're screwed! Click below for a full explanation of points that come to mind! (Disclaimer: Doll is not an html coder by any means! She's completely self taught!) Also resources at the bottom of this!
A few basics:
If you wanna import fonts into sntry, you need to link them with a download link. I've been people use catbox, filegarden, and much more to link it. The point is, you must have the ttf ready to download. Then you implement it into your html code like this:
This way, when you want to use it you type its name in the divider or item you want! Say, if i want it to be the overall font, i'd put it in p or body!
For scrollboxes, the most usual ones are the lace ones! Which look like this:
Usually you'll need to have the lace image and apply it with the border-image code! Most lace images will look like this image by the way! Also if you want it to scroll it's usually good to give it a set height, and then set overflow to auto. Sometimes it'll show the scroller horizontally too, but i fix that by writing overflow-x: hidden; (x for horizontal y for vertical).
Another thing is positioning , you have relative, absolute, fixed, and i forgot the last one! But heres a few notes from what I gathered!
Absolute: It will stay to one place and when you zoom out it'll stay in the exact place you left it at!
Relative: It'll be in relation to the position of the device! So 1080 x 1920 computer will position it differently than a smaller one! granted its usually relative hence the name.
Fixed: No matter if its zoomed out or in, it wont move form that exact position.
Resources
Scripted neocities!
This site has EVERYTHING you might need for codes! Fonts, backgrounds, cursors, text, everything!!! It's SOOOO useful 10/10 I highly advice u save it!
Pinterest:
Self explanatory but pinterest has a lot of people who post sentries for inspiration !!! It's so useful to have a hit of inspo for yourself! PLEASE REMEMBER the people who post are real and have boundaries! So if they ask you for credit, CREDIT THEM! I also have a pinterest, but right now I haven't posted anything except saving resources !!! Here's My board! (Follow doll please pspsps)
Carrds!
The reality is, a lot of the builder sentries you may see have been either made from scratch, or inspired by carrd creators. I suggest you google carrd pro tutorials to see the code the creators may use, and then customize it and make it your own!
Final thoughts!
Doll did not expect it to be so long !!!!!
Sentry builder is...
honestly pretty easy once you get the hang of it! Style codes, html, you can google a lot of the resources you may need which will give you a head start into what you may want!! Good luck out there!
378 notes
·
View notes