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.

rearrange post icons location

View previous topic View next topic Go down

Solved rearrange post icons location

Post by fijea on Wed 14 Sep 2011, 15:25

Sorry for the title,
I can't seem to find a better one to explain this problem..lol

anyways,
I just changed my forum from phpBB2 to PunBB..


- and I wanna move 1 to 2 and A to B


- also how to make the quote box rounded?
These code doesn't seem to work:
Code:
.quote{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #eeeeee;
   line-height: 125%;
   background-color: #000000;
   border: #438CB5;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px}
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

Thank you very much!


Last edited by fijea on Wed 14 Sep 2011, 17:32; edited 1 time in total (Reason for editing : SOLVED)

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: rearrange post icons location

Post by Nera. on Wed 14 Sep 2011, 16:04

Hi,

To make the border rounded to quote add this to CSS

Code:
.postmain blockquote {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}

Did you edit your wievtopic_body template before while on phpBB2? If yes, can you reset the chnages you did and than tell me what do you want to move and where?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: rearrange post icons location

Post by fijea on Wed 14 Sep 2011, 16:32

Thanks, Nera! the code is working! Very Happy

btw does the code
Code:
border-radius: 10px;
-webkit-border-radius: 10px;
work for all?
cus I'd like to change most of the borders to rounded..

I think, yeah..
I just did.. Wink
- I'd like to move the profile, pm, email, etc image to the lower of the post (where reply and quote buttons are located atm)
- and I'd like to move the report buttons to the upper side of the post, near the number of the post.

is it possible?

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: rearrange post icons location

Post by Nera. on Wed 14 Sep 2011, 16:42

It does work for all (rounded corners code) but you must place it under the right selector.

Buttons => You can arrange it all in viewtopic_body template.

For the profile, PM and mail button find this
Code:
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
And delete it from there and paste it just after this
Code:
   <div class="post-options">

And for the report take this
Code:
{postrow.displayed.REPORT_IMG}
Delete it from there and paste it just before this
Code:
{postrow.displayed.COUNT_POSTS}

Save and publish your template. Add

Keep in mind that I gave you settings from a default template. You might want to revert the changes you did to yours before if you don't manage to do it on edited template.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: rearrange post icons location

Post by fijea on Wed 14 Sep 2011, 17:02

wow, Nera awesome!
thanks again!

one more thing I guess,
how to make the email, pm, etc to align left?
I'd like to separate it from reply, quote buttons..

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: rearrange post icons location

Post by Nera. on Wed 14 Sep 2011, 17:13

Try this,

Find those three buttons in templates
Code:
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
Replace them with this
Code:
<span class="novo">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</span>
Save and publish.

Than add this to CSS
Code:
.novo {
    float: left;
    padding-left: 15%;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: rearrange post icons location

Post by fijea on Wed 14 Sep 2011, 17:31

thank you very much Nera for the fast and helpful responses!

I'll mark this topic as Solved Smile

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: rearrange post icons location

Post by Nera. on Wed 14 Sep 2011, 17:33

Welcome.

Solved > Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

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