« Back to the tamanotchi owners Forum

Add Custom CSS to your Tama!

Posted by Daniel aka MELONKING

posted
updated

Forum: tamanotchi owners Group

If you didn't know; you can add custom css to your TamaNOTchi pages - just go to your settings and pick the Custom CSS tab!

Here is an example: https://tamanotchi.world/4248c

Maybe share some of your CSS snippets below! Here is one to get you started!

#main {

font-family: fantasy;

}

^^ This chnages the font of your pet page!


Report Topic

7 Replies

Sort Replies:

Reply by crimson

posted

how did you stop the tamanotchi's animation?


Permalink Report Reply

Reply by Utopineva

posted

#main {


font-family: cursive;


}


body {

 background-image: url("https://64.media.tumblr.com/8f84f7de560cd5ecff62ef41bf043e40/c9f8b6457f56ea92-0d/s640x960/e55e6293dc79c49355369b3375815ce1a98fa981.gifv");

 background-color: #FFC0CB;

}



Idk how to change the text color


Permalink Report Reply

Reply by kat

posted

That CSS is super cute!!! Thanks!


Permalink Report Reply

Reply by kat

posted

#main {


font-family: serif;


}


body {


 background-image: url("https://64.media.tumblr.com/8e202cd88d06aca9e693a8a75b84252f/47c645ee8156a33c-4f/s250x400/d1a333dc7cdcc9843096d633a46a5e73d8ff4e9c.pnj");


 background-color: #93207A;


}


Permalink Report Reply

Reply by Veronika_Vampire

posted

Does anyone know how to get rid of the white border between the title and content part of a pet's page? It seems like that part is separate from both elements.


Permalink Report Reply

Reply by Anthny (KaiserPug)

posted

question:


how do u change the foreground colour? ik how to change the background, but what about the foreground?


Permalink Report Reply

Reply by 𝕳𝖔𝖙𝖙𝖔𝖕𝖎𝖈 𝖂𝖆𝖓𝖓𝖆𝖇𝖊

posted
updated

here's my layout :D


<!-- Layout by hottopicwannabe (https://spacehey.com/tiger09te). Please keep this note when using this layout. Feel free to edit it as much as you want -->

/* this changes the font, the foreground color and the text's color, in that order */

#main {
 font-family: fantasy;
 background-color: #C3E7F165;
 color: #151950;
}

/* this changes the hyperlinks' color */

a:link,a:visited {
 color: #9D4AD8;
}

/* this changes the background */

body {
 background-image: url("https://f.feridinha.com/aVNNU.png");
 background-size: cover;
}

/* this changes the header's color. It also makes it translucent */

#header {
 background-color: #C3E7F199;
}

/* this changes the site's text logo*/

#logotext {
 content: url("https://f.feridinha.com/roaAp.png");
}

/* this changes the site's image logo*/

#logoimg {
 content: url("https://f.feridinha.com/f6i5U.png");
}

/* this changes the footer's text color (the original was too light so it wasn't very readable with the background I put on this layout */

#footer {
 color: #3A3B40;
}


Permalink Report Reply