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 and Send button position

Go down

Solved Preview and Send button position

Post by Yuushishio on February 19th 2016, 12:45 am

my forum: http://onepiecevietnam.forumvi.com/
ver: phpbb3

Is there any way for me to change the position between these 2 button?
I want the preview is on the right, and send is on the left





Last edited by Yuushishio on March 3rd 2016, 8:33 am; edited 1 time in total

Yuushishio
Forumember

Posts : 117
Reputation : 4
Language : English

http://sharetheworld.forumvi.com

Back to top Go down

Solved Re: Preview and Send button position

Post by hamesashek on February 24th 2016, 11:18 pm

Code:
#profile-advanced-add a, a.button1, a.button2, button.button2, input.button, input.button1, input.button2 {
    background: #39C;
    border: none;
    border-bottom: 2px solid #17A;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
    padding: 1px 0;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
    background-color: #FAFAFA;
    background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);
    background-position: top;
    background-repeat: repeat-x;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: .9em;
    overflow: visible;
    padding: 2px 3px;
    width: auto!important;
}
a.button2, button.button2, input.button2 {
    border: 1px solid #BCBCBC;
}
button.button2, input.button1, input.button2 {
    font-size: 1em;
}
input {
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 0 3px;
    vertical-align: middle;
}

user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    padding: 1px 6px;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    padding: 2px 6px 3px;
    border: 2px outset buttonface;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: buttonface;
    box-sizing: border-box;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i] {
    -webkit-appearance: push-button;
    -webkit-user-select: none;
    white-space: pre;
}
user agent stylesheetinput {
    -webkit-appearance: textfield;
    padding: 1px;
    background-color: white;
    border: 2px inset;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button {
    margin: 0em;
    font: 13.3333px Arial;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
}
avatar
hamesashek
Forumember

Male Posts : 111
Reputation : 1
Language : hamesashek

http://bestk.forumegypt.net

Back to top Go down

Solved Re: Preview and Send button position

Post by Yuushishio on February 24th 2016, 11:22 pm

you mean add this CSS to my forum?

Yuushishio
Forumember

Posts : 117
Reputation : 4
Language : English

http://sharetheworld.forumvi.com

Back to top Go down

Solved Re: Preview and Send button position

Post by hamesashek on February 24th 2016, 11:24 pm

Yeah
avatar
hamesashek
Forumember

Male Posts : 111
Reputation : 1
Language : hamesashek

http://bestk.forumegypt.net

Back to top Go down

Solved Re: Preview and Send button position

Post by Yuushishio on February 24th 2016, 11:26 pm

I tried, it didn't work.
Still the 'send' is on the right and the 'preview' is on the left

Yuushishio
Forumember

Posts : 117
Reputation : 4
Language : English

http://sharetheworld.forumvi.com

Back to top Go down

Solved Re: Preview and Send button position

Post by hamesashek on February 24th 2016, 11:29 pm

Code:
#search-box input.button2, input.button1, input.button2, a.button2 {
    background-color: #F5F5F5;
    background-image: url('http://illiweb.com/fa/optimisation_fdf/fr/bg_buttons.png');
    background-repeat: repeat-x;
    border: 1px solid #C3E0F1;
    border-radius: 2px;
    color: #666666 !important;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    line-height: 27px;
    margin: 5px 6px;
    padding: 0 8px !important;
    text-align: center;
    box-shadow: 1px 1px 1px;
}
avatar
hamesashek
Forumember

Male Posts : 111
Reputation : 1
Language : hamesashek

http://bestk.forumegypt.net

Back to top Go down

Solved Re: Preview and Send button position

Post by Yuushishio on February 24th 2016, 11:33 pm

still didn't work, and to code broke my theme too.
I think it's not the 'search button' class here.

Yuushishio
Forumember

Posts : 117
Reputation : 4
Language : English

http://sharetheworld.forumvi.com

Back to top Go down

Solved Re: Preview and Send button position

Post by hamesashek on February 24th 2016, 11:33 pm

Code:




#search-box input.button2, input.button1, input.button2, a.button2 {
    background: #39C;
    border: none;
    border-bottom: 2px solid #17A;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}
avatar
hamesashek
Forumember

Male Posts : 111
Reputation : 1
Language : hamesashek

http://bestk.forumegypt.net

Back to top Go down

Solved Re: Preview and Send button position

Post by Yuushishio on February 24th 2016, 11:37 pm

not work again.

Yuushishio
Forumember

Posts : 117
Reputation : 4
Language : English

http://sharetheworld.forumvi.com

Back to top Go down

Solved Re: Preview and Send button position

Post by hamesashek on February 24th 2016, 11:41 pm

Code:
input.button2 {
    background: #39C;
    border: none;
    border-bottom: 2px solid #17A;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}

This works for the good
avatar
hamesashek
Forumember

Male Posts : 111
Reputation : 1
Language : hamesashek

http://bestk.forumegypt.net

Back to top Go down

Solved Re: Preview and Send button position

Post by Yuushishio on February 24th 2016, 11:58 pm

The css only change the style of the button not the position of it.
I think we should looking for Javascript help or some key point in editing template.

Yuushishio
Forumember

Posts : 117
Reputation : 4
Language : English

http://sharetheworld.forumvi.com

Back to top Go down

Solved Re: Preview and Send button position

Post by Pebbles on March 1st 2016, 11:45 pm

think this will work
add this here administrative panel>> Display>> Images and Colors>> Colors>> CSS Stylesheet


Code:
input.button2[name="preview"] {
    float: right;
}


input.button2[name="post"] {
    float: left;
}

div#textarea_content + div {
    max-width: 130px;
    margin: 0 auto;
}

div#textarea_content + div:after{
   content: '';
   display: table;
   clear: both;
}

edit the 130px if space between two buttons is too much
avatar
Pebbles
New Member

Posts : 11
Reputation : 5
Language : English

Back to top Go down

Solved Re: Preview and Send button position

Post by Yuushishio on March 3rd 2016, 8:32 am

Thank you, the code isn't all right in my forum but I fixed it and it works. Thanks for let me know about the CSS for that button.
This code works in my forum
Code:
input.button2[name="preview"] {
    float: right;
}
 
 
input.button2[name="post"] {
    float: left;
}
 
div#textarea_content + div {
    max-width: 130px;
    margin: 0 auto;
}
 
fieldset.submit-buttons {max-width:140px!important;
margin: 0 auto;}

Yuushishio
Forumember

Posts : 117
Reputation : 4
Language : English

http://sharetheworld.forumvi.com

Back to top Go down

Solved Re: Preview and Send button position

Post by brandon_g on March 3rd 2016, 2:31 pm

Thanks for the help Pebbles Wink.

Topic solved and archive ~ brandon_g


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 6649
Reputation : 602
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Back to top


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