>I thought about the karate from tf2 were sniper throws his piss jar at people? How about do that but boiled up hot acidified piss. Is this dangerous to make?
  • Welcome. Registering and having your account be approved may take a while since there's only one guy checking and approving accounts and guestposts
  • Boards are being moved around and added. Leave feedback in this thread and let jannies move your threads

Custom CSS and HTML

It's a bit jank but I've gotten something similar to the Windows XP Homestead theme going with two profile post columns. All vibe-coded because that's aryan shemmyfork.
1774712244779.png
 
Take note, but make sure to force whatever AI you're using to stick as close to Xenforo documentation as possible. My CSS was enormous until I reviewed it and found that a vast majority was fluff that done zilch. I fed Grok screenshots of my inspect element page for guidance alongside a link to the Xenforo styling manual and it whittled it down into something more manageable. Ran through all that with a fine comb and I think this is the bare minimum.

/* Profile picture outline */
.memberHeader-avatar {
margin: 0 auto !important;
padding-top: 20px !important;
}

.memberHeader .avatarWrapper,
.memberHeader .avatar.avatar--l {
margin: 0 auto !important;
box-shadow: inset 2px 2px #C5E0A8,
inset -2px -2px #2E5A1F,
0 4px 8px rgba(0,0,0,0.5) !important;
border: 4px solid #3F6F29 !important;
background: #E6EAD8 !important;
}

/* Titlebar above banner */
.memberHeader--withBanner::before {
content: "";
display: block;
height: 32px;
background: linear-gradient(to bottom, #A2C38A 0%, #6B9E4A 40%, #4A7F2E 100%) !important;
border-bottom: 2px solid #2E5A1F !important;
border-top: 2px solid #C5E0A8 !important;
position: relative;
z-index: 20;
box-shadow: inset 0 1px #ffffff, 0 2px 4px rgba(0,0,0,0.4);
}

/* Square mostly everything off */
.message,
.message--simple,
.message-inner,
.message-content,
.message-cell,
.message-cell--main,
.message-cell--user,
.message-footer,
.message-actionBar,
.message-body,
.js-messageContent,
.block-container,
.block,
.block-body,
.input,
.textarea,
.button,
.avatar,
.avatar img {
border-radius: 0 !important;
}

/* Elements WITH the border */
.message,
.message--simple,
.input,
.button {
background: #E6EAD8 !important;
border: 3px solid #3F6F29 !important;
box-shadow: inset 2px 2px #C5E0A8,
inset -2px -2px #2E5A1F !important;
}

/* profile post columns*/
.block.block--messages .block-body {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
gap: 12px !important;
width: 90% !important;
max-width: 1200px !important;
margin: 30px auto 0 !important;
padding: 10px !important;
box-sizing: border-box !important;

/* Masonry magic (modern browsers) */
grid-template-rows: masonry !important; /* This creates the masonry effect */
align-items: start !important;
}

/* Fallback for browsers that don't support masonry columns */
@supports not (grid-template-rows: masonry) {
.block.block--messages .block-body {
column-count: 2 !important;
column-gap: 12px !important;
}

.block.block--messages .block-body > * {
break-inside: avoid !important;
margin-bottom: 12px !important;
}
}

/* Hidden junk */
.memberHeader-blurContainer,
.memberHeader-blur,
.memberHeader-stats,
.memberHeader-buttons,
.memberHeader-separator,
.featuredBadges,
.memberHeader--withBanner .username,
.memberHeader .userTitle,
.memberHeader-blurb,
.memberHeader-content,
.message-cell.message-cell--user,
.memberHeader-stats .pairs dt,
.memberHeader-stats .pairs dd,
.memberHeader-stats span,
.memberHeader-stats sreal womang {
display: none !important;
}

/* Essential visibility fixes */
.memberHeader .memberHeader-avatar,
.memberHeader .avatarWrapper,
.memberHeader .avatar,
.memberProfileBanner {
display: block !important;
z-index: 10 !important;
}

/* Elements WITHOUT border but WITH background */
.comment,
.message,
.message-responseRow,
.memberHeader,
.block-tabHeader.block-tabHeader--memberTabs,
.message-inner,
.message-content,
.profile-post-comment {
background: #E6EAD8 !important;
}

/* noob text and font */
h1, h2, h3, h4, h5, h6,
sreal womang, b, em, i, label, span, p, div, li, td, th, blockquote {
color: #000000 !important;
}

*,
*::before,
*::after {
color: #000000 !important;
font-family: Tahoma, sans-serif !important;
}
 
Last edited:
cargo said:
Take note, but make sure to force whatever AI you're using to stick as close to Xenforo documentation as possible. My CSS was enormous until I reviewed it and found that a vast majority was fluff that done zilch. I fed Grok screenshots of my inspect element page for guidance alongside a link to the Xenforo styling manual and it whittled it down into something more manageable. Ran through all that with a fine comb and I think this is the bare minimum.

/* Profile picture outline*/
.memberHeader-avatar {
margin: 0 auto !important;
padding-top: 20px !important;
}

.memberHeader .avatarWrapper,
.memberHeader .avatar.avatar--l {
margin: 0 auto !important;
box-shadow: inset 2px 2px #C5E0A8,
inset -2px -2px #2E5A1F,
0 4px 8px rgba(0,0,0,0.5) !important;
border: 4px solid #3F6F29 !important;
background: #E6EAD8 !important;
}

/* Titlebar above banner*/
.memberHeader--withBanner::before {
content: "";
display: block;
height: 32px;
background: linear-gradient(to bottom, #A2C38A 0%, #6B9E4A 40%, #4A7F2E 100%) !important;
border-bottom: 2px solid #2E5A1F !important;
border-top: 2px solid #C5E0A8 !important;
position: relative;
z-index: 20;
box-shadow: inset 0 1px #ffffff, 0 2px 4px rgba(0,0,0,0.4);
}

/* Square mostly everything off*/
.message,
.message--simple,
.message-inner,
.message-content,
.message-cell,
.message-cell--main,
.message-cell--user,
.message-footer,
.message-actionBar,
.message-body,
.js-messageContent,
.block-container,
.block,
.block-body,
.input,
.textarea,
.button,
.avatar,
.avatar img {
border-radius: 0 !important;
}

/* Elements WITH the border*/
.message,
.message--simple,
.input,
.button {
background: #E6EAD8 !important;
border: 3px solid #3F6F29 !important;
box-shadow: inset 2px 2px #C5E0A8, inset -2px -2px #2E5A1F !important;
}

/* Profile posts, columns */
.block.block--messages .block-body {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 6px !important;
width: 90% !important;
max-width: 90% !important;
margin: 20px auto 0 !important;
padding: 6px 6px 6px !important;
box-sizing: border-box !important;
align-items: start !important;
}

/* Hidden junk*/
.memberHeader-blurContainer,
.memberHeader-blur,
.memberHeader-stats,
.memberHeader-buttons,
.memberHeader-separator,
.featuredBadges,
.memberHeader--withBanner .username,
.memberHeader .userTitle,
.memberHeader-blurb,
.memberHeader-content,
.message-cell.message-cell--user,
.memberHeader-stats .pairs dt,
.memberHeader-stats .pairs dd,
.memberHeader-stats span,
.memberHeader-stats sreal womang {
display: none !important;
}

/* Essential to keep shit in-place for some reason*/
.memberHeader .memberHeader-avatar,
.memberHeader .avatarWrapper,
.memberHeader .avatar,
.memberProfileBanner {
display: block !important;
z-index: 10 !important;
}

/* Elements WITHOUT the border but WITH the background colour*/
.comment,
.message,
.message-responseRow,
.memberHeader,
.block-tabHeader.block-tabHeader--memberTabs,
.message-inner,
.message-content,
.profile-post-comment {
background: #E6EAD8 !important;
}
Click to expand...
or just throw shit at the wall until it sticks
 
cargo said:
Take note, but make sure to force whatever AI you're using to stick as close to Xenforo documentation as possible. My CSS was enormous until I reviewed it and found that a vast majority was fluff that done zilch. I fed Grok screenshots of my inspect element page for guidance alongside a link to the Xenforo styling manual and it whittled it down into something more manageable. Ran through all that with a fine comb and I think this is the bare minimum.

/* Profile picture outline*/
.memberHeader-avatar {
margin: 0 auto !important;
padding-top: 20px !important;
}

.memberHeader .avatarWrapper,
.memberHeader .avatar.avatar--l {
margin: 0 auto !important;
box-shadow: inset 2px 2px #C5E0A8,
inset -2px -2px #2E5A1F,
0 4px 8px rgba(0,0,0,0.5) !important;
border: 4px solid #3F6F29 !important;
background: #E6EAD8 !important;
}

/* Titlebar above banner*/
.memberHeader--withBanner::before {
content: "";
display: block;
height: 32px;
background: linear-gradient(to bottom, #A2C38A 0%, #6B9E4A 40%, #4A7F2E 100%) !important;
border-bottom: 2px solid #2E5A1F !important;
border-top: 2px solid #C5E0A8 !important;
position: relative;
z-index: 20;
box-shadow: inset 0 1px #ffffff, 0 2px 4px rgba(0,0,0,0.4);
}

/* Square mostly everything off*/
.message,
.message--simple,
.message-inner,
.message-content,
.message-cell,
.message-cell--main,
.message-cell--user,
.message-footer,
.message-actionBar,
.message-body,
.js-messageContent,
.block-container,
.block,
.block-body,
.input,
.textarea,
.button,
.avatar,
.avatar img {
border-radius: 0 !important;
}

/* Elements WITH the border*/
.message,
.message--simple,
.input,
.button {
background: #E6EAD8 !important;
border: 3px solid #3F6F29 !important;
box-shadow: inset 2px 2px #C5E0A8, inset -2px -2px #2E5A1F !important;
}

/* Profile posts, columns */
.block.block--messages .block-body {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 6px !important;
width: 90% !important;
max-width: 90% !important;
margin: 20px auto 0 !important;
padding: 6px 6px 6px !important;
box-sizing: border-box !important;
align-items: start !important;
}

/* Hidden junk*/
.memberHeader-blurContainer,
.memberHeader-blur,
.memberHeader-stats,
.memberHeader-buttons,
.memberHeader-separator,
.featuredBadges,
.memberHeader--withBanner .username,
.memberHeader .userTitle,
.memberHeader-blurb,
.memberHeader-content,
.message-cell.message-cell--user,
.memberHeader-stats .pairs dt,
.memberHeader-stats .pairs dd,
.memberHeader-stats span,
.memberHeader-stats sreal womang {
display: none !important;
}

/* Essential to keep shit in-place for some reason*/
.memberHeader .memberHeader-avatar,
.memberHeader .avatarWrapper,
.memberHeader .avatar,
.memberProfileBanner {
display: block !important;
z-index: 10 !important;
}

/* Elements WITHOUT the border but WITH the background colour*/
.comment,
.message,
.message-responseRow,
.memberHeader,
.block-tabHeader.block-tabHeader--memberTabs,
.message-inner,
.message-content,
.profile-post-comment {
background: #E6EAD8 !important;
}
Click to expand...
nah I think I would rather beg the jannies to make a theme for me
 

Similar threads

Zonky
Why is there no option for your own custom themes
Replies
14
Views
80
Zonky
Zonky
Lateral
Suggest custom events for future Shroomger games.
Replies
0
Views
10
Lateral
Lateral
木制的尼尔森
what should I make in the TABS custom unit creator
Replies
4
Views
35
Dagonet
Dagonet
Barry
  • Featured
Added Custom Title Colors
Replies
4
Views
173
_73
_73
JerkOffYonathan
Is Hammer editor a ARYAN BEAST for not letting my custom texture work
Replies
2
Views
149
木制的尼尔森
木制的尼尔森

Members online

... and 4 more.
Total: 389 (members: 54, guests: 335)

Latest posts

Back
Top Bottom