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

View previous topic View next topic 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 : 3
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;
}

hamesashek
Forumember

Male Posts : 71
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 : 3
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

hamesashek
Forumember

Male Posts : 71
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 : 3
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;
}

hamesashek
Forumember

Male Posts : 71
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 : 3
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;
}

hamesashek
Forumember

Male Posts : 71
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 : 3
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

hamesashek
Forumember

Male Posts : 71
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 : 3
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

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 : 3
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.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5358
Reputation : 489
Language : English
Location : USA

http://broadcastingduo.forumotion.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