Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Locked Topic
[Solved]Move "post reply" button; help!
Topic Started: May 30 2008, 10:03 AM (786 Views)
cl8ir8
Member
[ * ]
Hi:)

I am a complete novice at css editing so I was hoping someone could help me out. We just switched over to Zeta boards from Invision and I would like to move the "post reply" button that a user gets when adding a post to be next to the "preview" button.

I am hoping this is an easy change and that someone could advise me on how to do that. Thanks in advance for your help
Claire

:)
Offline Profile Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
jQuery
 
<script type="text/javascript">
//<![CDATA[
$(".posting button.btn_default").insertAfter(".posting button#btn_preview");
//]]>
</script>


That'll move it, but it'll require you to use some CSS for .posting button.btn_default to position it etc:
CSS
 
.posting button.btn_default {
insert CSS here
}

Add that in to the CSS (Theme Appearance) and then use CSS.
Offline Profile Goto Top
 
cl8ir8
Member
[ * ]
thank you so much for helping me. I really am a novice so I want to clarify (my apolgies if this sounds stupid)

I paste the jquery script you wrote out into the Css for my board theme. Does it matter where it goes or can I just slap it on right at the end?

Then I need to add in the a section ".posting button.btn_default" to the CSS too adding in the necessary lines to position the button etc. Can this go anywhere too?

Sorry if this seems obvious.
Offline Profile Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
Oh! Sorry I forgot to clarify. That's my fault, don't worry.

The jQuery goes at the end of the Theme Layout to affect a specific theme, OR in the Above the Copyright box in the Board Template to affect all themes)

At the end of the CSS (The code used in the Theme Appearance), you could add this:
Quote:
 
.posting button.btn_default {
margin-top: 2px;
}

The margin-top: 2px; increases the space between the button and the bottom of the textarea where you write your post. I noticed when testing that code, it was shoved up against the post box. You could increase that to 5px to shift it down some more.

Let me know if you need more help with that ^_^
Offline Profile Goto Top
 
cl8ir8
Member
[ * ]
:D I managed to move the button and get it positioned perfectly in relation to the text input box. The only thing is that I can't figure out how to get it sitting next to the preview button.

The post button floats in the center but the preview buttons is off to the left. Can you help again.

Thank you so much for helping me. I appreciate it so much.
Offline Profile Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
In addition to the top margin, add:

float: left;
margin-left: 5px;

That floats it to the left, and the left margin creates a gap between the two buttons :)
Offline Profile Goto Top
 
cl8ir8
Member
[ * ]
That did it!! thank you so very much for your help :) have a great rest of your Friday.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme & CSS Help · Next Topic »
Locked Topic