#html codes

[eamour]

Hiii, im still fairly new to tumblr and I was wondering how do you get the pretty text colors in your blogs? Are they images or are you changing the color of your text?

Sorry if this is a weird question-..

Thank youuuu

hey ♡

no, it’s not a weird question at all! i‘ll give you a guide.

✿⠀all about coding

for the colour in my texts i use html coding and hex codes.

to simplify this, html is used to design or structure your texts (you know, the size, the colour, if it’s italic or bold,…) the hex code then determines the colour you choose for your text.

unfortunately, you cannot edit your texts' colours on your phone but make sure to do it on your laptop/computer.

✿⠀in steps

example · let’s say i want to edit my post and want the header to say "hello!" in a pinky shade (let’s use the hex code #c98ba3). this is what i would do ...

go on the tumblr website on my laptop

click create

choose text

click on the gear icon on the upper right corner

scroll to text editor and select HTML

click anywhere on the screen to make that page disappear and return to my post

switch from preview to HTML

type in the code <p><span style="color: #c98ba3">hello!</span></p> in the second row, not where it says "title"

switch back to preview and boom! now my text that says "hello!" is pink :)

✿⠀notes

if you are looking for colours to use and their associated hex code, just know that google's "colour picker" shows up once you look for a hex colour picker.

⠀⠀⠀i hope this could help you ♡

[cottoncandiescupcakes]

A cute free HTML tamagotchi you can put in your TUMBLR profile

Mine:

[sailorluxart]

Cute #sailormoon theme HTML code for my dear ASDFFDSA

[mxrtee]

FAMA

♡ Un código realizado para el codemember2023 del @elalmacen-rp ♡ Moodboard inspirado en el poster del The eras tour de Taylor Swift. ♡ Todos los colores e imágenes son intercambiables, la imagen del centro es un png de dimensiones 275px x 575px. ♡ Cualquier error se puede reportar en MP. ♡ Like o reblog si se usa y no quitar el crédito. ♡ Puede utilizarse como base siempre y cuando no retiren el crédito y se me notifique.

♡♡♡ Código ♡♡♡

[vespertineneon]

Guys how do I do italics on tumblr because *this* doesn’t work and **this** doesn’t work and ~this~ I don’t think works and MAYBE I just need to use html

<strong>This?</strong>

<em>This?</em>

[doccywhomst]

coding got me saying shit like “target the child” “assign its class” “override its inheritance” like the third wife of a dying oil baron discovering his of-age son born out of wedlock

[madlyfluffy]

Yearly reminder to everyone trying to find alternatives to tumblr/social media in general: go make a Neocities account and teach yourself basic HTML and post your art/writing/shitposts there.

It does take extra time to set up (but there are templates out there!) but it is so so worth it to have a site that is 100% YOURS!

You don’t even have to be that good at coding. I’m not. My site is not very accessible via mobile devices but that is fine with me (keeps me off my phone) but there are plenty of ways to make your site mobile friendly. There are plenty of bare bones/accessible sites I adore purely for the media on it.

Imagine having your site on your phone and showing someone- hey! I coded this from scratch. And I didn’t even have to pay a company like squarespace. All your images, links, writings, in one place. I have my fandom edits, memes, fanart, and custom graphics there.

Neocities has a very bare bones follower and comment system, but you can disable this if you want your site to truly abstain from any social media-isms. I use it because its a great way to meet other webmasters and get help with coding problems. Neocities isn't an exact replacement for Tumblr (no reblogging here) but html coding is an invaluable skill to know, as is keeping a personal website in this day in age.

The awesome thing about having your own website is if, god forbid, Neocities goes down, you can move your site to any other number of hosting platforms (like Teacake.org). Your site is truly YOURS, and no one else (shitty tech CEO cough cough) can take it away from you.

If you need help getting started, I recommend checking out sadgrl.online. (More links to resources in the comments section of this post).

I know neocities has been talked about before, especially within my follower circle, but I thought I'd bring it up again for anyone unaware of this awesome platform.

[rimon40]

Expert HTML/CSS Accessibility Fixes for Your code

Are you struggling with HTML/CSS accessibility issues on your website? Don't let usability barriers hinder your audience's experience! I'm here to help you create an inclusive and accessible digital space.**What I Offer:**✅ **HTML/CSS Accessibility Audit:** I will conduct a comprehensive audit of your website's HTML and CSS code to identify accessibility issues.✅ **Responsive Design:** Ensure your website is accessible across various devices and screen sizes, providing a seamless experience for all users.✅ **Semantic HTML Markup:** Optimize your HTML structure for better screen reader compatibility and overall code clarity.✅ **Color Contrast Enhancement:** Improve color contrast to meet accessibility standards, ensuring content is readable for users with visual impairments.✅ **Keyboard Navigation:** Enhance keyboard navigation to make your site more user-friendly for individuals who rely on keyboard input.✅ **ARIA Roles and Attributes:** Implement Accessible Rich Internet Applications (ARIA) attributes to enhance the accessibility of dynamic content.✅ **Testing and Validation:** Rigorous testing using industry-standard tools to validate the changes and ensure compliance with accessibility guidelines.**Why Choose Me** **Client Satisfaction:** My priority is your satisfaction. I'll work closely with you to understand your specific needs and deliver tailored solutions. **Timely Delivery:** Time is of the essence. Expect prompt and efficient delivery without compromising on quality. **Continuous Support:** Post-delivery, I'm available for any questions or further assistance you may need.Don't let accessibility challenges hinder your website's potential. Let's make your digital space welcoming for everyone. Order now and let's get started!Feel free to customize this description based on your specific skills, experience, and the unique value you bring to clients.

Click: www.fiverr.com/s/Lqv224

[engravedlives]

misc coding stamps graphics

[mobilereview369]

HTML TO XML PRASER

The HTML to XML Parser Code Converter is a free online HTML to XML Parser tool that helps programmers and developers convert their HTML code into XML. The HTML to XML Parser is free and easy to use, and HTML to XML Parser can be used to convert HTML code into XHTML and other formats.

If you want to use it click on me

[manonamora-if]

The 100% Good Twine SugarCube Guide!

The 100% Good Twine SugarCube Guide is a coding guide for the SugarCube format of Twine. It is meant as an alternative to the SugarCube documentation, with further explanations, interactive examples, and organised by difficulty. The goal of this guide is to make the learning curve for new SugarCube user less steep, and provide a comprehensive and wide look over the format.

VIEW / DOWNLOAD THE GUIDE!!!!

The Guide is compartmentalised in (currently) four categories:

THE BASICS or the absolute basics to start with SugarCube. No need for extra knowledge. Just the base needed to make something.

THE BASICS + adding interactivity, and creating a fully rounded IF game May require a bit of CSS knowledge (formatting rules)

INTERMEDIATE MODE adding more customisation and complex code Will probably require some CSS knowledge, and maybe some JavaScript

ADVANCE USE the most complex macros and APIs Will surely require some JavaScript/jQuery knowledge

Note: The Advanced Use includes all the APIs, macros, and methods not covered by the previous categories. This includes code requiring very advance knowledge of JavaScript/jQuery to be used properly.

Each category explains many aspects of the format, tailored to a specific level of the user. More simpler explanations and examples are available in earlier chapters, compared to the later ones.

If something is unclear, you found a mistake, you would like more examples in the guide, or would like a feature covered, let me know!

The Guide currently covers all macros (as of SugarCube v.2.37.3), all functions and methods, and APIs. It touches upon the use of HTML, CSS, JavaScript and jQuery, when relevant. It also discusses aspects of accessibility.

The Guides also provides a list of further resources, for the different coding languages.

The Guide is available in a downloadable form for offline view:

HTML file that can be opened in Twine

.tw file that can be opened in Twine

source code, separating the chapters, .js and .css files

GITHUB REPO | RAISE AN ISSUE | TWINE RESOURCES TWEEGO | TEMPLATES | CSCRIPT 2 SG GUIDE

Twine® is an “an open-source tool for telling interactive, non-linear stories” originally created by Chris Klimas maintained in several different repositories (Twinery.org). Twine is also a registered trademark of the Interactive Fiction Technology Foundation.

SugarCube is a free (gratis and libre) coding format for Twine/Twee created and maintained by TME.

VIEW / DOWNLOAD THE GUIDE!!!!

As of this release (v2.0.0), it is up to date with the version 2.37.3. If you are looking for the guide covering SugarCube 2.36.1, you can find it on my GitHub.

Note: the Guide is now complete. There won't be further substantial updates.

[cottoncandiescupcakes]

I need HTML help, I want to use these as a background imagine for some pixels, how can I do that? Like so it looks like

I lost the HTML to do it with :( Thank you

[sailorluxart]

So soft and cute ! Hope u love it MIA

[syensy-art]

General Project Moon & Distortion codes dropped! Link can be found in the replies here the same as the previous codes! F2U as well. Individual screenshots under the cut!

Light Version

Dark Version

Distortion Version

[robloxslayer1000]

[codingquill]

Essentials You Need to Become a Web Developer

HTML, CSS, and JavaScript Mastery

Text Editor/Integrated Development Environment (IDE): Popular choices include Visual Studio Code, Sublime Text.

Version Control/Git: Platforms like GitHub, GitLab, and Bitbucket allow you to track changes, collaborate with others, and contribute to open-source projects.

Responsive Web Design Skills: Learn CSS frameworks like Bootstrap or Flexbox and master media queries

Understanding of Web Browsers: Familiarize yourself with browser developer tools for debugging and testing your code.

Front-End Frameworks: for example : React, Angular, or Vue.js are powerful tools for building dynamic and interactive web applications.

Back-End Development Skills: Understanding server-side programming languages (e.g., Node.js, Python, Ruby , php) and databases (e.g., MySQL, MongoDB)

Web Hosting and Deployment Knowledge: Platforms like Heroku, Vercel , Netlify, or AWS can help simplify this process.

Basic DevOps and CI/CD Understanding

Soft Skills and Problem-Solving: Effective communication, teamwork, and problem-solving skills

Confidence in Yourself: Confidence is a powerful asset. Believe in your abilities, and don't be afraid to take on challenging projects. The more you trust yourself, the more you'll be able to tackle complex coding tasks and overcome obstacles with determination.