#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

[engravedlives]

misc coding stamps graphics

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

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

[magnusthemes]

Theme -  Lunar; [preview] [code] [magnusthemes] [buy me a coffee?]

Fun and flexible full-height sidebar theme.

Features:

Full support for NPF posts

Theme is responsive!

Like/reblog buttons

Custom post size from 250px to 540px

Theme changes depending on your color scheme choices

Posts options: Infinite scroll, manual load or pagination

Sidebar options: Thin/full width, background repeat/stretch/hidden, image, border radius

Notes:

Built with JSON - thanks to @eggdesign's base code!

Theme appearance is controlled by changing the accent colors (Accent, Accent Alt, Accent Change)

To use the minimal mode, set the posts, borders and background all to be the same color.

To insert links into the menu, simply create a page and check “show a link to this page”.

Please turn off the default mobile theme in Advanced Options if you want to use the mobile version!

Icons cheatsheet: here

Full list of credits: here

Please like and/or reblog this post if you use or plan or using this theme, and consider buying a coffee to support me! Thank you c:

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

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

[bunnydevs]

[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!! ♡⸜(˶˃ ᵕ ˂˶)⸝♡

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

[omeletcat]

So i was talking to my friends about how sad it is that art and media is seen as content these days, and not as art. mostly just to consume adn then scroll past, and i was thinking hey wouldn't it be cool if people had their own little websites? people used to do this but now everything is done on big platforms. and i had this cool idea of a website that hosts little websites that you can customize and instead of having a feed, you'd share websites YOU like on your own website so people look around!!!!

and then my friend told me THIS ACTUALLY EXCISTS

ITS CALLED NEOCITIES

ITS A FREE WEBSITE, ITS OPEN SOURCE, NO ADS BECAUSE ITS 100% DONATION FUNDED AND ITS BEAUTIFULL

ITS ALL I EVER WANTED, its a perfect space to set up all you're creative endevours and art! to make galleries or to just have your own website!!!

but some people do INSANELY cool things on here!! like

They made a beautifull and unique website thats fun to explore! just messing around clicking on stuff brings you to unique and interesting places!!!!

it is perfection, look at how interesting it is!!!!! there is even more that i couldnt fit into 1 screenshot.

compare this to the boring websites you scroll on daily, wouldnt you much rather find and explore websites like these? i feel it would be much more rewarding to "explore" artists, then to scroll past them. you genuinely have to DO something to enjoy it and thats amazing.

the only thing that is holding Neocities back is the fact you have to know a bit of html and css to make a website BUT THATS SUPER EASY TO LEARN!!!!

SO GO NOW, MAKE YOUR OWN CUTE AND COOL AND INTERESTING WEBSITE PLEASE, LETS GO BACK TO A TIME WHERE WEBSITES LOOKED COOL AND INTERESTING

ALSO FOLLOW MY WEBSITE I ONLY JUST STARTED SO ITS SHIT BUT THATS THE BEAUTY OF IT

TO REPEAT ONE LAST TIME, A FREE, ADLESS, OPEN SOURCE, WEBSITE HOSTING PLATFORM, THAT LETS YOU MAKE AND HOST YOUR OWN WEBSITE FOR FREE, WITH A COOL AND UNIQUE COMMUNITY

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

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

[seosamhh]

Programming is like making a car, except when you break the cupholder. The wheels fall off.

[ciaransoul]

52 — HELVEGEN

Preview & Download

Preview & Download VR.Light

~~~

ES:

NO quitar los créditos.

Iconos aquí!

Colores al inicio de la tablilla: DARK: (Darkseagreen, #bbb, #151515). LIGHT: (Darkseagreen, #aaa, Mintcream).

El tamaño de la tablilla es editable.

Si necesitan soporte para cualquier cambio básico, contáctenme.

Like y reblog si llegan a usarlo  ♥  

EN:  

DON´T remove the credits.

Icons

Color at the beginning of the template.

The size of the code is editable.

If you need support for any basic changes, contact me.

Like or reblog if using ♥   

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