Register - Login
Views: 96250013
Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies
12-17-18 01:58:14 PM
0 users currently in Meta. | 1 guest

Jul - Meta - Help me
  
Login Info: Username: Password:
Reply: Mood avatar list:

















 
Options: - -

Thread history
UserPost
EpicPlayr41
Posts: 17/35
I applied that fixed CSS and changed a few things, mostly the background. This is the result.
Kak
Posts: 1299/1818
Originally posted by EpicPlayr41
Thanks for that, though I'm pretty sure my links are readable in this format.
I visited a CSS tutorial, and it actually taught me how to add a background picture! I checked the format used, copied it, but it didn't apply to my format.

Any tips?
Let's see (if I can explain this properly)

(In short: The fixed CSS is at the very bottom of the post)

First off, the body class doesn't work in Acmlmboard this way (unless you define an external CSS file, but that's another thing). You should add a dot before body, and you shouldn't use generic names for classes, since you could change a CSS property of the board.

Then, the <style> needs to be <style type="text/css"> or else it won't work.

Then, you should have added this is another way, without using two style tags, like


<style type="text/css"> .nkpwhite{background-color: #000044; color:#FF0000;} .nkpbg{background-image: http://fc09.deviantart.net/fs71/i/2010/125/6/6/Pokeball__Free_Background__by_scribblin.png;}</style><div class="nkpwhite"><div class="nkpbg">
(text)
</div></div>

You need to call the class like <div class="[name of class]">, in this case nkpgb, that will load the background image. It won't load the class contents (in this case, the bg image) otherwise. However, the text would be unreadable and the box hidden. With some reordering this is what you could use (leaving the box colors as-is):

---Fixed CSS----

HEADER
<style type="text/css"> .nkpwhite{background-color: #000044; color:#FF0000; } .nkpbg{background: url('http://fc09.deviantart.net/fs71/i/2010/125/6/6/Pokeball__Free_Background__by_scribblin.png'); padding: 20px;}</style><div class="nkpbg"><div class="nkpwhite">

SIGNATURE:
</div>

<div class="nkpwhite">
[Your links here]
[more links if you want]
</div></div>
EpicPlayr41
Posts: 16/35
Thanks for that, though I'm pretty sure my links are readable in this format.
I visited a CSS tutorial, and it actually taught me how to add a background picture! I checked the format used, copied it, but it didn't apply to my format.

Any tips?
Kak
Posts: 1298/1818
Originally posted by EpicPlayr41
Thanks so much! I'm going to change the colors of this format, instead of black and white.
You're welcome.

Last bit of info:
With some color combinations the link may become hard to read. To change the link color you can add:

.nkpwhite a{color:#(hex);} (Changes normal link color)
.nkpwhite a:visited{color:#(hex);} (Changes visited link color )
.nkpwhite a:hover{color:#(hex);} (Changes link color when the mouse is over the link)
.nkpwhite a:active{color:#(hex);} (Changes link color when you click on the link)

Add these before </style> (in the same line) and replace (hex) with the HTML color of choice.
EpicPlayr41
Posts: 15/35
Thanks so much! I'm going to change the colors of this format, instead of black and white.
Kak
Posts: 1297/1818
Originally posted by EpicPlayr41
Thanks, it works perfectly, though the font color blends in the background so I'm not using it now.

Next questions:
Changing font color using CSS?
And adding a background picture that works with the code?

Sorry, I'm not really into CSS formatting.


For the text color, you can use color:#000000;

This example is the same as the previous one, except it sets the font color to black

HEADER:
<style type="text/css"> .nkpwhite{background-color: #FFFFFF; color:#000000;}</style><div class="nkpwhite">


SIGNATURE:
</div>

You can generate #000000 hex colors from the "Color Chart" link in the links bar on the top of the page.
Lunaria
Posts: 5072/5623
If you know the standard BBS bracketing then you can use that for images and links here too:

[img]url here[/img]


for images.

And

[url]url here[/url]


for links.

Example:

http://forum.metroidconstruction.com/
This stuff works too, funkily enough.

[img]https://dl.dropboxusercontent.com/u/9395043/Images/Image%20board/Pinkie%20pie%20toot.gif[/img]

[url]http://forum.metroidconstruction.com/[/url]
[url="http://forum.metroidconstruction.com/"]This stuff works too, funkily enough.[/url]

EpicPlayr41
Posts: 14/35
Thanks, it works perfectly, though the font color blends in the background so I'm not using it now.

Next questions:
Changing font color using CSS?
And adding a background picture that works with the code?

Sorry, I'm not really into CSS formatting.
Kak
Posts: 1296/1818
Originally posted by EpicPlayr41
Okay, so I was able to make my font color green using HTML code, but I can't seem to apply white background color, it is applied in this post, it's not just visible.

Try this CSS in the post header:

<style type="text/css"> .nkpwhite{background-color: #FFFFFF}</style><div class="nkpwhite">

And this in the post signature:

</div>
[Insert images and text here]

I'd say black text on white background kind of clashes with most of the board themes here, but it's your choice and you could make eye-pleasing backgrounds with a white bg anyway.
EpicPlayr41
Posts: 13/35
Okay, so I was able to make my font color green using HTML code, but I can't seem to apply white background color, it is applied in this post, it's not just visible.
Kak
Posts: 1295/1818
Originally posted by EpicPlayr41
Originally posted by Kles
It's all HTML. http://www.w3schools.com/html/


I read the tutorial, so is this forum is in HTML format?

No - this forum software (Acmlmboard) is built in PHP (in short, produces HTML).

However you can't use PHP in your posts (for obvious reasons - that is, security risks). The board software filters out custom PHP code anyway so it can't be used.
EpicPlayr41
Posts: 12/35
Originally posted by Kles
It's all HTML. http://www.w3schools.com/html/


I read the tutorial, so is this forum is in HTML format?
Kles
Posts: 1868/1939
It's all HTML. http://www.w3schools.com/html/
EpicPlayr41
Posts: 7/35
+1 Thank you for that.
2Tie
Posts: 549/1104
<img src="the url of the picture in these quotes">

:3
EpicPlayr41
Posts: 6/35
Okay. Thank you.

One more question I forgot to put:

How do you put pictures? :|
2Tie
Posts: 548/1104
links are simple, here's an example:

<a href="the site goes here in these quotes">what the link text should be</a>


post backgrounds involve having a <style> tag and some CSS code.

if you don't really know HTML or CSS, there's prolly a few places that could teach you if you google around.

(sorry if i'm not that helpful :c )
EpicPlayr41
Posts: 5/35
How can I add a post background? I know it's in Edit Profile, but the pictures I put don't really go to the sample post. Do you need a post header or something?

How do you add links to words?

Examples of post headers?

So much questions! But someone's gotta know, right?
Jul - Meta - Help me



Rusted Logic

Acmlmboard - commit 6fc366a [2018-12-11]
©2000-2018 Acmlm, Xkeeper, Inuyasha, et al.

20 database queries.
Query execution time: 0.183078 seconds
Script execution time: 0.008284 seconds
Total render time: 0.191362 seconds