#template css

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

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

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

[numbpilled-themes]

TERMINUS OS- DEEP WEB HIDDEN SERVICE THEMED NEOCITIES TEMPLATE

FEATURES: -LOADING SCREEN -GLITCHING TEXT -SUBTLE ANIMATIONS -SMOOTH TRANSITIONS

MADE BY NUMBPILLED ON KO-FI

LIVE PREVIEW

DOWNLOAD HERE

[rossresources]

why would you be loved. html/css

posts - thread - post de rol

[PT] Não tire os créditos. Dê like ou reblog se usar ♥

[EN] Don’t remove the credits. Like or reblog if using ♥

[ES] No elimine los créditos. Like o reblog si usa ♥

[ CODE EDITOR | EDITOR DE CODES ]

[ CODE ]

[trexv]

Matcha | Profile Text

Finally a new code from me!!

Profile Text

4 Pages (About, Looks, Aesthetics, Relationships)

Basic Info Column

Playable Spotify Music Embed

Price: $4

Link: Kofi Shop

Please lmk if you have any questions at all !!

[numbpill]

NEW THEME/FREE PAGE CODE FOR NEOCITIES:

BY NUMBPILLED ON KO-FI

a cybercarnivalesque theme for a single page or to be used as a standalone site, lots of moving elements, dynamic blinking and other fun stuff... go crazy?

GET IT FOR FREE HERE

[beelzeebabe]

WEBSITE LAYOUT for NEOCITIES

DRAGGABLE 'windows' that MAXIMIZE and MINIMIZE

Maximize enlarges windows to fit the page, and minimizing makes the window reduce down to the 'taskbar' as a button that can be reopened. Start button currently is holding links, but adding more window buttons there is possible.

This layout code is VERY simple and customization is very encouraged.

MOBILE FRIENDLY!

[polypinks]

akiyama mizuki bundlrs inspo!

page at .cc/amia

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

reblogs appreciated ♡

[ciaransoul]

48 — ICARUS

Preview & Download

~~~ 

ES:

NO quitar los créditos.

Color al inicio de la tablilla (Gold). Deben cambiar el nombre de la variable (--Icarus-cl1) para agregar más tablillas con diferentes colores.

El ancho de la tablilla es editable, también el tamaño de la fuente.

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

Like y reblog si llegan a usarlo  ♥  

EN:  

DON´T remove the credits.

Color at the beginning of the template (Gold). You must change the variable name (--Icarus-cl1) to add more templates with diferent colors.

The width of the code is editable, the font size too.

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

Like or reblog if using ♥   

A soul for this hollow?

[maggyoutthere]

Wanna make neat little character bios for your deltarune ocs on toyhouse? I just made my templates into free to use ones!! Just go to the "CODE" tab, copy all of that and paste it into your own character! Then just need to fill in the blanks!

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

[pixinerae]

New website template.

[durancodes]

Codember2023 — Constelación/Constellation

Pastebin — Livepreview — Misceláneo

Esta semana tuve examen de cinco horas y lo admito, quedé reventadísima, muerta, pero muerta de ganas por terminar este código hehe. La verdad, quería hacer algo con Star Walking, la canción de Lil Nax X, porque me acompañó en estas duras semanas de preparar mi examen hehe. Es un código que no sabía para qué se podía usar (?) pero salió esto.

Bueno, ahora los detalles e instrucciones bajo el cut.

Cualquier consulta o pregunta sobre el code no duden en decirme!

—El code es de 450x450.

—Sólo el render es modificable, pero las imágenes se adaptan una vez se cambien los colores de las variables. Sugiero usar un render para cambiar el que está puesto. Probablemente, si cambian de render, tendrán que acomodarlo y para ello están las variables --renderleft y --rendertop.

—Las fonts usadas son Standing Display y Calibri. Pueden modificarlas y cambiarlas en sus respectivas variables.

—Si hay algo que se me haya pasado, no duden en decirme. Hice esta code de a poco así que puede que tenga uno que otro error que no haya visto cuando lo revisé.

—Los íconos son de Cappucicons. Pueden cambiarlos si gustan.

—El código es de uso libre. Sólo te pido que no quites los créditos ni uses la tabla como base.

—Un reblog siempre se agradece

_______________________________________

US

This week I had a five hour exam and I admit it, I was really exhausted, dead, but dead eager to finish this code hehe. Actually, I wanted to do something with Star Walking, Lil Nax X's song, because it accompanied me in these hard weeks of preparing for my exam hehe. It's a code that I didn't know what it could be used for (?) but this came out.

-The code is 450x450.

-Only the render is modifiable, but the images adapt once the colors of the variables are changed. I suggest to use a render to change the one that is set. Probably, if you change the render, you will have to adjust it and for it there are the variables --renderleft and --rendertop.

-The fonts used are Standing Display and Calibri. You can modify and change them in their respective variables.

-If there is something that I have missed, don't hesitate to tell me. I made this code a little bit at a time so I may have a mistake or two that I didn't see when I checked it.

-The icons are from Cappucicons. You can change them if you like.

-The code is free to use. I only ask that you do not remove the credits or use the table as a base.

-A reblog is always appreciated

@elalmacen-rp

[numbpilled-themes]

VOID ECHOES- NEOCITIES TEMPLATE - DRAGGABLE WINDOWS

CREATED BY NUMBPILLED ON KO-FI

FEATURES: - DRAGGABLE WINDOWS - SCROLLING MARQUEE TOP + BOTTOM - MODULAR - CUSTOMIZABLE - TABBED CONTENT

LIVE PREVIEW HERE

DOWNLOAD HERE

[rossresources]

goosebumps. html/css

posts - thread - post de rol

[PT] Não tire os créditos. Dê like ou reblog se usar ♥ [EN] Don’t remove the credits. Like or reblog if using ♥ [ES] No elimine los créditos. Like o reblog si usa ♥

[ CODE EDITOR | EDITOR DE CODES ]

[ CODE ]

[nirvanadearum]

[Firma] Hearbeat

Creatated by: Hela.

Link Pastebin: Zelda.

Prohibido retirar los créditos, no estorban y ni se notan (?).

Un favorito y/o un retweet nos ayuda.

Los colores son modificables al gusto (explicados más abajo a detalle).

Iconos de Fontawesome.

La firma es muy cortita y se espera sea simple de usar.

Es solo una imagen que debe ponerse las 2 veces, pero puedes poner 2 sin problema.

Fuentes: Lala & Pixel.

Nombre principal y un pequeño espacio para una frase, además de una parte solo para links.

Los links (máximo 6) tienen un icono de corazón a un costado, si usan links de dentro del foro sugiero que coloquen a partir del "/".

Cualquier duda no tengan miedo de mandar un ask con Hermes que ya no está de vacaciones, juramos encerrar a Cerberus en su respectiva casita para que no les muerda.

--hrbtx: color general de las letras principales y de los links (aunque los links tienen un poco de brillo). --hrbsh: color del borde de las letras principales y del pequeño texto que puede llevar la firma.

Los colores se pueden usar en forma hexadecimal o rgba sin problema.

Cuarto prompt del CODEMBER 2024. Recientemente he vuelto a Disney en todo su esplendor culpo a uno de mis personajes y uno de los ganadores fue Twisted y con el "Pulso" me acordé de un corazón y ¿Qué mejor que el pequeño del reino de corazones? Pues con un poco de beat yo hice esta firmita.

¡Nos vemos para el siguiente código!

.

@elalmacen-rp