🙂
|
Use the black navigation bar to log in or create your account. |
Jump to Page: 1 2 3
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Changing the buttons
The buttons on this board - insert link, insert image, bold, italics etc, how do I change the font color and appearance of those. And of course the ones at the bottom.
Instead of a box at the top of the posting box, I'll like to put them all in one line and the text in the same color as the rest of my board's new layout.
Please tell me how to do that.
Thanks Lesa.
Last revised by Morwen Oronor, 1/1/2009, 6:02 am
|
1/1/2009, 6:01 am
|
Link to this post
PM Morwen Oronor
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9607
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: Changing the buttons
Happy 2009, MO!
For bold, italics, center, etc, use this class in your CSS:
.qcode_bar_but {
definitions here
}
For the Submit and Preview buttons:
.ak_msgform_newtopic_submit_button,
.ak_msgform_newtopic_preview_button,
.ak_msgform_postreply_submit_button,
.ak_msgform_postreply_preview_button,
.ak_msgform_editpost_submit_button,
.ak_msgform_editpost_preview_button {
definitions here
}
I don't know what you mean by "the box at the top of the posting box." Maybe it's because I've been up all night.
Edit to add .ak_msgform_newtopic_submit_button and
.ak_msgform_newtopic_preview_button, which I missed when I made this post.
Last revised by Lesigner Girl, 1/3/2009, 5:31 am
|
1/1/2009, 10:32 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re: Changing the buttons
If you make a post on Anything Goes you'll see what I'm trying to achieve.
I have all the text in a #600000 I want to change the text in the 'insert link' 'insert image' etc buttons at the top to also be in that color.
At the moment they are black on a white background, as are the submit and preview buttons, I want to make all of those look like these do, i.e. the same color as the plain background with the same color text.
Thanks Lesa, I'll try out your suggestions in the meantime for the text color.
|
1/1/2009, 4:26 pm
|
Link to this post
PM Morwen Oronor
Read Blog
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re: Changing the buttons
I did the changes:
.ak_msgform_postreply_submit_button,
.ak_msgform_postreply_preview_button,
.ak_msgform_editpost_submit_button,
.ak_msgform_editpost_preview_button {
definitions here
}
.ak_msgform_postreply_submit_button,
.ak_msgform_postreply_preview_button,
.ak_msgform_editpost_submit_button,
.ak_msgform_editpost_preview_button {text-align: center; background color: #F3E6C3; text=color: #60000
}
[url=http://www.runboard.com/bcsslearning]see here on the testboard.
Nothing happened, did I put them in the wrong place in the CSS? I really don't know what I'm doing, getting carried away again.
Sorry you were up all night, hope you had a good party. There's no rush, when you have time. I've made the testboard changes to Anything Goes, so I can mess around with the testboard now.
I hope you have a wonderful, happy, healthy and successful 2009.
|
1/1/2009, 4:34 pm
|
Link to this post
PM Morwen Oronor
Read Blog
|
The Mooseman
Citizen
Registered: 03-2005
Province: Looking for my brain...
Posts: 592
Karma: 8 (+8/-0)
|
ReplyQuote
|
|
Re: Changing the buttons
text=color: #60000
background color: #F3E6C3
This is not valid CSS
It should be:
color:#600000
background-color:#F3E6C3
So :
.ak_msgform_postreply_submit_button,
.ak_msgform_postreply_preview_button,
.ak_msgform_editpost_submit_button,
.ak_msgform_editpost_preview_button {text-align: center; background color: #F3E6C3; text=color: #60000
}
Should be :
.ak_msgform_postreply_submit_button,
.ak_msgform_postreply_preview_button,
.ak_msgform_editpost_submit_button,
.ak_msgform_editpost_preview_button {text-align: center; background-color: #F3E6C3; color: #600000
}
I havent checked your board, but do remember that hexvalues in colors have 6 figures, not 5, else you may have some fun colors
--- ~ Quickly, I must hurry, for there go my people and I am their leader ~
|
1/2/2009, 7:17 am
|
Link to this post
PM The Mooseman
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re: Changing the buttons
Thanks Mooseman, I do know that about the 6 digits I mean, I just tend to make a lot of typos, the = sign instead of - was one of those.
Last revised by Morwen Oronor, 1/2/2009, 12:20 pm
|
1/2/2009, 12:18 pm
|
Link to this post
PM Morwen Oronor
Read Blog
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re: Changing the buttons
Thank you that's great it works now.
Now the next step - how to I make the other buttons do that as well, do I put in CSS with each button's name in the same way?
.ak_insert_link_button,
.ak_insert-image_button,
.ak_start_quote_button,
and so on? (tried that, it doesn't work??)
{text-align: center; background-color: #F3E6C3; color: #600000
}
It looks really good with the buttons looking the same as the rest of the board.
The topic title bar too, I need to change the background and text colors on that as well.
Thank you so much for the help, I do appreciate it.
Last revised by Morwen Oronor, 1/2/2009, 12:27 pm
|
1/2/2009, 12:25 pm
|
Link to this post
PM Morwen Oronor
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9607
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: Changing the buttons
Thanks for the help, Moose. I've been having a lot of internet connection problems today, which will hopefully be resolved by tomorrow. On that note, I need to make this post quickly in case I lose my connection again.
Mo, I took .ak.insert_image_button out of your CSS because it doesn't do anything, and added the necessary classes for the other buttons.
Also, what is this supposed to refer to?
.alt_line_1 { background: #F3E6C3; }
.alt_line_2 { background: #F3E6C3; }
.alt_line_1:hover, .alt_line_2:hover { background-color: #F3E6C3; }
I have never seen those classes listed anywhere in the HTML. If you view the source code of a page (View > Source from the toolbar at the top of your browser), you'll see class="classname". Whatever it says there instead of "classname", that is the class name you need to use (instead of alt_line_1, alt_line_2, etc).
Edit: I just edited my above post, because I forgot to add the newtopic submit and preview buttons to the code I posted before.
Last revised by Lesigner Girl, 1/3/2009, 5:32 am
|
1/3/2009, 5:30 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re: Changing the buttons
Sorry Lesa, I'm going to have to wait with this for a few days until I get a new modem. I'm using my cellphone to access the web - my router crashed last night and sleepy SA is still on Christmas vacation so nothing will be done until the middle of January, if I'm lucky. As soon as I get the new router, I'll be able to sort this out. I can't really even read anything much right now, the costs are prohibitive using the phone like this. So if I'm missing, you'll know where I am.Thanks in advance for your help, I'll be back as soon as I am able.
|
1/3/2009, 7:09 pm
|
Link to this post
PM Morwen Oronor
Read Blog
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re: Changing the buttons
I couldn't resist, I had to look. Thank you Lesa it was exactly what I wanted, now it looks lovely. I've changed the CSS on Anything Goes, and I must tell you I was really pleased with myself for understanding exactly what it all meant. I've learnt so much with this. Thank you, thank you.
I'll be back as soon as my modem problems are solved.
See you soon.
|
1/3/2009, 7:24 pm
|
Link to this post
PM Morwen Oronor
Read Blog
|
Add to this discussion
Jump to Page: 1 2 3
You are not logged in ( login)
|