Looksmax - Men's Self Improvement Forum

Welcome to the ultimate men’s self-improvement community where like-minded individuals come together to level up every aspect of their lives. Whether it’s building confidence, improving your mindset, optimizing health, or mastering aesthetics, this is the place to become the best version of yourself. Join the hood and start your transformation today.
Log in Register
  • Register to unlock full access to the community including active real-time chats, free exclusive courses, and best of the best forum.

Follow Us On Social Media

How do i use css styling
retard

retard

Iron
Joined
Aug 18, 2025
Posts
69
Reputation
58
I try to insert my css code and it doesnt work, I prefer using the actual coding because its much easier than manually styling everything
 
Machiavellian

Machiavellian

What color is your VIP, brokie?
Joined
Sep 9, 2025
Posts
617
Reputation
1,471
retard said:
I try to insert my css code and it doesnt work, I prefer using the actual coding because its much easier than manually styling everything
Click to expand...
there is a button called code after u click on the 3 dots on the right
 
retard

retard

Iron
Joined
Aug 18, 2025
Posts
69
Reputation
58
HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>

    <!-- Modern clean font -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">

    <style>
        body {
            background-color: #000;
            color: #e8e8e8;
            font-family: "Poppins", sans-serif;
            line-height: 1.9;
            margin: 0;
            padding: 20px;
        }

        .container {
            max-width: 900px;
            margin: 40px auto;
            background: #111;
            padding: 40px;
            border-radius: 14px;
            border: 1px solid #2b2b2b;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.45);
            text-align: center;
        }

        h1 {
            text-align: center;
            font-size: 42px;
            color: #4ad7d1; /* teal accent */
            margin-bottom: 50px;
            font-weight: 600;
        }

        h2 {
            font-size: 26px;
            margin-top: 40px;
            cursor: pointer;
            color: #4ad7d1;
            font-weight: 500;
        }

        details {
            background-color: #1a1a1a;
            padding: 18px 22px;
            border-radius: 10px;
            border: 1px solid #2b2b2b;
            margin-top: 15px;
            transition: 0.25s ease;
        }

        details[open] {
            background-color: #141414;
            border-color: #4ad7d1;
        }

        summary {
            font-size: 18px;
            cursor: pointer;
            color: #4ad7d1;
            font-weight: 500;
            outline: none;
        }

        p {
            margin-bottom: 20px;
            font-size: 17px;
            font-weight: 300;
        }
    </style>
</head>
<body>

<div class="container">
    <h1>Hello World</h1>

    <h2>Message</h2>
    <details>
        <summary>Click to expand</summary>
        <p>Hello world</p>
    </details>
</div>

</body>
</html>
 
retard

retard

Iron
Joined
Aug 18, 2025
Posts
69
Reputation
58
Code: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>

    <!-- Modern clean font -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">

    <style>
        body {
            background-color: #000;
            color: #e8e8e8;
            font-family: "Poppins", sans-serif;
            line-height: 1.9;
            margin: 0;
            padding: 20px;
        }

        .container {
            max-width: 900px;
            margin: 40px auto;
            background: #111;
            padding: 40px;
            border-radius: 14px;
            border: 1px solid #2b2b2b;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.45);
            text-align: center;
        }

        h1 {
            text-align: center;
            font-size: 42px;
            color: #4ad7d1; /* teal accent */
            margin-bottom: 50px;
            font-weight: 600;
        }

        h2 {
            font-size: 26px;
            margin-top: 40px;
            cursor: pointer;
            color: #4ad7d1;
            font-weight: 500;
        }

        details {
            background-color: #1a1a1a;
            padding: 18px 22px;
            border-radius: 10px;
            border: 1px solid #2b2b2b;
            margin-top: 15px;
            transition: 0.25s ease;
        }

        details[open] {
            background-color: #141414;
            border-color: #4ad7d1;
        }

        summary {
            font-size: 18px;
            cursor: pointer;
            color: #4ad7d1;
            font-weight: 500;
            outline: none;
        }

        p {
            margin-bottom: 20px;
            font-size: 17px;
            font-weight: 300;
        }
    </style>
</head>
<body>

<div class="container">
    <h1>Hello World</h1>

    <h2>Message</h2>
    <details>
        <summary>Click to expand</summary>
        <p>Hello world</p>
    </details>
</div>

</body>
</html>
 
retard

retard

Iron
Joined
Aug 18, 2025
Posts
69
Reputation
58
CSS: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>

    <!-- Modern clean font -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">

    <style>
        body {
            background-color: #000;
            color: #e8e8e8;
            font-family: "Poppins", sans-serif;
            line-height: 1.9;
            margin: 0;
            padding: 20px;
        }

        .container {
            max-width: 900px;
            margin: 40px auto;
            background: #111;
            padding: 40px;
            border-radius: 14px;
            border: 1px solid #2b2b2b;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.45);
            text-align: center;
        }

        h1 {
            text-align: center;
            font-size: 42px;
            color: #4ad7d1; /* teal accent */
            margin-bottom: 50px;
            font-weight: 600;
        }

        h2 {
            font-size: 26px;
            margin-top: 40px;
            cursor: pointer;
            color: #4ad7d1;
            font-weight: 500;
        }

        details {
            background-color: #1a1a1a;
            padding: 18px 22px;
            border-radius: 10px;
            border: 1px solid #2b2b2b;
            margin-top: 15px;
            transition: 0.25s ease;
        }

        details[open] {
            background-color: #141414;
            border-color: #4ad7d1;
        }

        summary {
            font-size: 18px;
            cursor: pointer;
            color: #4ad7d1;
            font-weight: 500;
            outline: none;
        }

        p {
            margin-bottom: 20px;
            font-size: 17px;
            font-weight: 300;
        }
    </style>
</head>
<body>

<div class="container">
    <h1>Hello World</h1>

    <h2>Message</h2>
    <details>
        <summary>Click to expand</summary>
        <p>Hello world</p>
    </details>
</div>

</body>
</html>
 
retard

retard

Iron
Joined
Aug 18, 2025
Posts
69
Reputation
58
Rich (BB code): 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>

    <!-- Modern clean font -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">

    <style>
        body {
            background-color: #000;
            color: #e8e8e8;
            font-family: "Poppins", sans-serif;
            line-height: 1.9;
            margin: 0;
            padding: 20px;
        }

        .container {
            max-width: 900px;
            margin: 40px auto;
            background: #111;
            padding: 40px;
            border-radius: 14px;
            border: 1px solid #2b2b2b;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.45);
            text-align: center;
        }

        h1 {
            text-align: center;
            font-size: 42px;
            color: #4ad7d1; /* teal accent */
            margin-bottom: 50px;
            font-weight: 600;
        }

        h2 {
            font-size: 26px;
            margin-top: 40px;
            cursor: pointer;
            color: #4ad7d1;
            font-weight: 500;
        }

        details {
            background-color: #1a1a1a;
            padding: 18px 22px;
            border-radius: 10px;
            border: 1px solid #2b2b2b;
            margin-top: 15px;
            transition: 0.25s ease;
        }

        details[open] {
            background-color: #141414;
            border-color: #4ad7d1;
        }

        summary {
            font-size: 18px;
            cursor: pointer;
            color: #4ad7d1;
            font-weight: 500;
            outline: none;
        }

        p {
            margin-bottom: 20px;
            font-size: 17px;
            font-weight: 300;
        }
    </style>
</head>
<body>

<div class="container">
    <h1>Hello World</h1>

    <h2>Message</h2>
    <details>
        <summary>Click to expand</summary>
        <p>Hello world</p>
    </details>
</div>

</body>
</html>
 
retard

retard

Iron
Joined
Aug 18, 2025
Posts
69
Reputation
58
Hello world
CSS: 
/* Body & global styles */
body {
    background-color: #000; /* black background */
    color: #e8e8e8;         /* soft white text */
    font-family: "Poppins", sans-serif; /* modern font */
    line-height: 1.9;       /* double spacing */
    margin: 0;
    padding: 20px;
}

/* Main content container */
.container {
    max-width: 900px;
    margin: 40px auto;
    background: #111; /* dark card background */
    padding: 40px;
    border-radius: 14px;
    border: 1px solid #2b2b2b;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.45);
    text-align: center;
}

/* Main header */
h1 {
    text-align: center;
    font-size: 42px;
    color: #4ad7d1; /* teal accent */
    margin-bottom: 50px;
    font-weight: 600;
}

/* Section headers */
h2 {
    font-size: 26px;
    margin-top: 40px;
    cursor: pointer;
    color: #4ad7d1; /* teal accent */
    font-weight: 500;
}

/* Spoiler details styling */
details {
    background-color: #1a1a1a;
    padding: 18px 22px;
    border-radius: 10px;
    border: 1px solid #2b2b2b;
    margin-top: 15px;
    transition: 0.25s ease;
}

details[open] {
    background-color: #141414;
    border-color: #4ad7d1; /* highlight when open */
}

/* Spoiler summary header */
summary {
    font-size: 18px;
    cursor: pointer;
    color: #4ad7d1; /* teal accent */
    font-weight: 500;
    outline: none;
}

/* Paragraph styling */
p {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 300;
}
 
retard

retard

Iron
Joined
Aug 18, 2025
Posts
69
Reputation
58
Hello world
HTML: 
/* Body & global styles */
body {
    background-color: #000; /* black background */
    color: #e8e8e8;         /* soft white text */
    font-family: "Poppins", sans-serif; /* modern font */
    line-height: 1.9;       /* double spacing */
    margin: 0;
    padding: 20px;
}

/* Main content container */
.container {
    max-width: 900px;
    margin: 40px auto;
    background: #111; /* dark card background */
    padding: 40px;
    border-radius: 14px;
    border: 1px solid #2b2b2b;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.45);
    text-align: center;
}

/* Main header */
h1 {
    text-align: center;
    font-size: 42px;
    color: #4ad7d1; /* teal accent */
    margin-bottom: 50px;
    font-weight: 600;
}

/* Section headers */
h2 {
    font-size: 26px;
    margin-top: 40px;
    cursor: pointer;
    color: #4ad7d1; /* teal accent */
    font-weight: 500;
}

/* Spoiler details styling */
details {
    background-color: #1a1a1a;
    padding: 18px 22px;
    border-radius: 10px;
    border: 1px solid #2b2b2b;
    margin-top: 15px;
    transition: 0.25s ease;
}

details[open] {
    background-color: #141414;
    border-color: #4ad7d1; /* highlight when open */
}

/* Spoiler summary header */
summary {
    font-size: 18px;
    cursor: pointer;
    color: #4ad7d1; /* teal accent */
    font-weight: 500;
    outline: none;
}

/* Paragraph styling */
p {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 300;
}
 
Idec

Idec

Godlike Poster ⭐⭐⭐⭐⭐⭐⭐
Joined
Oct 20, 2025
Posts
2,550
Reputation
3,564
hhahha, nerd
 
You must log in or register to reply here.
Activity
So far there's no one here

Users who are viewing this thread

Total: 2 (Looksmaxers: 0, Bluepillers: 2)

Similar threads

Administrator
MEGA THREAD: Website Styling & Theme Suggestions
Replies
8
Views
2M
ZX888
Z
180,650Threads
2,078,810Posts
2,331Members
AimythestLatest member

About Us

This is a community for men who seek self-improvement, sharpen their mindset, build wealth, and attract better relationships. If you're focused on leveling up in appearance, status, and success this is where your transformation begins.

Online statistics

Members online
27
Guests online
146
Total visitors
173
Totals may include hidden visitors.
shape1
shape2
shape3
shape4
shape5
shape6
Top