Simple Machines Community Forum

SMF Support => SMF 2.0.x Support => Topic started by: ricland on October 19, 2011, 06:29:33 PM

Title: Move Avatar from left to right
Post by: ricland on October 19, 2011, 06:29:33 PM
Last version of smf using default theme.

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

Thanks
Title: Re: Move Avatar from left to right
Post by: TheListener on October 19, 2011, 06:39:48 PM
Have a look HERE (http://custom.simplemachines.org/mods/index.php?action=search;basic_search=avatar)
Title: Re: Move Avatar from left to right
Post by: ricland on October 19, 2011, 06:44:32 PM
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. ----->
Title: Re: Move Avatar from left to right
Post by: TheListener on October 19, 2011, 06:50:36 PM
I er did.

I believe there is a mod which does exactly that.
Title: Re: Move Avatar from left to right
Post by: ricland on October 19, 2011, 07:56:06 PM
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?
Title: Re: Move Avatar from left to right
Post by: TheListener on October 19, 2011, 08:02:15 PM
Rather than ask ridiculous questions isn;t your time better spent actually using the search feature?
Title: Re: Move Avatar from left to right
Post by: ricland on October 19, 2011, 08:45:35 PM
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?
Title: Re: Move Avatar from left to right
Post by: ricland on October 20, 2011, 02:56:24 AM
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 ...
Title: Re: Move Avatar from left to right
Post by: Dblog on October 20, 2011, 02:32:55 PM
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 )
Title: Re: Move Avatar from left to right
Post by: ARG01 on October 20, 2011, 04:09:24 PM
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?

 ;)
Title: Re: Move Avatar from left to right
Post by: ricland on October 20, 2011, 08:05:10 PM
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.
Title: Re: Move Avatar from left to right
Post by: Antechinus on October 20, 2011, 08:06:58 PM
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. :D




















Yes, it'll work.
Title: Re: Move Avatar from left to right
Post by: ARG01 on October 20, 2011, 11:42:34 PM
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.

 ;)

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fsmfhack.com%2Fimgs%2Frtavatar.png&hash=812ed0af3a32831deaef398bc3b4eb87)
Title: Re: Move Avatar from left to right
Post by: Dblog on October 21, 2011, 12:03:50 AM
works perfect.
no need to edit ie6.css or ie7.css
Title: Re: Move Avatar from left to right
Post by: ARG01 on October 21, 2011, 12:11:46 AM
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.dzinerstudio.com%2FSmileys%2Fnew%2Fcheers.gif&hash=914d0c163d317e09c24fa80def7e0c25)
Title: Re: Move Avatar from left to right
Post by: ricland on October 21, 2011, 10:17:15 AM
Worked like a charm.

And somebody tell Mr. Warmth there's no mod for this.
Title: Re: Move Avatar from left to right
Post by: TheListener on October 21, 2011, 10:49:06 AM
Worked like a charm.

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

THIS (http://custom.simplemachines.org/mods/index.php?mod=1721) looks like a mod to me.

Some people don't know how to search properly.
Title: Re: Move Avatar from left to right
Post by: ARG01 on October 21, 2011, 10:52:42 AM
Worked like a charm.

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

THIS (http://custom.simplemachines.org/mods/index.php?mod=1721) 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.

 ;)
Title: Re: Move Avatar from left to right
Post by: sangham.net on January 25, 2014, 09:00:06 AM
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!

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fsangham.net%2FSmileys%2Fsangham%2Fsadhu_sangham_sw.gif&hash=f67cc00147c12cedb801d83bf9a54d0a)

Title: Re: Move Avatar from left to right
Post by: sangham.net on January 28, 2014, 01:55:30 AM
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!
Title: Re: Move Avatar from left to right
Post by: sangham.net on January 29, 2014, 05:58:10 AM
I have got some generous quick help form TE on SMFP Forum (http://www.smfportal.de/index.php/topic,10800.msg84461.html#msg84461). It was a margin and wide mistake and problem of mine. I gave the post area a wide of 13em but the postarea had only 10em margin on this side and IE seems to have a different priority if thing violate each other.

Thanks a lot anyway!