#html template

[necromancercoding]

CÓDIGO #138 | Nothing is ever the same.

LIVE PREVIEW & DOWNLOAD.

♦ Primer prompt del Codember 2024 (Fragment) de @elalmacen-rp. Una firmita con inspiración en Mollymauk Tealeaf/Lucien Tavelle/Kingsley Tealeaf. ♦ No quites los créditos ni uses como base. ♦ Todos los colores y fuentes son modificables. Si no sabéis cambiar algo, preguntadme por ask y os echaré una mano. ♦ Las citas son de Fragments de Heraclitus. La primera imagen es de Kroovv y la segunda de Yarpell.

[finchscodes]

the devil | wallpost yeah i liked this series that i completely forgot to do so i'm restarting it with this devil of a fucking wallpost dear god based off the silly tweet place i no longer claim as usual it looks weird when editing but it looks normal when you post it i swear

pastebin

[zaycodes]

Wehoo | BS

I finally did a collaboration with @glossamerr , she charged me $20k for using her supreme skills for this. Big thank you to her for everything she did with this code, it was a big help and I think it looks excellent.

It's supposed to look like some sort of magician's desk (we may have lost the vibe a little bit, we got carried away), but also inspired by an old 2000's PC adventure game with the hidden items and such. This code includes:

4 pages

2 pop-up windows with secret messages

A hidden letter (you can customize it!)

Interactive items

Hover effect on (almost) all images

Of course, most text boxes are scrollable and there's no word limit. This code is a bit complicated (sort of) and involves a lot of absolute positioned elements. Gloss added comments where she saw fit, but if you need any help editing it, you can always reach out to either of us!

Make sure to keep credits, or I will be under your bed when you go to sleep tonight. Go look at @glossamerr 's page where you'll find the matching Profile Text. She only bites sometimes.

Codepen: https://codepen.io/thorshammer/pen/mdZBJVL

[doqmeats]

notebook template by doqmeat

live preview / download / github

made a template that mimics a notebook with tabs!

tabs are all in the same html page! no need to make separate pages for different tabs. use it for whatever you want!

theres comments and resources in the code to help out if needed :)

[lenacodes]

Baby Blue // Article

Another article, this has two boxes for sub-sections. The title is made using Fontmeme (The font in the image is “Meow Script”)

- please leave my credits. you are free to make any changes/edits, but if you use my code as your base code, you MUST still leave the credit.

- to make the boxes slightly transparent (like in the image), use: rgba(###,###,###,0.9) and change the decimal for varying degrees of transparency

pastebin

[hakrabi]

[Relaciones] Statosphere || [Rol de CB] Eternal Love

Stratosphere || Eternal Love

[riflesniper]

got another website template done :3 im very pleased with how lined up and clean this one came out. experimented with hacking together some JS for keyboard navigation too

LIVE DEMO LINK

BUY IT HERE

[viperflowerdesign]

VIPERFLOWER DESIGN PRESENTS: MASTER KINGDOM⸺FROM AUSTRIA-HUNGARY

(𝖊𝖓𝖌𝖑𝖎𝖘𝖍) Hey everyone! Check out this amazing design commission for the Empire of Austria-Hungary, an RPG for Yoble's Noble platform. My Master Kingdom package is perfect for a complete Noble RPG; it contains: Profile HTML, Turn HTML (post), Community HTML, Topic HTML, Covers, exclusive DOCS template and much more! Price list via DM.

(𝖕𝖔𝖗𝖙𝖚𝖌𝖚𝖊𝖘𝖊-𝖇𝖗) Ei, todo mundo! Confira essa encomenda incrível de design para o Império da Áustria-Hungria, RPG da plataforma Nobre do Yoble. Meu pacote Master Kingdom é perfeito para um RPG Nobre completo; ele contém: HTML para perfil, HTML para turno (postagem), HTML para comunidade, HTML para tópicos, capas, DOCS template exclusivo e muito mais! Tabela de preços via DM.

[divinector]

Portfolio Template

[beedesigns]

Commissions Open!

Hey folks! As some of you may know, my 10-year-old PC finally gave up the ghost at the start of October. I was not best pleased! I sincerely apologise to everyone who had to listen to me lament about it. I've been making do with my tiny chromebook and a mini tower that I built from donated salvaged parts. But it's not really a set-up I want to live with long-term. 

So! I am opening up commissions for post templates, dev templates or even custom JCINK HTML templates you can insert into the skin. Prices will range from £5 for a simple post template to around £25 for something more complex. I'm looking to mostly keep these quick and simple, but I'm happy to chat about anything you might have in mind.

All proceeds will be put exclusively towards a new PC, because computers in the UK are expensive. My current broke self cannot justify making the investment without at least some sort of fund for it. So, yeah, hit me up if you fancy something new. You can see some of previous work shared in my portfolio (shared with explicit permission).

[necromancercoding]

CÓDIGO #131 | Keeping tabs.

LIVE PREVIEW & DOWNLOAD.

♦ Sexto prompt del Codember 2023 (Database) de @elalmacen-rp. Traigo una tablilla 'base' (aka, el CSS es sólo de ejemplo, la idea es que lo modifiquéis para que se ajuste a vuestro diseño) para contener todos los registros en una sola tabla. Tiene 6 pestañas por defecto, pero se pueden añadir más (instrucciones bajo el cut). Puedes alfabetizar cada columna haciendo click en su nombre. ♦ Esta es una tablilla pensada para administradores, pues tiene JS. Las pestañas y la alfabetización no funcionarán si no tienes acceso al PA para poner el JS. ♦ Puedes usar esta tablilla como base, está pensada para que podáis modificarla a gusto. Eso sí, porfaplis, poned los créditos en vuestra caja habitual. ♦ Todos los colores y fuentes son modificables. Si no sabéis cambiar algo, preguntadme por ask y os echaré una mano.

El JS debe estar marcado para Todas las páginas. Puedes tener el CSS directamente en tu panel o de forma externa en tu overall_header, antes de </head>.

Debes agregar una caja de texto ([role="text"]) por cada columna; si una tab no tiene una caja de reglas, simplemente mostrará las normas generales (que siempre irán marcadas por [data-tab="general"]). Las data-tab deben de ser únicas para cada columna, como puedes ver en el ejemplo, y las comparten en las cajas de texto ([role="text"], en las tabs (<span> dentro de [role="tabs"]) y las diferentes columnas dentro de [role="table-head"] y [role="user"].

IMPORTANTE: Si un usuario no aplica para una columna (supongamos, siguiendo el ejemplo, que uno de ellos no tiene vivienda), incluye igualmente el <b> en su sitio correspondiente. Puedes poner - o N/A o algo similar, pero no borres el <b> o se te descuadrará toda la tabla. También recomiendo mantener cierta 'gramática' en las columnas del mismo tipo, para que la alfabetización sea más útil (por ejemplo, no pongas 6º curso y luego pongas en otro Sexto curso).

PARA AGREGAR NUEVAS PESTAÑAS: Como se explica en el primer punto, cada pestaña debe tener sus columnas, su botón y su caja de reglas. Por lo que tendrás que agregar una caja de texto:

<div role="text" data-tab="sangre">Normas de pureza de sangre.</div>

Una pestaña:

<span data-tab="sangre">Sangre</span>

Y columnas:

<div role="table-head"> <b data-tab="general">Usuario</span> [--resto de columnas--] <b data-tab="sangre">Sangre</b> </div> <div role="user"> <b data-tab="general"><a href="#" style="color:#8a4343;">Alexandre E. Baldi</a></span> [--resto de columnas--] <b data-tab="sangre">Mestizo</b> </div>

[numbpilled-themes]

digital time traveler's dream log- html website template code for neocities/nekoweb/etc

LIVE PREVIEW

DOWNLOAD: KO-FI // GUMROAD

[finchscodes]

no no ticket no i just have this finger i found | wallpost what upcoming school does to a guy color via rgba is super customizable, just search up 91,189,202, and replace it with your own pastebin

[roughly-3-14]

[HTML] Head Template 1.0

Feel free to message me if you want the code in text and do not have the patience to copy from this image.

If you are going to use this frequently, I recommend creating a separate file from which you copy this and keeping it in a template folder, as I have.

This is nothing special, it is just so I actually remember to use these things.

[doqmeats]

F2U JS walkman mp3 player by doqmeat

live preview / download / github repo

made a f2u music player for webpages that resembles a walkman mp3 player from around 2008. i had one of these when i was a kid and thought it would be fun to recreate it :p

it has playlist screen where you can select your song, a currently playing screen, and the upper arrow let's you search the currently playing song on youtube.

gif demo + credit of used resources below!

miku cursor not included!

credit: built using js-music-player, nerdfonts, and style-my-tooltips

[lenacodes]

Simplistic // Profile Text

Oooh another profile text, this time with a transparent background because I thought it looked cool :P Both columns scroll and there is a handy dandy navigation bar at the top in case you don’t wanna scroll through all the sections ;) 

- please leave my credits. you are free to make any changes/edits, but if you use my code as your base code, you MUST still leave the credit.

- to make the boxes slightly transparent (like in the image), use: rgba(###,###,###,0.9) and change the decimal for varying degrees of transparency

pastebin