rearrange post icons location

fijea at 15h25

Sep

2011

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!

1 Nera., on 14/09/2011 at 16h04

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?

2 fijea, on 14/09/2011 at 16h32

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?

3 Nera., on 14/09/2011 at 16h42

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.

4 fijea, on 14/09/2011 at 17h02

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

5 Nera., on 14/09/2011 at 17h13

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%; }

6 fijea, on 14/09/2011 at 17h31

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

I'll mark this topic as Solved Smile

7 Nera., on 14/09/2011 at 17h33

Welcome.

Solved > Locked