#css code

[hindbodes]

Reblog to save a laptop Tumblr user’s life.

I am going to release this custom stylesheet so you guys can use it now. It removes a whole bunch of annoying things from Tumblr that sensible laptop users such as myself absolutely despise. One of them is the stickiness of the navbar, but it deals with one or two other problems too, which currently I don’t know how to explain because so much time has passed by since I wrote this code. I made it myself. I know it’s not perfect, but this code has spent the last twelve months making Tumblr’s design extremely way more tolerable for me. Without it I’d be suffering hard on this website.

Please note that this stylesheet’s removal of the navbar assumes that you use next/previous button page by page basis. The way it gets rid of the sticky header is going to cause bad synergy with your way of browsing Tumblr if you use “infinite scrolling”.

But it is fairly easy to edit the stickiness of the navbar back into the code if you do want that, if you’re willing to do a bit of brisk trial and error.

The issue is that Tumblr obfuscated its variable names by making them absolute gibberish. So you won’t find descriptive values in code like “main-navbar” or “annoying-piece-of-shit-recommendation-bastard” these days. You find absolutely counter-productive shit that’s designed to make your coding task hard. That’s why it has to be trial and error. I can’t remember which class is which.

This also assumes (for the time being) that you know how to use Internet browser plugins that mod the stylesheets of websites, such as Stylus. Personally I believe I can recommend Stylus. It definitely works in Firefox.

Code is below the break.

/*

.l-header-container{     position: absolute !important;   } */ .hlDot{     position: relative !important;   } ._3kR_{     position: relative; } .rllUD{     position: relative; } .QOMh2{     position: relative; } .Mw2UR{     position: relative; } .uuWZ2{     position: relative; } ._3kR_{     position: relative; } ._3kR_{     position: relative; } .uuWZ2{     position: relative; } /* .p4DiZ FMB1x{     display: none; } */ /* .uM3pd{     display: none; } */ /* .p4DiZ{     display: none;      } */ /* THESE WERE THE STUPID THREE MAGGOTS IN THE FEED. THEIR WORKING POINTERS HERE GOT REMOVED!

^ This is called a “comment” in computer programming, and in markdown languages. You don’t need to put this in your code if you don’t want it in there.

.p4DiZ.FMB1x{     display: none;      } .p4DiZ.FMB1x.vsJc9{     display: none;      } */ .ZaYRY{     display: none;      } .p4DiZ.FMB1x.vsJc9{     display: none;      } .So6RQ{ /* THIS IS THE POSTS IN THE FEED */   /*  display: none; */      }

[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

[folklore-creations]

wilkommen, bienvenue, welcome

Welcome everyone,

My name's Marie. I've been apart of the roleplay community for over 15 years. I've started using graphic design software at the same I started writing, but I've taken a break for a few years - lack of time, life getting in the way, all that stuff - and I've only just recently gotten back into it.

Here, you will mostly find 400x640px avatars as well as coding templates. I usually work on what inspires me celebrity-wise, but I am definitely open to requests. Just note that it might take some time for me to fulfill them depending on how busy life gets.

You might also find a bunch of gif ressources that I will reblog, mostly for my personal use, but if you want me to help you find gifs and other resources, feel free to ask. As long as it says that requests are open, my inbox is too.

There are a few rules to follow (I promise, they're pretty simple) :

Credit is mandatory as it doesn't appear on my creations.

Don't claim as your own.

Please like/reblog whenever you use my ressources.

With that being said, hope you like what you see.

[engravedlives]

misc coding stamps graphics

[diywebsitespro]

How To Add Glowing Text In Elementor ( CSS tutorial )

[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.

[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.

[bunnydevs]

[wonhoutboy]

page_03: encounter by wonhoutboy

preview / code

• writing diary page: header, icon, bio, 3 links; • writing updates for each story; • progress bar; • cover space 170x250px; • tumblr controls by magnusthemes; • css icons by css.gg; • can be used as a base code as long as you credit me; • images used in the preview: x x x; • please consider buying me a coffee <3.

!! if you find any bugs/if anything doesn’t go well or if you just struggle with customizing it, please reach out to me via private message or ask and i’ll gladly help!

reading diary page coming next!

[kitkatcodes]

✧･ﾟ: Customize your highlight color! :･ﾟ✧

I recently came across a blog where when I went to highlight some text I noticed it was a unique color!!! (」°ロ°)」

AND IT'S SO SIMPLE TO DO

all you do is go to your css file and add this:

::selection { background: <hexcolor> }

Enjoy!! ♡⸜(˶˃ ᵕ ˂˶)⸝♡

[ourachoco]

🍀 Lucky ☆ Theme! 🌺

My first F2U Template that I have uploaded. I hope someone will find this useful!

Please keep in mind that even myself, is amateur at coding. So please, if you find any error, contact me via email ( purachoco@gmail.com ) I'll be happy to help.

Find the template's code here. It should be easy to understand. If you need any help installing the code, again, send me an email!

:*:･｡,☆ﾟ'･:*:･｡,ヽ(・∀・)人(・∀・)ﾉ ,｡･:*:･ﾟ'☆,｡･:*:

[code-es]

Coding resource!

exercism.org

A free website where you get specific problems to methodically learn small concepts of a programming language. Do 10 minutes to 1 hour every day, and then you will keep practicing every day, and you will be able to use the skills you learn in your real projects. They walk you through the problem all the way, and it's a super good way to learn!

[hayacode]

Day 25 - 33

I was able to complete another SheCodes workshop 🎉🥳

I am so happy and I can’t wait for the next workshop which about Al projects 👩🏻‍💻✨

This was my project (and yes there is a problem with the background but I still don’t know how to fix it 😭 I need to work on that)

JavaScript is getting easier and easier with time and that’s something I never thought i would say one day 🥹💖

[zerafinacss]

Replace the AO3 Icons

I made a site skin that replaces the AO3 icons with new ones in a higher resolution! I also gave them a flatter and cleaner look and made a few different color versions.

This is the old iconset:

And here are the new ones I made:

Instructions on how to add them to AO3 and the required CSS code can be found here.

Shoutout to the HD AO3 icon skin by ao3css which inspired me to make this!

[manonamora-if]

This is the updated version of this.

The 100% Good ChoiceScript to Sugarcube Guide!

The 100% Good ChoiceScript to Sugarcube Guide is a coding guide meant for ChoiceScript creators looking to use the SugarCube format of Twine. It is meant as a quick start-up and comparison of the different commands and structures between the two formats, including explanations with examples.

The Guide is based on the ChoiceScript Wiki and covers all the necessary commands and informations required to make a ChoiceScript game, and how it translated in SugarCube in terms of formatting, plain code, and macro equivalence. It also includes resources to go further into the formats.

READ & DOWNLOAD THE GUIDE!

The Guide is sectioned into multiple sections:

The Differences between Twine/SugarCube and ChoiceScript

The Command Equivalences (or close substitutes)

The Creation of a New Project, and QoL functionalities (Stats, Saves, Achievements, Settings)

For further details on how the macros/markups/APIs should be used, check out my SugarCube Guide (as it goes into a lot more details). If you are looking for the Tweego Compiler Folder, see this post.

GITHUB REPO | RAISE AN ISSUE | TWINE RESOURCES TWEEGO | TEMPLATES | SUGARCUBE GUIDE

Twine® is an “an open-source tool for telling interactive, non-linear stories” originally created by Chris Klimas maintained in severaldifferentrepositories (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.

READ & DOWNLOAD THE GUIDE!

[codingquill]

I'm currently learning React and I'm taking a 13-hour course. I can't keep this website to myself because it's truly amazing. It's perfect, it's free, and there are other courses out there with much less interaction and smoothness that make you pay a lot.

The website I'm talking about is Scrimba. I highly recommend it for anyone starting their front-end journey. I'm confident that no one will disagree with me on this.

Have a great day! <3