#CSS coding

[lavendergalactic]

hi sorry if u answered this already but, how do you make a custom cursor on a bundlr?? im sorry im kinda slow lol

yeah sure!

what you really need is:

body {cursor: url(yourcursor.png), auto;}

"yourcursor.png" is your image link

and if you want it to change when you hover over a link you do:

a {cursor: url(yourcursor.png), auto;}

make sure it's surrounded by <style> </style> like

<style> body {cursor: url(yourcursor.png), auto;} a {cursor: url(yourcursor.png), auto;} </style>

also make sure you're on bundlrs, this will not work on rentry really hope this helps!

[bellphegorya]

Coming soon if I don't shoot myself before understanding HTML n CSS 💀.

[alexiostheweirdovampire]

Customizing your blog tumblr can you help me?

When I try to put in an image for my background the preview looks fine,

The editor here looks fine,

But when I exit it doesn’t work.

I don’t know what im doing wrong or why this is happening but I need some help please. I’m fairly new to coding and website-making so a little insight would be wonderful. <:]

[paramourofhell]

I’m currently playing around with coding, and I’m very much loving it (The things you can make, which is pretty f-ing cool!)

These are the result of me attempting to make instagram things, for a original character (It’s still very primitive).

[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

[haiven-astigonia]

I’m gonna be trying out taking commissions, questions, and such on here! I’ve been working towards doing more digital art, but my motivation has been lacking, and I’d like to see if paid commissions could work for me in the future. Therefore, if you’d like to support me and help me find out what I can provide, please make a request or message me!💕✨

Two of the above are some characters from the novel I am currently writing, and the other was a commission I made as a Christmas present for a family member.

[engravedlives]

misc coding stamps graphics

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

[fanfenomenon]

hyperfixated on this game so hard i tried to recreate ac syndicate's animus database using html css and js👍

i will make this responsive though, i've only started doing the frontend but i'll also start doing the backend as soon as i finish this

basically this is gonna be a website that will allow you to create a database of your assassin's creed OCs (btw this was inspired by @gwen-the-assassin's idea <33) and help you with worldbuilding and making AUs (i know the ac fanon wiki already exists for that but i wanted to make the experience of keeping a database more immersive u know....)

this might take a while to be completed, but I'll try to post updates on it as much as possible! if there are any programmers/web developers in the ac fandom that want to contribute to this project plsplspls DM me!!

actual pic of the database for comparison:

ik it's not entirely accurate but this is the simplest database in the game that i could recreate lmao

also code snippets just cuz (+ me crashing out)

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

[ao3commentoftheday]

I'm having fun again

(it's only half done, but I hope to finish in the next day or two)

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