>Want to make your Cyberix profile look like some kind of Geocities masterpiece? <

Want your profile to look like a neon-green CRT, maybe? Here’s how to use the magical Profile CSS option to customize your profile page on The Cyberix Network.

Quick Start:

• Go to Edit Profile.


• Paste CSS into the "Profile CSS" textarea.


• Use .profile for the main container and target child elements like .table, .thRegular, etc.


• Hit Submit to save.

Stylable Elements:

• .profile: Main profile container (background, padding).


• .table: Profile tables (User Info, Bio, Sample Post).


• .thRegular: Table headers ( "User Info").


• .tdStyle1, .tdStyle2: Table cells (alternate styles).


• .content: Content wrapper around the profile.


• .smalltext: Small text (descriptions, bio stats).


• .tdHeaderLinks1, .tdHeaderLinks2: Header navigation links.


• .tdHeaderBanner, .tdHeaderViewCounter, .tdHeaderTime, .tdHeaderSpacer: Header elements.


• .h2: Profile title (e.g., "Profile for usernamehere").


• Anything else you can find when you view our page source (oh no)

Pro Tips:

• Use !important to ensure it overrides theme defaults (e.g., background: #000 !important;).


• Stick to safe CSS properties: color, background, font-family, padding, margin, border, text-align, display, width, height, font-size, text-shadow, border-collapse, etc


• Test your CSS in a browser dev tool first.


• Try to make it readable; nobody really wants to click on your profile at 3 AM and suddenly be blasted with a horrendous white on bright yellow, or something.


• Please consider older browsers or devices who may not have compatibility with the latest CSS standards or the hardware to process complex CSS effects.

Example (Green terminal):
.profile {
background: #000;
color: #00ff00;
font-family: 'Courier New', monospace;
padding: 15px;
border: 2px solid #00ff00;
text-shadow: 0 0 5px #00ff00;
}
.profile .table {
border: solid 1px #00ff00 !important;
border-collapse: collapse;
width: 100%;
background: #111 !important;
}
.profile .thRegular, .profile .thCategory {
background: #1a1a1a !important;
border: solid 1px #00ff00 !important;
color: #00ff00 !important;
text-shadow: 0 0 3px #00ff00;
}
.profile .tdStyle1, .profile .tdStyle2 {
background: #111 !important;
border: solid 1px #00ff00 !important;
color: #00ff00 !important;
}
.profile .tdHeaderLinks1, .profile .tdHeaderLinks2, .profile .tdHeaderViewCounter, .profile .tdHeaderTime, .profile .tdHeaderSpacer {
background: #1a1a1a !important;
border: solid 1px #00ff00 !important;
color: #00ff00 !important;
text-align: center;
text-shadow: 0 0 3px #00ff00;
}
.profile .tdHeaderSpacer {
height: 4px;
}
.profile .content {
width: 100%;
}
.profile h2 {
color: #00ff00;
text-shadow: 0 0 5px #00ff00;
}
.profile .smalltext {
color: #00ff00 !important;
}
This is currently the CSS that is used on @l-i's profile (https://cy-x.net/forum/profile.php?id=2)

Try not to copy and paste this, though. Try and make up your own thing!

Lets see how good you can make your profiles all look!

The Cyberix Administrator

Want your posts to look cool? Customize your Post Row Template in Edit Profile to style your posts!

How It Works:

• Paste HTML into the "Post Row Template" field.


• Use {postcontent} for your post text, and 2025-06-23 03:39:25 for the timestamp.


• Supports BBCode (e.g., bold, italic) and HTML.


• Style it with inline CSS, but keep it simple to avoid breaking the layout.

Example (My post row template):

>Have fun with this!<

The Cyberix Administrator

>Profile Comments <

Users can leave public comments on your profile to foster community interaction. To disable this:

• Go to Edit Profile.


• Uncheck "Allow Profile Comments" under Visibility.


• Save your changes.

I'm making a lot of changes tonight! 4 AM. You think I'll go to sleep? NO!

The Cyberix Administrator