The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

"Preview , Send,Reset. "

4 posters

Go down

Solved "Preview , Send,Reset. "

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

How can I move these buttons to the center?
"Preview , Send,Reset. " 220268-85201221957am
Forum version : PunBB


Last edited by iLeo on August 5th 2012, 3:52 pm; edited 1 time in total
DK
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 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
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 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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: "Preview , Send,Reset. "

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

Thanks.
But now they look like this.
"Preview , Send,Reset. " 21915-85201270310am
Can I make it so they're all lined up next to each other?
DK
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 August 5th 2012, 1:34 pm

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

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: "Preview , Send,Reset. "

Post by DK 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
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 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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: "Preview , Send,Reset. "

Post by DK 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
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 August 5th 2012, 3:54 pm

Topic Solved & Locked
Sanket
Sanket
ForumGuru

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

Back to top Go down

Back to top

- Similar topics

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