Kuribo64
Views: 19,854,486 Home | Forums | Uploader | Wiki | Object databases | IRC
Rules/FAQ | Memberlist | Calendar | Stats | Online users | Last posts | Search
03-29-24 06:05 AM
Guest:

0 users reading How to make a background with for your thread? | 1 bot

Main - General Chat - How to make a background with for your thread? Hide post layouts | New reply


Skyrym
Posted on 06-12-18 11:10 PM Link | #94654
I want to know how to make a background for my thread where my text is right now.

____________________
Life is meaningless and death approaches.
SO THAT'S WHY I HACK NEW SUPER MARIO BROS. WII
I am currently working on a hack of Newer Super Mario Bros. Wii by the Newer Team called, Newer Super Mario Bros. Nostalgia
Dear RVLution,
Our love broke my heart,

i t , s t o p p e d , y o u r s

LeftyGreenMario
Posted on 06-13-18 11:36 PM Link | #94664
https://kuribo64.net/board/thread.php?id=444

You need to understand some CSS (cascade style sheet), a basic part of web design. If you need to figure out which element to alter, you can right click "inspect element" to aid you. You can even make changes through inspect element, but warned, they're not going to be saved.

This is my layout. You can find the post layout and signature text field in your setting, which should be blank by default. The quirky Mario-related names are unique class names I created so I can use them in other Acmlmboards, and I doubt other users have named their class names like those. The ordering of the classes are important, as they denote the container I modify. The DK-burgers container is my entire post layout area, with the crowded tiled Marios, and the divs below it would be containers inside DK-burgers; .Wario-hotdogs would be the image of Mario and Baby Luigi. The last container, which would display over everything, would be the text box, .Mario-vomit, (with the blue border and semi-transparent red background).

<style>
.Wario-hotdogs {
background: url(http://i.imgur.com/nBKBQBm.png) top right no-repeat;
min-height: 32em !important;
padding: 10px !important;
}

.Mario-vomit {
background: rgba(11, 0, 0, 0.81) !important;
font-family: "Verdana", "Arial", sans-serif; !important;
color: #FFF !important;
padding: 10px;
margin: 5px;
border: 3px solid #395196 !important;
border-radius: 20px;
max-width: 100%;
}

.DK-burgers {
background-image: url("http://i.imgur.com/BDFNG18.png") !important;
}

.DK-burgers a {
color: #F00 !important;
}

.Mario-vomit .quote .quotecontent {
padding: 4px;
margin-top: 4px;
border-top: 1px solid #F00 !important;
border-bottom: 1px solid #F00 !important;
}

.Mario-vomit .spoiler .spoilerbutton {
border: 5px;
border-top: 1px solid #000CFF;
border-bottom: 1px solid #272A6B;
border-left: 1px solid #000CFF;
border-right: 1px solid #272A6B;
background: #090062 !important;
color: #FFF !important;
box-shadow: 0px 1px 1px #000, inset 0px 1px 2px #666;
}

.Mario-vomit .spoiler .spoiled {
background: rgba(11, 0, 0, 0.81) !important;
border: 2px solid #91A5E0 !important;
border-radius: 10px;
color: #FFF !important;
}

.Mario-vomit .codeblock {
white-space: pre-wrap;
font-family: "Consolas", "Lucida Console", "Courier New", monospace;
padding: 4px;
background: #000 !important;
color: #FFF !important;
border: 1px solid #F00 !important;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}

</style>
<div class="DK-burgers">
<div class="Wario-hotdogs">
<div class="Mario-vomit">

This is my sig field just to close off the divs.
</div>
</div>
</div>


Main - General Chat - How to make a background with for your thread? Hide post layouts | New reply

Page rendered in 0.032 seconds. (2048KB of memory used)
MySQL - queries: 28, rows: 108/108, time: 0.017 seconds.
[powered by Acmlm] Acmlmboard 2.064 (2018-07-20)
© 2005-2008 Acmlm, Xkeeper, blackhole89 et al.