#HTML stuff | Explore Tumblr posts and blogs

venomous-qwille · 1 year ago

Note

Hello hello!

So sorry if you've been asked this before but I'm curious-

how do you hide or spoiler the content warnings when you post chapters in AO3? I've been trying to figure that out QwQ

Hiya! I create a hideable list by using the <details> html element! The html looks like this: <details><summary> content warning </summary> content warning 1 content warning 2 content warning 3 </details> you can read more about the detail html element here:

hope that helps!!

#asks answered #gitm au #qwillewrites #html stuff

120 notes · View notes

ive-been-mistreated · 6 months ago

Text

i'm ridiculously proud of this neopet :P

#neopets #my edits #personal #i made a new neopet so it would have a name that fits #html stuff

31 notes · View notes

magelinlin · 24 days ago

Text

been up to something..

lil sneak peek at my neww website! pretty simple lookin but im liking it. really love websites where you could click on a button and a webpage shows up in another window kind of,, so i integrated that here too! its also somewhat mobile responsible (i think) so thats good too! also a lot of stuff shown are just placeholders obvi. anyways a bit more rambles below

so what im gonna try to do w/ this website.. im gonna put a music player in the sidebar! which requires js and im really not very well versed in it but still. gotta try. obviously gotta make webpages as well. journal + gallery are going to have their own layout also. uhh dunno what to say more

a bit more recent ver,, as you can see, i have fiddled with some fonts, the header uses this font.. also tried to put something on the right.. i havent thought up what to put here so yeah

thats all i wanted to say. whoo boy i really need to flesh this out completely or else

#mage talks #html stuff #p

3 notes · View notes

theplayer-io · 2 months ago

Text

So I know how to code websites now, but idk how to upload it to the internet. My plan is to give you all a post that will update with a string of code to sort of visit the website(s?) that I am curating. I will reblog a post that had the original, and include a more patched version as time goes on. I am so sorry in advance.

Because of this.... Lemme show you how html and css works!!

For Project Our Realities, it will all be in html and css since that's what I'm learning so far. JavaScript will be included later.

HTML and CSS basics below!!

HTML, or Hyper-Text Markup Language is the basics of coding a website. It describes how a website will look. It unfortunately doesn't get you too far in terms of digital design, which is why we have languages like Css and javascript.

All HTML files start with <!DOCTYPE html>. This declares to the file that you will be coding in html rather than something like lua.

Each HTML file, after declaring it as an html file, starts with <HTML> and </HTML>. To end a tag, you must close it by adding a forward slash before writing its name (unless it is <br> or <hr>, or similar).

The <head> tag lets you add a title (silly little tab name), a favicon (silly little icon next to the name of the tab) and ways to link your CSS to the HTML.

An HTML file will look like this <!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

In the body, you can write the rest of your page, using headers (<h>/<h1-6>), paragraphs (<p>), and even forms (<form>).

--

CSS, also known as Cascading Style Sheets, is a type of coding language that is often used to create websites. No, it is not C++.

Rather than <>, CSS uses brackets {} to code.

CSS is used to style html websites, so it addresses html tags and lets you style their appearance. There is something known as inline CSS, where you can use the <style> tag to style something in your HTML file. HTML was never meant to have colors in its code, but you can change the color of text with inline css. Let's say you would like to style a header.

In your HTML file, it would say:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1> My first header!!! :> </h1>

</body>

</html>

Now that we have our header, let's turn it red.

In your CSS file, it should say...

h1 {

color: red;

}

The H1 addresses that it will select all h1 elements. The code in the brackets shows that all those addressed will be the color red.

CSS has no starting or finishing lines, all elements will by stylized with {}.

--

To create an HTML file, you must end it with .HTML

To create a CSS file, you must end it with .css

Sometimes, when I create a link for the Css, the required name for the file will be in the HTML code already. Make sure that both files are in the same folder, and not one in a different folder within the same parent folder. This will not work.

--

Wanna test this out? Make a new notepad file on Windows, title it as "firsthtml.html", and create another file called "firstcss.css".

Place this in the .HTML file: <!DOCTYPE html>

<html>

<head>

<title> First HTML </title> <link rel="icon" type="image/x-icon" href="https://i.pinimg.com/736x/1a/8d/9d/1a8d9d26cdca15285d217c817f6953ec.jpg">

</head>

<body> <h1>Welcome, traveler!!</h1>

<h3><I>Thank you for reading the tutorial!! Follow the blog to keep up with our news.</I><h3>

</body>

</html>

Now, for your .css file, write this down:

h1 {

color: dark blue;

}

h3 {

color: orange;

}

--

Thank you so much for following this tutorial. I mainly learned about this from w3schools and in my school course. Happy coding!!! :>

-ava

#.io #ava #ava our realities #io our realities #eps foundation #entertainment productions studio #project our realities #our realities #coding #html #HTML stuff #css #Css stuff #hyper text markup language #cascading style sheets #there will be more coding to come #I hope this helps you guys get into coding

2 notes · View notes

glazeliights · 2 years ago

Text

a little css positivity after my previous posts: I found out how to make custom scrollbars and it fucks hard

#html stuff

13 notes · View notes

engravedlives · 1 year ago

Text

misc coding stamps graphics

4K notes · View notes

lavendergalactic · 5 months ago

Text

☆ 　resources to make your own rentry/bundlrs border!

sources from da-lace.com f2u, like + reblog appreciated!

i forgot da-lace existed and then i remembered.. anyway have fun with these! no need to credit since i didn't make them

#☆ ◟ my resources !#rentry #rentry resources #rentry inspo #rentry metadata #rentry border #bundlrs border #bundlrs #rentry decor #bundlrs resources #html css #rentry stuff #editblr

2K notes · View notes

teaboot · 6 months ago

Text

Social anxiety level: Chatting with someone experiencing a schizophrenic episode and becoming increasingly self-concious of how I'm just saying "That sounds really stressful", "I've never heard of that but it sounds scary", and "You must be pretty worried about that" over and over again

#They needed someone to wait with them while their friend came to pick them up #And the whole time I was waiting for them to call bullshit #Like YOU HAVENT SAID ANYTHING MEANINGFUL YOURE SO BAD AT THIS #I'm sorry I'm making this one about me ma'am I'm just terrified that everyone I talk to is gonna give be a bad grade #I don't understand or beleive most of what you're saying but from the legit science you're quoting I can tell you've done some research #The research stuff I appreciate we can totally talk about that #Please God let me talk about Chordata or HTML instead of the thing I can't see or hear wouthout encouraging your delusion #I'd get SUCH a good grade at discussing invertebrates with you

1K notes · View notes

selysie · 4 months ago

Text

　 ˖꣖　　₊⠀⠀⠀⠀set of borders for metadata

⠀⠀˙⠀⠀𓈒　⠀ credit to use unl moots, ask to repost.

#𓈒𓊆ྀ۪۪𓈒　𓈒 ۪ ݁ ིུ🫐 ۪ ۪ ۪　SELYSiE　ུཾ ۪ ׂ. ̼͜ ͝͏ ྀི͜ #𓏸𓈒ྀེ ✙ ֺ ۪ 𓂋　Goddess'　Forge　‿̩͙♡݂྇༄݂#rentry resources #editblr #rentry #rentry inspo #rentry frames #rentry decor #rentry graphics #rentry stuff #edits #editing resources #rentryblr #metadata #metadata borders #borders #rentry borders #rentry metadata #html borders

913 notes · View notes

arolesbianism · 1 month ago

Text

Oh god is that a comicfrin drawing where they have whimsy quick someone throw that guy into a decades long timeloop

#keese draws #new game+#grips sink and tries not to cry #isat #ok anyways I just drew this because I wanted to try out an isat profile html someone on toyhouse made #plus I’ve been rotating early on less completely fucked up chou in my mind recently #anyways did you know that comicfrin (at least in one panel) doesn’t wear gloves? fun stuff #oh wait speaking of forgot to tag them #comic siffrin #anyways important note! them looking less disheveled than siffrin is on purpose #chou started off their loops Far more mentally stable than siffrin and actually managed pretty well their first run through #it still was rough and they still were a bit of a sad wet trembling puppy abt it but they were generally doing just fine #they didn’t even go on a self loathing monologue after their first death! who is this guy!#dw the self loathing is still there it just takes a bit longer to hit in full force since again they started off more stable #anyways I probably should have cross referenced some move animations for this but I think I got the point across that they’re a support #unit even if the turn passing gimmic is not rly evident (idk if I could make it evident tbf)#shout out to how in their default kit they have 6 turn passing skills and only one attacking skill #also said attack as a cooldown of. five turns. tbf that’s because it has a pretty strong secondary effect #they also have three other support moves where they boost different damage types for a round #so yeah they’re basically pure support which they sorta had to be at first because bestie started off at level like. 5.#they ofc switch up their kit pretty damn fast after the first run #but first time around when they were leveling at abt the same rate as everyone else they were content to play support

233 notes · View notes

ive-been-mistreated · 3 months ago

Text

made some changes to the html for my art blog ✌️

#looks very cool #very polished & nice #personal #html stuff #my edits #i updated the tags page and got rid of the header image #also added a cool grid pattern to the header/post background #oh hey the search bar actually works :D #it didn't before and i couldn't figure out why

0 notes

starlightshore · 5 months ago

Text

I can't do this joke because AO3 (rightfully) doesn't let you attach links to images in your fics

BUT I wanted Odile in this drawing

to link to something and i'm sure 0% of my audience would have noticed and if they did it would have killed the tension but. I'm still laughing

#personal stuff #actually i probably could with my html skillz but for the mentioned reason i'm not going to

89 notes · View notes

pigeonstab · 5 months ago

Text

Absence

#I colored the text in HTML stuff #proud of myself #my art #pigeon's art stuff #utmv oc #Enoch!Sans #utmv #undertale au #sans au #pigeon's utmv art

99 notes · View notes

glazeliights · 2 years ago

Text

hate how difficult it is to right align anything that isnt text

#I can use float on things inside a div sure but if I use it on a div directly it messes up the whole layout #html stuff

3 notes · View notes

midwinterhunt · 9 months ago

Text

okay here's to saving the copy-pasta i need

THE FIDDLED WITH SKIN I PUT TOGETHER #workskin .show { border-bottom: 1px solid #06b; cursor: pointer; font-size: 1em; }

#workskin .hide { display: none; }

#workskin .show:hover+.hide, #workskin .hide:hover, #workskin .show:focus + .hide { display: block; background-color: #06b; color: #fff; padding: 15px; border-radius: 8px; font-size: 1em; }

#workskin .box { border: 1px solid red; padding: 5px; }

#workskin .CourierNew { font-family: 'Courier New', monospace; }

ALERT BOX <p class="box"><code>text</code></p>

DROPDOWN <details> <summary>Visible text</summary> hidden text </details>

POPUP <span class="show">visible text</span> <span class="hide">hidden text</span>

ASCII FONT <div class="CourierNew"> multiple paragraphs of text </div>

<p class="CourierNew">paragraph</p>

<span class="CourierNew">specific words</span>

just gonna yoink some code imma need for my WIPs

Text message emulator

DROP DOWN TEXT <details>

<summary>Visible text</summary>

hidden text

</details>

Pop up text

Putting a whole ass website into your fic body

#html stuff #ao3 tutorial #copypasta #for my murderbot fic #shoutout to the mbd discord server for being awesome and helping out

14 notes · View notes

polypinks · 7 months ago

Text

akiyama mizuki bundlrs inspo!

page at .cc/amia

features: scrollbox, rotating lace, floating mizuki, (hopefully working) custom cursor, and buttons!

reblogs appreciated ♡

73 notes · View notes