Skin Crazy

Skin Design and Templates for Forumotion
 
HomeRegisterLog in

Share | 
 

 Making Buttons for The Board

View previous topic View next topic Go down 
AuthorMessage
Spherical
Owner
avatar

Posts : 20
Location : Australia

PostSubject: Making Buttons for The Board   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.

Code:
.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.

Code:
 <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 Go down
http://skin-crazy.forumotion.com
 
Making Buttons for The Board
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» Our Buttons
» highly INsensitive person (HIP) board usernames
» Rising Board 3D Review
» Can Topamax be making me crazy?
» How to verify all element present in application.

Permissions in this forum:You cannot reply to topics in this forum
Skin Crazy :: Codes-
Jump to: