#html css help

[lavendergalactic]

im filling out ur rabbit hole miku template and i wanna make dni byi and interests boxes like the ones you did in the examples section but UMM how do i add the different fonts for "dni" "byi" etc :sob: :sob: :sob: pls ur like a magician with bundlrs..

OMGG YAY UR FILLING IN MY TEMPLATE!! ok so in my example i added a font, you're going to have to put this like under where i put "hugh is life"

@font-face { src:url("https://files.catbox.moe/icleme.otf"); font-family: 'milkshake creps'; }

so there we have the font, but how did i do the outline hrm 🤭🤭 i got the code here

span.highlight { font-family: 'milkshake creps'; background: none !important; font-size: 15px; font-style: normal; font-weight: normal; text-decoration: none; color: #ffff; text-shadow: 1px 0px 0px #b09be3, -1px 0px 0px #b09be3, 0px 1px 0px #b09be3, 0px -1px 0px #b09be3; filter: drop-shadow(1px 0px 0px #b09be3) drop-shadow(-1px 0px 0px #b09be3) drop-shadow(0px 1px 0px #b09be3) drop-shadow(0px -1px 0px #b09be3); }

you can change the hex code in "text-shadow" and "filter: drop-shadow" to any color you'd like, but i like that one for the rabbit hole template

to use it just type == before and after your text so you'd end up having something that looks like this

"e#html br#" just tells the bundlrs to start a new line :3

and there you have it, fancy font in front of my textbox thing in my rabbit hole template

[mahmoudna]

“I Need Your Support to Continue My Studies and Build My Future from Gaza🍉🍉

My name is Mahmoud Naeem Abu Hatab, from Gaza.

I am a university student majoring in Software and Databases at Al-Azhar University. Since the beginning of my academic journey, I have been passionate about User Experience (UX) and User Interface (UI) design, as well as website development. These fields inspire me, and I dream of advancing my skills and building a professional career in them.

Unfortunately, during the recent war, I lost my laptop, which was essential for both my studies and work. I was forced to flee my home and relocate to southern Gaza due to the difficult circumstances. Despite my efforts to replace my laptop, the financial situation has made it impossible to afford a new one.

Without a laptop, continuing my studies or seeking job opportunities in programming and design has become extremely challenging. This directly affects my academic progress and future career.

Today, I am reaching out to ask for your support to help me purchase a new laptop. Having a laptop would allow me to resume my studies and work on programming and design projects that are crucial for improving my skills. It is a vital step towards completing my education and pursuing my dream of becoming a professional in programming and UX/UI design.

I know that the situation in Gaza is difficult, but I believe education is the only path to building a better future for myself and my family. If you are able to contribute any amount to help me get a new laptop, it would be a real opportunity for me to get back on track academically and professionally.

I am determined to keep learning and working despite the challenges, but I need your support to achieve this goal. Every donation or act of help, no matter how small, will make a significant difference in my life.

If you’d like to support me, you can donate through:

GoFundMe

OR

USDT

If you can assist in any way, please don’t hesitate to reach out to me.

Thank you for your support and kindness! 🌿

@gaza-evacuation-funds @appsa @nabulsi27 @palestinegenocide @orblesbian @palebluebutler @pallasisme @fallahifag-deactivated20240722 @vakarians-babe @sayruq @ @plomegranate @riding-with-the-wild-hunt @queerstudiesnatural @tamamita @apollos-boyfriend @riding-with-the-wild-hunt @queerstudiesnatural @palestinegenocide @sar-soor @akajustmerry @annoyingloudmicrowavecultist @feluka @marnosc @flower-tea-fairies @flower-tea-fairies @tsaricides @tsaricides @belleandsaintsebastian @ear-motif @brutaliakent @raelyn-dreams @troythecatfish @4ft10tvlandfangirl @90-ghost @paper-mario-wiki @nabulsi @prisonhannibal @beepiesheepie @walcutt @schoolhater98 @commissions4aid-international @sar-soor @zigcarnivorous@tododeku-or-bust@turtletoria @brutaliakhoa @flower-tea-fairies @schoolhater @baby-girl-aaron-dessner @sayruq @omiteo777 @malcriada @neptunerings @bat-luun @kaneverse @nightowlssleep @staretes @friendshapedplant @soon-palestine @aria-ashryver @heritageposts @magnus-rhymes-with-swagness-blog @khangerinedreams @kordeliiius @mazzikah @feluka @dlxxv-vetted-donations @girlinafairytale @a-shade-of-blue @vakarians-babe @babygoatsandfriends @self-hating-zionist @mangocheesecakes @dlxxv-vetted-donations @gazaboovintage @gazavetters @wellwaterhysteria @sar-soor @applebunch @irhabiya @sayruq @xxx-sparkydemon-xxx @junglejim4322 @reptilianspecies @dr-lapdance @tamamita @cantsayidont @fairweathermyth @dear-indies @eruthiawenluin @katealot @lenasai @stalinistqueens @ayeshjourney @gaza-evacuation-funda @el-shab-hussein @irhabiya @nabulsi @ibtisams @dlxxv-vetted-donations @tododeku @a-shade-of-blue @gaza-relief-fund @catnapdreams @northgazaupdates @buttercuparry @stuckinapril

[riacte]

🎈 Bogwaters Demo update!! :D

Formatting update, 2 new NPCs, randomisation feature, and quality of life changes

(Previous post)

Bogwaters is a free, text-based, interactive fiction browser game about running an underground shipping Discord server in the 2021 MCYT fandom, hosted on itch.io.

Formatting update:

Added more headers. Also added coloured dividers to section off text:

Home: teal

Tumblr: light blue

Discord: light purplish blue (Discord colour)

Ao3: dark red (Ao3 colour)

Messages: yellow

Check out users/invite: light green

Sleep/new day: gay man flag gradient

Trivia: colours for Tumblr, Messages, and Check out users are eyedropped from the old Tumblr UI

Feedback for these colours are welcome!

2 new NPCs:

Now you won't be locked out of winning the game if someone blocks you! The new NPCs are carbonara-art and hippie-benbog with their own storylines and unlock conditions. 

New features:

Randomised mandatory daily fandom enjoyment decrease ranging from 3 to 7

Chances: -3 (10%), -4 (10%), -5 (60%), -6 (10%), -7 (10%)

When you sleep, there is a randomised potential +1 increase in reblog (20% chance) and post (10%) quota for the following day. Does not carry past that day.

In addition to blogs of the 2 new NPCs, blogs for doehills, ofthebigwaters, and riversymphony are added. These three are not interactable. 

Quality of life changes:

Skippable prologue 

Some scenes that don't have bearing on the gameplay are skippable (for this version, it's the conversation with kindredwaves on June 2)

An individual "check out a user" section now has a link to their respective Tumblr blog and vice versa

Misc:

Minor changes to dash content

Minor changes to text formatting

"Days played" shows up as a stat when you get an ending

"Days left (including today)" shows up in the home menu

Reduced animation 

Reblogs and feedback are appreciated! Thanks for playing! <3

[numbpilled-themes]

hate to have to post like this but i am #goingthruit at the moment. i guess im asking if anyone could maybe send me some money for some groceries/food on apple pay today it would be a blessing fr fr

apple pay is 8282668648

thanks for reading, things will be better soon, i am sure :)

[uke-zone]

I really hate to post something like this on an account called uke-zone, but there's not much choice. I'm going to be homeless in a month.

For the past 2 years, I’ve been stuck in a toxic job because I took the first one I could get without reliable transport. I’ve been working as a web admin, making $14,400 a year. My rent is $12,360 a year, not including bills. I scraped by, constantly stressed, and exhausted. I lived alone after leaving an abusive family environment, so I just kept going.

Four days ago I was given a termination notice—the day after I refused to violate FCC guidelines. They wanted me to add a static list of customers to an email list, without allowing them to unsubscribe, and I couldn’t let myself be complicit or get hit with a $5,000 fine.

No savings, no support system, and no cushion. I won't survive the next month if I'm evicted. There is just straight up nowhere to go.

If you’re able to help me keep a roof over my head while I continue the job search, please drop a $20 or the most that won't hurt here: paypal.me/Ymukhopadhyay

In Texas, unemployment takes at least 4 weeks, assuming no disputes, and with my employer that's not happening. Rent is due. I’d be eligible for $143 a week, which... isn’t even close to enough to keep a roof over my head or eat. I couldn’t pay one month of rent if I tried. I'm looking down the barrel of being homeless again, and would frankly rather be dead.

If you have any need for a web developer, designer, or multimedia content specialist, I'd appreciate any support there as well, whether through projects or referrals.

I need to survive the next 30 days to not be constantly on the verge of losing everything. Going back to living paycheck-to-paycheck with no security and no safety net isn't an option. I was terrified one mistake or one bad turn could leave me with nothing until it did.

If you can’t offer help, I understand. But if you can, I'm begging in random tags on the Internet because I don’t want to be homeless again.

GoFundMe, if PayPal isn't an option

Thanks for reading this. ❤️

[professionalchaoticdumbass]

i forgot how little i know about any sort of programming

[forecast0ctopus]

Idk if anyone's ever asked you this but how do you go about animating? i.e. what program do you use and what's your process?

I really wanna start animating but it seems like such a daunting task lol

okay lots of words so. under the read more lmao

toon boom harmony is industry standard 2d animation software so thats what i use for freelance work and more finished things like that antibodies animation (though i did the bg painting in procreate) – but totally not the ideal software for just starting out with animation lmao not to mention the fact that its a subscription :/// small sketches like that gif of bones i posted i'll sometimes tackle in procreate or procreate dreams, which are wayy more affordable and user friendly, even if theye a bit less robust.

if youre looking for a combination of robust software with the best price, blender is free and has 2d capabilities that ive messed around with a few times – its super cool, but the interface can be confusing if you've never worked in blender before and it has a bit of a steep learning curve BUT theres also always always always good ol paper and pencil, and nowadays most people own a camera and can access video editing software to stitch things together the best things to start out with are the basics, like a ball bounce animation, different weight objects falling, walk cycles – once you get an understanding of how timing works with animation, then tackling how characters move is the next step. just going into complex characters right off the bat is an easy way to get frustrated FAST lmao starting simple is always the way to go also a lot of cartoons and stuff move A Lot Less than you would think, a 10 second animation at 12 frames per second is almost never going to be 120 different individual drawings – sometimes you can just get away with a few blinks and a bit of lip sync to really sell an animation, so while animation does take a lot of time and effort try not to be too intimidated!!

[rainbowlimenade]

what the fuck is a css

[fishareglorious]

Hello my r1999 soldiers. I am looking for people able to help me with the making of a website that'll contain the story logs. Writing them down one by one is going to take me thirteen years if I do that, so may I ask, are any of you willing to help with providing the logs? Including the branching dialogue options? Something along these lines:

If you wanna help, please feel free to dm me here with the info, or message me on discord at friedfishforsale.

Currently am focusing on writing the main story, specifically with the This is Tomorrow (prologue) and In Our Time.

[hornydilfsinyourarea]

I need help Is there anyone out there good with coding????? (html and css), because my fat ass is too fucking stupid to understand it I DESPERATELY need someone to help me with the coding (perhaps even write all of the code), I want to make my Janitor.AI profile aesthetically pleasing :c... I just lack the skills for it, so I beg to whoever sees this, please help me. I don't have money, so I won't pay you, but I will credit the fuck out of you (if that's enough), I will literally plaster your name all over my stuff if you so wish me too, just PLEASE🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻

if you're interested, please dm me

[tfrost]

Just spent an hour struggling to figure out what I did wrong with my code just to find out I misspelled "background" to "backgrond" 😔

[hauntinginprogress]

neocities heracles trials: from a chaotic newbie

okay so i want to actually start posting here and i finally got it through my thick skull that this is LITERALLY A BLOG. i'm supposed to blog. so here's a blog post.

anyways, for context, i've been working on my neocities for a while now, recently started over to make things more original and more me. another thing to note is that i'm using VScode.

the issue here is that i have zero well not exactly zero but i lack any professional/academic background experience with making websites. the html isn't the issue (thankfully) but holy shit dude...css+javascript implementation . basic styling with css is no biggie, right? absolutely, however...may i introduce: smooth transitions + the absolutely tragic fact that the <marquee> tag is deprecated an accessibility issue.

so, my first goal day one was to recreate a marquee animation through css. so i tried to simply implement this incredibly useful bit of code into my site (in which if you're interested i totally think my failure to get it working was user error so please check it out it works great if you're not me) but, lo and behold, despite me getting it to work in my V1 project, i could not, for the life of me, get it to work. so i, not too familiar with css animation and completely lost when it comes to javascript, started grasping at straws. i ended up finding this tutorial and, with some improvisation since the tutorial is for webflow and i'm manually writing everything, managed to make my own css recreation of a marquee effect essentially from scratch, and even learned about the animation-play-state css attribute so i could pause the effect when the marquee is hovered over! victory, basically.

then, i looked around the many cool and absolutely awesome sites on neocities to get inspiration, and then i was like "hey what if i made a custom button background image" and with some trial and error, made myself a pretty decent base (for now) with aseprite, and learned more about the program in the meantime which is always a plus.

then i decided that i wanted to do more with the buttons. i wanted to make it animate on hover. not too hard right? you'll...you'll see why i struggled...in a moment...

anyways, i settled on a simple shrink animation. which THIS i could do with ease, messed around a bit, got the keyframes, assigned that to the button:hover and all of that and all was good!...until i realized that once i stopped hovering over it, it snapped back to its original scale instead of transitioning smoothly again. THIS is where the "fun" began.

see, although i can wrap my head around things easily when it comes to css, i have to constantly look up what the proper syntax for everything is because otherwise i'll mess everything up. and through my research i had conducted (aka surfing through multiple blogs and reddit posts alongside other things on random forum websites) i had discovered the very neat transition attribute.

but we'll have to return to this because i have adhd, and i ended up getting distracted during this process. see, originally i had decided that the button would change it's visual to appear like it was pressed when the user's mouse hovered over it. then i was like "i don't think this makes sense" so i changed it so that the button wouldn't change its background image unless the user actually clicked on it. so i did that. then i had to make sure that the button wouldn't magically scale up again so i had to transform the styling and blah blah blah those details aren't really that important ANYWAYS the actual important bit about this is that if you use the transition attribute and there's a change in background images that change will also be transitioned unless you set the transition to only apply to a specific change. and i didn't know that originally. so every time i tried to fix things up with a transition so the button wouldn't snap back to it's original size out of nowhere the background would slooowly change as well and i actually got so frustrated with this that i wanted to burn something down because that's a totally normal reaction i guess. anyways, then i started frantically searching for answers on the topic and EVERY. SINGLE. THING. THAT I FOUND. INCLUDED JAVASCRIPT.

i do not know javascript. i have not learned anything about it unlike css and html. it SCARES me and it is FRUSTRATING. but i thought i'd try it anyways. news flash that shit didn't work at all and i almost thought about scrapping the animation entirely especially when it randomly stopped working when i made certain changes, but i ended up eventually figuring out what i mentioned earlier (CSS transitions and the fact that you can assign them to only affect a specific change instead of everything) so with some dabbling here and there i eventually managed to finally figure out how to make everything smooth through pure css and although it still snaps if the element hasn't finished animating i'm happy with it.

moving on to another thing, i wanted to then make a sound effect play when you click the button. yes, we are still talking about buttons. THIS i could not do with css, like, at all. javascript admittedly is for interactivity and i had already been bending the rules quite a bit with the animations since those teechnically should've been done with javascript as well but this? this was impossible without javascript. so i found a free mp3, and searched up a nice little tutorial on the very basics of javascript.

little did I know that apparently, this would be my own personal little hell.

see, no matter how many times i tried a different script, the sound just would not work like at all. i'd do everything in what i assumed to be the correct way, and no matter what, it would not play. knowing that i'd just have to revisit this, i decided it was best to just sort of put it on the back burner.

and this is where i wish i could say this is the end of my absolutely gobstopping rant. however, i cannot.

see, one thing that i really like that i've seen in a lot of other people's sites is draggable windows. i think they're sick. but this ALSO requires javascript, but i didn't think this could POSSIBLY be that bad since so many people did it.

...right?.......right? guys. right?

MOTHERFUCKER I WAS SO WRONG.

see, it turns out that a lot of people do this sort of thing with jQuery, specifically for user interfaces. but vscode doesn't have a "user friendly" way to get jquery to work with it. and because i don't want to mess with program files, i decided that logically speaking jquery just makes writing things in js scripts less complicated and doesn't introduce things that are impossible in vanilla javascript so i decided i could suffer a little bit and try and do things without jquery.

this led me to looking at many sites with draggable windows to look at their own scripts, in which every single time i tried replicating things i FAILED.

i eventually stumbled upon a nice code that worked. but the issue with it - in which unfortunately i can't find it, else i'd link it - is that it works with not only element classes but also a specific ID. see, this would be fine if i only wanted ONE draggable element. but i want multiple. and i thought that maybe if i just duplicated the script and dedicated it to a different ID and changed function names it would work but nooo life cannot be this easy apparently. so after setting up my webmaster status window, getting that to work, i tried doing the aforementioned method for what will eventually be a guestbook of sorts. it failed.

so i decided, "hey i'll revisit this later!!" and i went on to finding a way to implement a status widget into my site. this honestly was really easy as i ended up stumbling upon status.cafe . so i registered, eventually got my account activated, and i got it working in my live port of vscode just fine!! all is good in the world.

well that's what i thought until i found out that since i had created my neocities account in march of 2024, and i'm unemployed since i'm still in high school hence i have a free account, that i could not. use the widget. in neocities. so i tried finding a work around, found this handy guide (which is genuinely useful by the way) and set up things through a RSS feed instead which is essentially just a work around that complies with the security restrictions of neocities that i'm bound by. anyways, this works great but i literally just can't customize it to how i want so this is another fail. then i find imood.com which, although is NICE, doesn't suit what i want on its own. so i'm at a loss here too.

so, again, another thing to put to the side i suppose.

so i started working on getting my guestbook, browsed through people's homepages again, and found chattable . and you probably think i have another paragraph complaining about this but honestly i can't write about something when i can't figure out how to even create a chat to implement onto my site in the first place so...y'know.

plus, i honestly have no clue if it'll work on my site either due to security restrictions so this is fun!!

anyways, after dealing with all of this, i finally decided it was about time i ported what i had so far over onto my neocities account. which isn't actually that hard i just had to wipe all of my files, overwrite the content in my index.html file there and paste in what i have now, and then upload my new files. but for some god awful reason after i went through all of this chrome just. kept depending on my old stylesheet??? so i had to clear some of my browsing data and eventually everything was loading properly for me.

and THIS is finally the end of my ridiculous documentation concering my neocities adventure so far.

i have no doubts i'll end up ranting here AGAIN about all of this but for now this is all i have on my plate...besides finally caving and learning javascript for real and continuing to learn more about html and css. hopefully one day i'll stop having such frequent issues but now is not the time and i doubt that'll be anytime soon either.

moral of the story, if you want to start something new and pick up a new hobby, please for the love of all that is of substance in this world don't go in completely blind like i've done if you're going to be making a project of some sorts. it will only lead to many misfortunes.

anyways you can see what i currently have done in my neocities here, make suggestions or give advice in the notes and whatnot i don't know.

[fixfiesta]

So you have a Tumblr account for a long time (or not), but probably you may have a theme that is not supported anymore by its developer, or they just vanished from the face of this earth.

That means that you might be having problems with the new Neue Post Format (NPF) and how is handling new post types.

For more on what went into creating the Neue Post Format, check out Tumblr's Engineering blog post.

I know some-what about coding and even made some themes for Tumblr, though those were for a client so I can share them here.

The goal of this blog is to help:

Fix an old theme that's not behaving well with the new format.

Update some JavaScript knowledge that's breaking your theme.

Update outdated code to better display your theme.

And whatever, if I can help, I will.

AND if you'd like to give me a tip for helping out, that'd be awesome but not require for me to help you. [Ko-Fi not ready yet!]

Please check the READ.ME

⬇️ Versão Português 🇧��🇵🇹

Então você tem uma conta no Tumblr há muito tempo (ou não), mas provavelmente você tem um tema que não é mais suportado pelo seu desenvolvedor, ou o dito cujo simplesmente desapareceu da face da Terra.

Isso significa que você pode estar tendo problemas com o novo Neue Post Format (NPF) e como ele lida com novos tipos de postagem.

Para saber mais sobre o que foi necessário para criar o Neue Post Format, confira a postagem do blog de engenharia do Tumblr (em inglês).

O objetivo deste blog é ajudar:

Corrigir um tema antigo que não está se comportando bem com o novo formato.

Atualizar algum conhecimento de JavaScript que esteja quebrando seu tema.

Atualizar o código desatualizado para exibir melhor seu tema.

E tanto faz, se eu puder ajudar, é nóis.

E se você quiser me dar uma gorjeta para ajudar, isso seria ótimo, mas não é necessário para que eu o ajude. [Ko-Fi ainda não tá pronto!]

Por favor, verifique o READ.MEediting

[terribleterrestrial]

[ARCHIVED]

Hello hello, Tumblr!! I, TT, am the author of Apocalypse Abandon hosted on MSPFA!

This is a post asking for help with said comic! Currently, I am looking for a background artist, and anyone familiar with CSS/HTML coding! The work should be fairly simple however I do not have the income to pay a wage or anything like that. You will never be trapped working on it, though, and you are so free to back out any time!

Even if you believe yourself to be bad/average/etc at those skills, I would still love to have you on board if you want to expand them and improve along with me and the rest of the team (of uh.. two people right now haha). Below the cut is a short plot summary (without too many spoilers) and a few pieces of art (art will come as it is made and be uploaded here) you can peruse to see if you'd be interested in helping out. If not, i humbly request your reblog so I can find ppl who are :3

Apocalypse Abandon is a fancomic taking place (originally) on Earth C. It is very much meant to mimic Homestuck and sort of bring back some of the nostalgia of the Early Days whilst still showing a new, interesting story! It starts four main characters at first: Jule Jackson, Cris Warner, Xael Grison, and Remy Lalonde. These four, on the 13 of April 202X, are alerted by the Godtiers that it is their turn to save the universe by creating a new one. Despite half of the party (Xael and Cris) living in a post-apocalyptic Earth C overtaken by plant life, they manage to make it work! Jule is a gentle young lady with a green thumb and a love of crafts. She is the most active online and the youngest of the bunch. She is both clever and kind, a Sylph of Time, a savior. Cris is a bookworm, and even lives in a library! He is a big fan of Rose's work, having read everything she ever wrote on her adventures and SBURB. He is strict and precise, a Knight of Mind, an archivist. Remy is the "son" of Roxy Lalonde. He is a direct genetic replica of her, and yet tries his best to be his own person. He is not so fond of his mother, who has fallen victim to existentialism and back into bad habits. She has become something of a mad scientist these days, mixed with a cat lady. Remy is a shy and mindful young boy, he doesn't know what is future holds. A Page of Void, an opportunity. Xael is a little rascal, sometimes seeming more animal than human. That’s exactly how he likes it! He scavenges for food, chipping his teeth on bones, and sleeping soundly curled up in the catacombs. He is ravenous and rabid, a Prince of Doom, a destroyer.

I dont have a TON of the plot planned out, as I prefer to write as we go along. I am always open to suggestions from anyone and happy to co sider them!!

Once again, PLEASE at least reblog this, especially if you read this far. It would seriously help me out so insanely much. Thank you for reading!!!

[tarukorhohen]

how the FUCK are people making their own kickass tumblr themes??? I have the slightest modicum of html/css knowledge, I know, but I still look at that shit and die inside how do you figure it out

[daveedmee]

anyone can give me a good intro to neocities?

all the stuff there looks so great and I just want that.

yeah i want

plz