Topic: Move Avatar from left to right

[ricland]

Last version of smf using default theme.

How do I move the avatar from left to right side of page?

Thanks

[TheListener]

Have a look HERE

[ricland]

Don't think you understood the question.

On the post page the avatar and profile info is on the left. I want to move it all to the right of the page. ----->

[TheListener]

I er did.

I believe there is a mod which does exactly that.

[ricland]

I er did.

I believe there is a mod which does exactly that.

On a scale of one to ten, how strong is this belief of yours?

[TheListener]

Rather than ask ridiculous questions isn;t your time better spent actually using the search feature?

[ricland]

Rather than ask ridiculous questions isn;t your time better spent actually using the search feature?

That's the first thing I did.

No... the first thing was read the forum FAQ.

Now allow me to ask you a question:

Do you think it possible a person could read the FAQ, do a search, spend half the day getting jerked around by you, and still not be any closer to the answer he seeks than when he started?

[ricland]

Gee ...

Who is that masked man?

I guess he's flown off to save another noobee from getting answers to his questions.

And I didn't even get a chance to thank him ...

[Dblog]

you need to edit your theme's index.template.php and adjust code and also change index.css file and adjust alignments and widths and margins
i tried once but its a pain(depends on what theme )

[ARG01]

I have not tried this yet as I am not at my own comp but it looks like it may work with only a few css changes. If using the default theme try this.

Open index.css and find:

Code: [Select]

/* poster and postarea + moderation area underneath */
.post_wrapper
{
float:left;
width:100%;
}
.poster
{
float: left;
width: 15em;
}
.postarea, .moderatorbar
{
margin: 0 0 0 16em;
}
change to:

Code: [Select]

/* poster and postarea + moderation area underneath */
.post_wrapper
{
float:right;
width:100%;
}
.poster
{
float: right;
text-align: center;
width: 15em;
}
.postarea, .moderatorbar
{
margin: 0 16em 0 0;
}
Find:

Code: [Select]

ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: right;
float: right;
text-align: right;
font: bold 0.85em arial, sans-serif;
}
change to:

Code: [Select]

ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: left;
float: left;
text-align: left;
font: bold 0.85em arial, sans-serif;
}
Find:

Code: [Select]

.post
{
margin-top: 0.5em;
clear: right;
}
.inner
{
padding: 1em 1em 2px 0;
margin: 0 1em 0 0;
border-top: 1px solid #99a;
}
change to:

Code: [Select]

.post
{
margin-top: 0.5em;
clear: left;
}
.inner
{
padding: 1em 0 2px 1em;
margin: 0 0 0 1em;
border-top: 1px solid #99a;
}
You may need to also make similar changes to ie6.css, ie7.css and rtl.css but not sure?

 

[ricland]

I have not tried this yet as I am not at my own comp but it looks like it may work with only a few css changes. If using the default theme try this.

Open index.css and find:

Code: [Select]

/* poster and postarea + moderation area underneath */
.post_wrapper
{
float:left;
width:100%;
}
.poster
{
float: left;
width: 15em;
}
.postarea, .moderatorbar
{
margin: 0 0 0 16em;
}
change to:

Code: [Select]

/* poster and postarea + moderation area underneath */
.post_wrapper
{
float:right;
width:100%;
}
.poster
{
float: right;
text-align: center;
width: 15em;
}
.postarea, .moderatorbar
{
margin: 0 16em 0 0;
}
Find:

Code: [Select]

ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: right;
float: right;
text-align: right;
font: bold 0.85em arial, sans-serif;
}
change to:

Code: [Select]

ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: left;
float: left;
text-align: left;
font: bold 0.85em arial, sans-serif;
}
Find:

Code: [Select]

.post
{
margin-top: 0.5em;
clear: right;
}
.inner
{
padding: 1em 1em 2px 0;
margin: 0 1em 0 0;
border-top: 1px solid #99a;
}
change to:

Code: [Select]

.post
{
margin-top: 0.5em;
clear: left;
}
.inner
{
padding: 1em 0 2px 1em;
margin: 0 0 0 1em;
border-top: 1px solid #99a;
}
You may need to also make similar changes to ie6.css, ie7.css and rtl.css but not sure?

 

thanks, but I'm not going to do all that without knowing whether it works or not.

[Antechinus]

I have not tried this yet as I am not at my own comp but it looks like it may work with only a few css changes. If using the default theme try this.

Open index.css and find:

Code: [Select]

/* poster and postarea + moderation area underneath */
.post_wrapper
{
float:left;
width:100%;
}
.poster
{
float: left;
width: 15em;
}
.postarea, .moderatorbar
{
margin: 0 0 0 16em;
}
change to:

Code: [Select]

/* poster and postarea + moderation area underneath */
.post_wrapper
{
float:right;
width:100%;
}
.poster
{
float: right;
text-align: center;
width: 15em;
}
.postarea, .moderatorbar
{
margin: 0 16em 0 0;
}
Find:

Code: [Select]

ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: right;
float: right;
text-align: right;
font: bold 0.85em arial, sans-serif;
}
change to:

Code: [Select]

ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: left;
float: left;
text-align: left;
font: bold 0.85em arial, sans-serif;
}
Find:

Code: [Select]

.post
{
margin-top: 0.5em;
clear: right;
}
.inner
{
padding: 1em 1em 2px 0;
margin: 0 1em 0 0;
border-top: 1px solid #99a;
}
change to:

Code: [Select]

.post
{
margin-top: 0.5em;
clear: left;
}
.inner
{
padding: 1em 0 2px 1em;
margin: 0 0 0 1em;
border-top: 1px solid #99a;
}
You may need to also make similar changes to ie6.css, ie7.css and rtl.css but not sure?

 

thanks, but I'm not going to do all that without knowing whether it works or not.

Hi, I quoted all of your post just so you'd have to scroll way down to see my reply.




















Yes, it'll work.

[ARG01]

This is what I came up with using the code changes that I posted. Maybe a few other small changes can be made if you want the "report to moderator" and stuff moved to the left.

 

[Dblog]

works perfect.
no need to edit ie6.css or ie7.css

[ARG01]

[ricland]

Worked like a charm.

And somebody tell Mr. Warmth there's no mod for this.

[TheListener]

Worked like a charm.

And somebody tell Mr. Warmth there's no mod for this.

THIS looks like a mod to me.

Some people don't know how to search properly.

[ARG01]

Worked like a charm.

And somebody tell Mr. Warmth there's no mod for this.

THIS looks like a mod to me.

Some people don't know how to search properly.

I believe that it was clearly stated the OP wanted the avatar/profile in posts moved to the right. not the forum Moderators names.

 

[sangham.net]

Dear SMF Supporter and SMF Friends

Works more than great in Firefox, thanks for this hints.

How ever, it seems to get not floating in MS-explorer.

Attached a screenshot of "on firefox" and one of "on MS" (avatar pic is just enabled, so that is not really a problem on the MS sreenshot)

Thanks a lot in advanced!

[sangham.net]

I am not sure if it would be more welcome to make a new topic since it very matches the issue. Off course I can see the "solved" mark.

Please let me know if I walked a "unskillful" path for request.

Thanks!