The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

"Preview , Send,Reset. "

View previous topic View next topic Go down

Solved "Preview , Send,Reset. "

Post by DK on August 5th 2012, 1:32 am

How can I move these buttons to the center?

Forum version : PunBB


Last edited by iLeo on August 5th 2012, 3:52 pm; edited 1 time in total

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: "Preview , Send,Reset. "

Post by nextlevelgaming on August 5th 2012, 2:06 am

In the templates section, there should Post and private message section. Then posting_body. Find this code
Code:
<!-- BEGIN switch_preview -->
<input class="liteoption" type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" />
<!-- END switch_preview -->
<!-- BEGIN switch_draft -->
<input class="liteoption" type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" />
<!-- END switch_draft -->
<!-- BEGIN switch_publish -->
<input class="liteoption" type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />
<!-- END switch_publish -->
<input class="mainoption" type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
</td>
</tr>

Replace with
Code:

<!-- BEGIN switch_preview -->
<center><input class="liteoption" type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" /></center>
<!-- END switch_preview -->
<!-- BEGIN switch_draft -->
<center><input class="liteoption" type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" /></center>
<!-- END switch_draft -->
<!-- BEGIN switch_publish -->
<center><input class="liteoption" type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" /></center>
<!-- END switch_publish -->
<center><input class="mainoption" type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" /></center>
</td>
</tr>

and try that it should work. also it looks like there is an <hr> tag there, if you dont want that just delete it, itll make it more smooth looking.


Last edited by nextlevelgaming on August 5th 2012, 2:09 am; edited 1 time in total (Reason for editing : adding about the horizontal rule tag)

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: "Preview , Send,Reset. "

Post by LGforum on August 5th 2012, 2:28 am

He's talking about quick reply.
In which case this CSS would do it:
Code:
#pun-qpost .frm-buttons { text-align: center }

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: "Preview , Send,Reset. "

Post by DK on August 5th 2012, 6:04 am

Thanks.
But now they look like this.

Can I make it so they're all lined up next to each other?

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: "Preview , Send,Reset. "

Post by LGforum on August 5th 2012, 1:34 pm

Well you'll have to visit whatever tutorial you used to add the reset button.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: "Preview , Send,Reset. "

Post by DK on August 5th 2012, 2:42 pm

@LGforum wrote:Well you'll have to visit whatever tutorial you used to add the reset button.
I used this code and put it in my Javascript.
Code:
    $(document).ready(function(){$('input[name="post"]').after('<div><input type="reset" name="reset" class="button2" value="Reset"></div>')});

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: "Preview , Send,Reset. "

Post by LGforum on August 5th 2012, 3:15 pm

Just change it this:
Code:
 $(document).ready(function(){$('input[name="post"]').after('<input type="reset" name="reset" class="button2" value="Reset">')});
The DIV tags were making it go on its own line. DIV elements are "block" elements, meaning they have display:block by default.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: "Preview , Send,Reset. "

Post by DK on August 5th 2012, 3:51 pm

@LGforum wrote:Just change it this:
Code:
 $(document).ready(function(){$('input[name="post"]').after('<input type="reset" name="reset" class="button2" value="Reset">')});
The DIV tags were making it go on its own line. DIV elements are "block" elements, meaning they have display:block by default.

That was the problem?
Thanks!
Topic solved.

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: "Preview , Send,Reset. "

Post by Sanket on August 5th 2012, 3:54 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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