#footer html css | Explore Tumblr posts and blogs

divinector · 3 months ago

Text

Sticky Footer on Scroll

#sticky footer on scroll #fixed footer #html css #divinectorweb #webdesign #frontenddevelopment #css #html #css3 #learn to code #footer html css #vanilla javascript

5 notes · View notes

codingflicks · 11 months ago

Text

Responsive Footer Design

#flexbox footer design #responsive web design #frontend #html css #css #html #css3 #frontenddevelopment #webdesign #neduzone #website footer #css footer #footer html css

9 notes · View notes

codenewbies · 4 months ago

Text

Bootstrap 5 Footer Design

#bootstrap 5 footer design #css footer design #responsive web design #bootstrap snippet #html css #codenewbies #html5 css3 #frontenddevelopment #webdesign #footer html css #responsive footer design #css

1 note · View note

orcelito · 5 days ago

Text

Working on my javascript for my web page. Turns out I have the perfect kind of setup to accomplish some of the project requirements, specifically with even handlers and user interactions

My website, conceptually, will load a different employee details page depending on what employee name is clicked on. But I need to load it dynamically (instead of hard-coding it) so that the user can add or delete employees & it'll be able to still load the relevant shit.

So! Only one employee details page, but depending on how it's loaded, it'll load a different employee's information. Still working on getting down Exactly how to do it (I'm thinking using URL parameters that'll read a different object depending on what ID is used)

It's entirely doable. In fact, it's probably extremely common to do in web pages. No one wants to hard-code information for every new object. Of course not. And thus the usefulness of dynamic javascript stuff.

I can do this. I can very much do this.

#speculation nation #i wasnt very good when i got home and i read fanfic for a while #then took a nap. and now im up again and Getting To Work.#i dont have to have this 100% perfect for final submission just yet. bc final submission isnt today.#but i need to have my final presentation over my thing done by noon (11 hours from now)#and im presenting TODAY. and part of that will be giving a live demo of my project website #so. i need to have all of the core functionality of my website down at the Very Least #might not be perfect yet. but by god if im gonna show up to my presentation with my website not working.#i need to have the employee list lead to employee details with personalized information displayed per employee #i need to create an add employee field that will Actually add an employee. using a form.#and that employee will need to show up on the list and have a new id and everything. the works.#need to set it up so that employees can be deleted. shouldnt be too much extra.#and it would be . interesting. to give an actual 'login' pop-up when someone clicks on the login button #with some kind of basic info as the login parameters. this cant be that hard to code.#the project requirements are: implement 5 distinct user interactions using javascript. at least 3 different eventhandlers #at least 5 different elements with which interaction will trigger an event handler. page modification & addition of new elements to pages #3 different ways of selecting elements. one selection returning collection of html elements with customized operations on each...#hm. customized operations on each... the example given is a todo list with different styles based on if an item is overdue or not #i wonder if my personalized detail page loading would count for this... i also have some extra info displayed for each #but i specifically want the employees to be displayed in the list uniformly. that's kinda like. The Thing.#actually im poking around on my web pages i made previously and i do quite enjoy what i set up before.#need to modify the CSS for the statistics page and employee details to make it in line with what i actually wanted for it #maybe put a background behind the footer text... i tried it before & it was iffy in how it displayed...#but it looks weird when it overlaps with a page's content. idk that's just me being particular again.#theres also data interchange as a requirement. but that should be easy if i set an initial employee list as a json file #good god im going to have to think of so much extra bullshit for these 10 made up employees #wah. this is going to be a lot of work. but. im going to do it. i just wont get very much sleep tonight.#that's ok tho. ive presented under worse conditions (cough my all nighter when i read 3gun vol 10 and cried my eyes out)#and this is going to be the last night like this of my schooling career. the very last one.#just gotta stay strong for one more night 💪💪💪

6 notes · View notes

darksouls2yuri · 19 days ago

Text

im done working on my template today but this is my vision for my invasive species project

in the form of an interactive webpage

#txt #i have a very basic html + css skeleton made #that's taken me like. 4 hours to do lmfao #im still trying to figure out why my containers overlap my footer when i make them fill the page instead of their content #but whatever i have almost a month to do this #alternatively i dont NEED a footer

3 notes · View notes

snarp · 1 year ago

Text

I look up "make the page footer stick to the bottom of the page without fucking up the main content display" once every six months and come up with a different solution every goddamn time. Let's end this once and for all: vertical flexbox.

EDIT: Also vertically-centered main content. With the vertical flexbox.

#css #html #footer #sticky footer

30 notes · View notes

josegremarquez · 4 months ago

Text

Código que usa; header, con menú navegación, cuerpo , con textos y footer con enlaces

Aquí tienes un código HTML que crea una estructura básica de una página web con los elementos que has solicitado, utilizando la etiqueta style para aplicar los estilos CSS directamente en el HTML: HTML <!DOCTYPE html> <html> <head> <title>Mi Página Web</title> <style> header { background-color: #f1f1f1; padding: 20px; text-align: center; } nav ul { list-style-type: none; margin: 0; padding:…

#código fuente #CSS #desarrollo web #Diseño web #estilos en línea #estructura básica de una página web #footer #header #HTML #maquetación web #menú #navegación #página web #responsive design #sitio web #tutorial

0 notes

fir-fireweed · 5 months ago

Text

Ok, I’ve delved into Twine Sugarcube a little and I’ve had some revelations I feel the need to share.

1. Sugarcube is the devil. I mean that in the nicest way possible. I thought I was coding before… nope! I’m going to learn it anyway because the breadth of stuff I can do is amazing and worth it, but holy hells is this hard. Which leads me to number 2…

2. My fellow IF authors who use Sugarcube, you are now like gods to me. Massive respect for you. 👊 Seriously, the time and effort it takes to create a story in this, and to do it so seamlessly as many of you do, is mind boggling.

3. I don’t feel I’ve given enough credit to Chapbook. You’ve seen me talk about the lack of a save system. But for a shorter story like Viatica (currently at 155k words with Rebellion ending and coding) I don’t feel it’s a massive deal breaker. It also has no easy way to display stats or inventory or a codex. I had to jerry rig my own stats passage.

But what it does well, it does exceptionally well. Chapbook is a complete out-of-the-box format and requires no previous CSS or HTML experience. It automatically formats everything for you, headers, footers, the adaptability to be read on any device, it’s all there. There is no style sheet to create, no Java script. The biggest challenge is coding choices and variables, but even then Chapbook comes with an easy to read guide that spells out everything you can possibly need. I would also be happy to answer questions or share screenshots of what I’ve done. If you’ve been wanting to try your hand at IFs but the idea of coding is daunting, you can use Chapbook. If you want to focus on the writing, your craft, and don’t have the time or inclination to heavily code, you can use Chapbook. If you’ve never coded a damn thing in your life and think CSS stands for “can’t style shit”, YOU CAN USE CHAPBOOK!

In conclusion, Sugarcube is evil incarnate, but I’m going to learn it anyway. Hail, Satan. Chapbook is mercy incarnate. Thank you, my lord and savior. And if you’re a newcomer and on the fence at all, I encourage you to give Chapbook a try. Say it with me… you can do it. 🤗

#interactive fiction #writing #viatica #twine game #twine if #twine interactive fiction #if

79 notes · View notes

captdedeyes · 1 year ago

Text

Friendly reminder that Wix.com is an Israeli-based company (& some website builders to look into instead)

I know the BDS movement is not targeting Wix.com specifically (see here for the companies they're currently boycotting) but since Wix originated in Israel as early as 2006, it would be best to drop them as soon as you can.

And while you're at it, you should leave DeviantArt too, since that company is owned by Wix. I deleted my DA account about a year ago not just because of their generative AI debacle but also because of their affiliation with their parent company. And just last month, DA has since shown their SUPPORT for Israel in the middle of Israel actively genociding the Palestinian people 😬

Anyway, I used to use Wix and I stopped using it around the same time that I left DA, but I never closed my Wix account until now. What WAS nice about Wix was how easy it was to build a site with nothing but a drag-and-drop system without any need to code.

So if you're using Wix for your portfolio, your school projects, or for anything else, then where can you go?

Here are some recommendations that you can look into for website builders that you can start for FREE and are NOT tied to a big, corporate entity (below the cut) 👇👇

Carrd.co

This is what I used to build my link hub and my portfolio, so I have the most experience with this platform.

It's highly customizable with a drag-and-drop arrangement system, but it's not as open-ended as Wix. Still though, it's easy to grasp & set up without requiring any coding knowledge. The most "coding" you may ever have to deal with is markdown formatting (carrd provides an on-screen cheatsheet whenever you're editing text!) and section breaks (which is used to define headers, footers, individual pages, sections of a page, etc.) which are EXTREMELY useful.

There's limits to using this site builder for free (max of 2 websites & a max of 100 elements per site), but even then you can get a lot of mileage out of carrd.

mmm.page

This is a VERY funny & charming website builder. The drag-and-drop system is just as open-ended as Wix, but it encourages you to get messy. Hell, you can make it just as messy as the early internet days, except the way you can arrange elements & images allows for more room for creativity.

Straw.page

This is an extremely simple website builder that you can start from scratch, except it's made to be accessible from your phone. As such, the controls are limited and intentionally simple, but I can see this being a decent website builder to start with if all you have is your phone. The other options above are also accessible from your phone, but this one is by far one of the the simplest website builders available.

Hotglue.me

This is also a very simple & rudimentary website builder that allows you to make a webpage from scratch, except it's not as easy to use on a mobile phone.

At a glance, its features are not as robust or easy to pick up like the previous options, but you can still create objects with a simple double click and drag them around, add text, and insert images or embeds.

Mind you, this launched in the 2010s and has likely stayed that way ever since, which means that it may not have support for mobile phone displays, so whether or not you wanna try your hand at building something on there is completely up to you!

Sadgrl's Layout Editor

sadgrl.online is where I gathered most of these no-code site builders! I highly recommend looking through the webmaster links for more website-building info.

This simple site builder is for use on Neocities, which is a website hosting service that you can start using for free. This is the closest thing to building a site that resembles the early internet days, but the sites you can make are also responsive to mobile devices! This can be a good place to start if this kind of thing is your jam and you have little to no coding experience.

Although I will say, even if it sounds daunting at first, learning how to code in HTML and CSS is one of the most liberating experiences that anyone can have, even if you don't come from a website scripting background. It's like cooking a meal for yourself. So if you want to take that route, then I encourage to you at least try it!

Most of these website builders I reviewed were largely done at a glance, so I'm certainly missing out on how deep they can go.

Oh, and of course as always, Free Palestine 🇵🇸

#webdev #web dev #webdesign #website design #website development #website builder #web design #websites #sites #free palestine #long post #I changed the wording multiple times on the introduction but NOW I think im done editing it

490 notes · View notes

tempural · 5 months ago

Note

Hi!! I wanted to say that I loved reading about your journey of creating a personal website. I'm still unsure between Vercel and Netlify. I have a small question to ask. See, one of the reasons I want to make a website is to archive drawings and journal/sketchbook. Would you have any tips for creating an area on my website just for the diary/journal, which has tags, files for each entry, etc.?

Bello!

Really happy to hear about your interest in websites! I want everyone to make their own site so I don't have to log into social media and get instant tummyaches ♥

Vercel vs Netlify: I think I settled on Vercel for absolutely no reason whatsoever. I just made a site on Netlify, then tested on Vercel, and now I have like 5 websites on Vercel so I just kept using it LOL. I'm sure a more tech-savvy person would know the difference - I think they have certain integrations with specific programs.

Creating a diary or journal with tags:

There's a couple of different ways you can do that, with different levels of work needed.

you got me yapping again:

This sadgrl tutorial might be outdated and may or may not work, but explains the process better than I can.

Easiest: make a journal on Dreamwidth, or another blogging site (wordpress??) that allows easy tags and RSS feed, and embed that RSS feed onto your site.

This requires almost no HTML set-up, and the easiest to organize tags, but you don't truly have the data on your own site since it's just embedded.

When I snuck into a web design class at college, this was one of the methods that the professor used for a blog within a portfolio site LOL.

Shit like wordpress is what a LOT of ~professional~ sites do for their blog section. They code it separately from the main site haha. It's the most popular thing, but not necessarily the best. And wait til you read on what the CEO of wordpress has been having meltdowns about... he owns tumblr too!

It's made with a tutorial for Neocities if that's what you use.

Medium: Set up zonelets.

It will require some HTML and JS editing, but will help automate making headers/footers for each page of a blog.

I've never used it myself, but I see other people speak highly of it.

HARD FOR ME CUZ I'M A GORILLA: I believe a lot of professional web devs will slap your face with their coding cock until you use a static site generator (SSG) to make your site.

You will need some coding knowledge to set up the tagging system since it doesn't come with it enabled by default. But it's made explicitly to be an alternative to big Static Site Generators which are...

It requires some more intimidating knowledge, because it's a lot of scripts that turn files that are not HTML/CSS/JS into plain HTML.

Also you have to use the command line, and that doesn't come with buttons that tell you what you can do. You have to copy/paste all that shit or memorize the code to 'dev build astro' and it all looks silly.

I've used Eleventy, and now am using Astro. Other people use Hugo or Jekyll or some other stuff with crazy names like Glup Shitto. I hate all these sites cuz none of the words mean anything to me. This is a common theme for me and tech. I don't know what NODES or CONTENT or ISLANDS are!!!

I had the most success attempting to learn how to use a SSG by downloading a template and altering it with github + VScodium. Here's the template page for Astro. You click on a theme you like, and it takes you to its github page. (If you don't want to use evil Microsoft stuff sorry. Skip this entire section.) Follow the instructions on the page for "forking" the glup shitto. When it tells you to run commands, I run those commands through the terminal window in VScodium. These tutorials never tell you what these commands do cuz they assume you already know. Usually those commands automatically install the files you need onto your computer, and create the final files.

You can see my wip here for a "tag system" that SHOULD show members of a web listing haha but I don't know what I'm doing and I have a reading disorder AND don't know cumputer good.

THEORETICALLY this will be the simplest and easiest way to maintain tags and files, because after you set it up you just have to write the "content" of the blog page. And you don't have to set up the header/footer ever again. I see the vision, and potential, but I am not there yet when it takes me 5 hours a day to figure out what any of the words in the documentation mean and I don't want to ask an actual tech person cuz they will be like 'obviously just press the Blip on the Repository and then Suck My Ass in the command line".

(side note I haven't updated fujofans in like a year cuz I'm struggling with this part to make updating easier).

Con: the final HTML/CSS code is really ugly if it's "minified", and a lot of themes use """"""professional"""""" CSS libraries like Bootstrap and Tailwind that I honestly think are ugly cuz that's what every fuckin' tech website uses to style their pages and make them look Professional and Minimalist with stupid code like style="500-w dark-gray-balls D-cup-bra" on every single element. Even Toyhouse uses Bootstrap. Eugh!

But maybe you're smarter than me and can wrangle these things better!

That was really long. Woops. I hope you can slug through this wall of text and find something helpful. Feel free to email me if you have any more specific questions. I may or may not be helpful.

If someone else sees this and has better suggestions for making BLOGS, please chime in. I'm begging you.

#asks #web dev #personal sites #small web #neocities

64 notes · View notes

divinector · 11 months ago

Text

CSS Responsive footer

#css responsive footer #css footer #footer html css #footer html #footer design #divinector #html css #frontenddevelopment #css #html #css3 #responsive web design #html5 css3 #responsive design

0 notes

codingflicks · 10 months ago

Text

CSS Footer Reveal Effect

#css footer reveal effect #css footer #footer #html css #css #html #frontend #frontenddevelopment #footer html css #webdesign

4 notes · View notes

staghunters · 1 year ago

Text

STAGHUNTERS NEOCITIES WEEE

Figured I should make a new post at this point because the other one is getting too long to keep reblogging. I've been tinkering away at the site and it is shaping up! Here's a lil page by page tour under the cut

you can view the site here!

Splash screen!

It's a little bumper so the css can load without it scrabling the home page. It looks alright, but to add some more text to the image, I have to make a new one in the death screen generator, which is not ideal.

The home page!

I've changed the middle window so it fits in better with the rest. Not very visually exciting there in terms of color, but it is for now the best look imo. Text there is aligned justified, I've condensed it a bit more and added the randomized quote section underneath it instead of it being a seperate window on the side.

To do list needs an update but is still accurate. The team is still there, but on the other side, I have set the blinkies to be a bit larger. The music player has been removed because I couldn't find a way to add songs to it that weren't included on the source site. Snufkin is here now. The webrings will need some more. Retronaut is there, but not functioning as it should. it just forwards you to random sites in the ring instead of where it should be, but I can't find what exactly I'm doing wrong with the code.

Another thing that is not working on neocities itself is the "last updated" part. For some reason it doesn't display there what it does display on my local html. Maybe a bug at neo.

And icons at the top on the nav par! Adds some more flair to the place. The footer has also received a minor update: it now has a sitemap link instead of another back-to-home url.

About!

I'm thinking of moving the small window with the short info to the right, but it is here for now. Links that are web-building related are on the right, also for my own referencing. The essentials lists on the left are hidden on load, but can be revealed by tapping the puttons. The lists are in tree-view and the window shouldn't expand over the cassette image once the construction sign is removed. Speaking of, the cassette has a lil playlist.

I might expand on the info a bit more, but that is for me to ponder. I liked including links to tumblr, the guestbook, and a button in case anyone wants to link my site on theirs.

Writing!

Hasn't really changed much. I've been looking at moving the sidebar info to be in the main section upon load, but idk if that would just make things more complicated. Right now it loads to an empty section there, stuff appears once you click a button. PDF support is only available once I'm a supporter of neocities, which i do wanna do but isn't a priority atm just for getting this part running. The links to ao3 will do just fine for now.

Journal!

The space for my rambling. It can be browsed by entry through the post-it, and all that seems to be functioning alright. Added a kitty and a sticker for decoration. The Stop Making Sense bumper sticker will now load a local video of the performance, but once again I won't be able to add this to the site until I get a supporter thing going. It plays/pauses on click, hehe.

Basement!

Decided to add a page for it. Basic info, schedule, link to the room, my letterboxd, and an overview of past movies. It's a nice spot on the site that is also the most cramped, but I like how it turned out.

BLUE SCREEN OF DEATH

In case any page/url error happens, you can send a movie recommendation to B (their askbox is linked when you open on desktop)

UNDER HEAVY CONSTRUCTION

The art and other pages are very much works in progress. Art can be up and running once I upload art to the site, but I'm not sure if I want to post full pieces here. Maybe I'll make it a space for sketch stuff that I'd otherwise discard.

As for the other page: I might be filing it under the writing page as a section, since the only thing here is WvW atm. It's cool that it has it's own thing, but I'm not sure if something that is basically a fanfic warrants such a space. That, or I keep it and drop all my other-media stuff in here so there's more to look at.

That's it for now! I got some ideas on how to continue, but they're not super-duper set in stone.

#stagcities #it's so much fun ough #takes time out of my other activities but certainly isn't a bore #neocities #web development

9 notes · View notes

orcelito · 2 months ago

Text

So i did finish the lab. Pretty damn late, but I finished it.

This should be testament enough to my general state of mind by this point. Yes, I did turn it in like this.

#speculation nation #there was 0 styles required for this lab bc it was all just building functions in javascript and connecting it to html input/output #so the left column are the buttons & One input field for the five functions i wrote #and the stuff on the right is what it spit out with various clicking and paaaaaaauline #the footer was just me adding shit onto here. as is the header. idk i doubt theyd actually count points off for it #bc the thing clearly still works with the input/output that was required.#this is essentially equivalent to me drawing on my homework. html and css style lol #i also have some rapport with the TA for this class bc he is my TA in my C programming class too.#and i was literally the only person who showed up to lab earlier this week for web coding class #and we laughed together a bit about how 6 people signed into the iclicker attendance thing. despite there only being me and One person #who walked in briefly to ask him about something.#so i hope he finds some amusement in me fucking around like this. 🫡 we are all at the ends of our ropes here.#(i also know from my other class that he's pretty chill about shit like this so long as the program works. very much not the stuck up type)#anyways yeah. i really should be getting to bed already lmfao

0 notes

donnyclaws · 2 years ago

Note

Ur website so cool!! ❤️❤️ Do you have by any chances coding tips? Been trying to make my own website for a while but adhd won't let me concentrate a second when it comes to learning coding

Thank you! And 100% It is deceptively approachable but also time consuming, I'm familiar enough with html from a highschool class where we did need to write code out by hand, and then soft practice with coding toyhou.se profiles and futzing around with free code snippets. Largely though I don't think you need to know everything or to write everything by hand, you just need to frankenstein code pieces together (As long as they're free ofc).

I used this first, it's fucking insanely handy and lets you make a simple layout with sidebars, navigation, header, footer and a body base ect, and then just generate and copy the code. The html itself also has greyed out little notes about what parts do what!

I'll be real the rest of it after that is just me googling what I want to do or googling html snippets bc I forgot them. So like html image link with size attributes ect ect, how to make a html image gallery. I don't use one site exclusively but w3schools.com has a bunch of common ones and also has a little live code editor in its tutorials.

Like I still get greatly stumped for hours bc code's kinda sensitive and one or two characters out of place will break sections of it especially when ur just frankensteining. Trying out little segments in live code editors is really helpful because you can kinda break it apart and diagnose the issue before putting it into your site html.

Also if it helps this is kind of how I break it down in my brain as another ADHD-er. so fuckign sorry for how this looks im doing it in snipping tool. But code bits love to live in cages even if it all looks the same, iit would also help if you clean your code up mine is pretty horrid but you just want to familiarize yourself with the little "Sections" ig that's where doing things by hand would help because you would 100% know what each chunk is for but yk yk.

CSS is a different beast I barely understand. The parts of code where it starts stacking on top instead of being horizontal is css and it's basically how you do fancier things to your code, it's linked to stuff you already have down. So like changing the background in the body text box or something, you can only do so much in there. Css targetting the body text box is where you can level it up. Again the sadgrl layout builder has notes so you're not completely blind in there. There's also 100% so many resources to explain what all these words mean, my mmethod is incredibly avoidant I don't know what flex is I haven't needed to fight her yet ect ect.

Sorry if this is confusing this is just my hack and slash understanding atm. Be humbled by code I've spent too long trying to fix up hysterical margin issues just because I had a random apostrophe somewhere or because I tried to spell it colour and not color ect.

33 notes · View notes

corvuscorona · 7 months ago

Text

computer languages I have used tierlist:

S bash. this one makes sense.

A html (reminds me of the rly Nice wooden building blocks)

B python; it's fun to negotiate with like a creature & its syntax pleases me, but it's also where you start having to spray people with the "shut up about objects" spraybottle. for some fucking reason

C css because in theory I like it but everyone in the whole world is already on some wizard bullshit with it & has been for forever, & that makes it impossible for me to learn or use, basically

D javascript I used it to put a persistent footer on my website once and that was nice but it's also the driving force behind everything that sucks about websites now so I have to punish it

.

Hell Tier java, which is more like "a teetering pile of burlap sacks full of god knows what" than any other thing on planet earth

#including a literal pile of burlap sacks. thank you.

5 notes · View notes