The colours are kindoff bad now and background is a bit low effort. I will change them probably by tommorow. I want to add some of my animations too, don't know if it is possible though.
>change font from bright red to something easier on the eyes
>reduce font size on various places
>serve different bg to mobile people
>change bg photo colour to less bright one and add more stuff
>some things are broken on mobile, fix them
>animation seem to be possible for some things
>a grey/black colour is applied on some buttons for some reason, change that
Duck
loc-IN
>to do
>change font from bright red to something easier on the eyes
>reduce font size on various places
>serve different bg to mobile people
>change bg photo colour to less bright one and add more stuff
>some things are broken on mobile, fix them
>animation seem to be possible for some things
>a grey/black colour is applied on some buttons for some reason, change that
*aruna theme in general - these are main variables containing most of the colors used throughout the css.
You update them you change most of the colors. I wanted to completely streamline it - but never got a chance so css piled upon each other.
I will share the same for rest of the themes - though others also follow same pattern mostly except hiranya.
Anonymous
loc-IN
>>769
*aruna theme in general - these are main variables containing most of the colors used throughout the css.
You update them you change most of the colors. I wanted to completely streamline it - but never got a chance so css piled upon each other.
I will share the same for rest of the themes - though others also follow same pattern mostly except hiranya.
>I want to add some of my animations too, don't know if it is possible though.
You can already look through the classnames, elements - you know how to override using '!important' or css selectors. There you go.
Anonymous
loc-IN
>>765
>I want to add some of my animations too, don't know if it is possible though.
You can already look through the classnames, elements - you know how to override using '!important' or css selectors. There you go.
Duck
Ogpwe+
24/04/25 (Thu) 15:26
No.772
Test
Duck
loc-IN
Test
Duck
j11EqR
25/04/25 (Fri) 00:26
No.773
FIxed some colour combination issues, reduced font size, better background. Hover is working again. Still a work in progress though.
Doing some experiments with animations where one of the girls shows her ass when you submit a post or a thread.
This is probably the final update to this theme unless I get a really good idea.
This gif hover state had to be implemented in a somewhat hacky way by uploading 2 images in the same background tag, (one is the image and other is the gif).
When you hover over the submit button the background state changes and the gif with the twerking is shows as a 2nd layer infront of the 1st one.
Duck
loc-IN
>>806
This is probably the final update to this theme unless I get a really good idea.
This gif hover state had to be implemented in a somewhat hacky way by uploading 2 images in the same background tag, (one is the image and other is the gif).
When you hover over the submit button the background state changes and the gif with the twerking is shows as a 2nd layer infront of the 1st one.
Overwrite this part, so whenever you post instead of anime girl in the corner you can have it over your submit button if you want to.
Anonymous
loc-IN
tip
[code]
#form-submit-button.loading {
color: transparent;
border-color: #4CAF50;
background-color: #d4edda;
}
#form-submit-button.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 25px;
height: 25px;
border-radius: 50%;
border: 3px solid white;
border-top: 3px solid #4CAF50;
animation: spin 1s linear infinite;
}
[/code]
Overwrite this part, so whenever you post instead of anime girl in the corner you can have it over your submit button if you want to.
lazy lain theme
step 1 -> set theme to krsna
step 2 -> set custom css to below
body {
background: url('https://bharatchan.com/images/uploads/meta/1743626816029_9719.gif') no-repeat center center fixed;
background-size: cover !important;
}
use namecheap shared hosting - you can have node js etc.
if you want a vps there are vps providers which can go as low as 5$ usd but for monthly charge it will go around 8 to 10 usd.
Anonymous
loc-IN
>>858
use namecheap shared hosting - you can have node js etc.
if you want a vps there are vps providers which can go as low as 5$ usd but for monthly charge it will go around 8 to 10 usd.
>>869
>namecheap shared hosting
>160 per month for the yearly plan
>360/month for the same plan but if I do monthly payments.
yaar isn't this just a scam.
btw do you have any ideas about >>>/g/>>860
I little unrelated but how do I post codes anons? Do i just copy paste it? I can't share my version (still working on it) unless I know how to post or share them
>Running this as a sample text
public class Main {
public static void main(String[] args) {
System.out.println("Hello, World!");
}
}
>One for CSS
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>Hello World!</p>
<p>These paragraphs are styled with CSS.</p>
</body>
</html>
Anonymous
ARYA
>>765
I little unrelated but how do I post codes anons? Do i just copy paste it? I can't share my version (still working on it) unless I know how to post or share them
>Running this as a sample text
public class Main {
public static void main(String[] args) {
System.out.println("Hello, World!");
}
}
>One for CSS
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>Hello World!</p>
<p>These paragraphs are styled with CSS.</p>
</body>
</html>
public class Main {
public static void main(String[] args) {
System.out.println("Appreciate the Help, Anon");
}
}
Anonymous
ARYA
>>895
[Code]Proximity test 1[/Code]
[Code]Proximity test 2 [/Code]
[Code] Proximity test 3 [/Code]
[Code]
Proximity test 4
[/Code]
[Code]public class Main {
public static void main(String[] args) {
System.out.println("Appreciate the Help, Anon");
}
}[/Code]
//Testcase with caps correction
public class Main {
public static void main(String[] args) {
System.out.println("Rookie mistake");
}
}
Anonymous
ARYA
>>896
[code]
//Testcase with caps correction
public class Main {
public static void main(String[] args) {
System.out.println("Rookie mistake");
}
}
[/code]
/* === Root: Background Image Variable === */
:root {
--bg-gif: url('https://bharatchan.com/images/uploads/pol/1749157175806_1106.gif');
}
/* === Main Body Background === */
body {
position: relative;
margin: 0;
padding: 0;
background: var(--bg-gif) no-repeat center center fixed;
background-size: cover;
font-family: sans-serif;
}
/* === Grey Overlay === */
body::before {
content: "";
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(30, 30, 30, 0.6); /* soft dark grey with transparency */
z-index: 0;
pointer-events: none; /* lets user interact with page underneath */
}
/* === Ensure all page content appears above the overlay === */
* {
position: relative;
z-index: 1;
}
Anonymous
ARYA
8hg0hq23lel.jpg
>>765
>Try to integrate a a gif as background
>Try to make it look cleaner as mobile
>Try to make it make sense on portrait
<Everything goes haywire almost at once
Yaar
>Still trying to make it make sense
[code]
/* === Root: Background Image Variable === */
:root {
--bg-gif: url('https://bharatchan.com/images/uploads/pol/1749157175806_1106.gif');
}
/* === Main Body Background === */
body {
position: relative;
margin: 0;
padding: 0;
background: var(--bg-gif) no-repeat center center fixed;
background-size: cover;
font-family: sans-serif;
}
/* === Grey Overlay === */
body::before {
content: "";
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(30, 30, 30, 0.6); /* soft dark grey with transparency */
z-index: 0;
pointer-events: none; /* lets user interact with page underneath */
}
/* === Ensure all page content appears above the overlay === */
* {
position: relative;
z-index: 1;
}
[/code]
