Go down
Posts : 21
Location : Australia

Making Buttons for The Board

on Sat May 27, 2017 10:05 pm
I can't believe I didn't think of this before.

Those few buttons we need are a pain because the auto ones are crap and it's a pain to make new ones.

In the css you simply put

.button { In here you put the background, border etc, of how you want it to look}

For mine on my board I just went over to the Spiritual Pathway that has the same skin and used the css code for my buttons from there.

.button {
      padding: 3px 3px 5px 3px;
      text-decoration: none;
      font-style: italic;
    4px double #A06E93;
      border-radius: 6px;
    background: #000000;
    color: #A06E93;

I then in a post just added the class etc.

 <div class="button">New Reply</div>
    <div class="button">New Topic</div>
    <div class="button">New Message</div>
    <div class="button">Upload Pic</div>

I then clicked to preview. Once I had the preview up I took a screen shot. Went to the free online image editor and made the white background I then had transparent then cropped them one by one to make individual buttons.

It only took about 10 mins from start to finish.

With this code they look like this...

Back to top
Permissions in this forum:
You cannot reply to topics in this forum