Advertisement:

Author Topic: Move Avatar from left to right  (Read 8505 times)

Offline ricland

  • Semi-Newbie
  • *
  • Posts: 27
Move Avatar from left to right
« 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

TheListener

  • Guest
Re: Move Avatar from left to right
« Reply #1 on: October 19, 2011, 06:39:48 PM »
Have a look HERE

Offline ricland

  • Semi-Newbie
  • *
  • Posts: 27
Re: Move Avatar from left to right
« Reply #2 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. ----->

TheListener

  • Guest
Re: Move Avatar from left to right
« Reply #3 on: October 19, 2011, 06:50:36 PM »
I er did.

I believe there is a mod which does exactly that.

Offline ricland

  • Semi-Newbie
  • *
  • Posts: 27
Re: Move Avatar from left to right
« Reply #4 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?

TheListener

  • Guest
Re: Move Avatar from left to right
« Reply #5 on: October 19, 2011, 08:02:15 PM »
Rather than ask ridiculous questions isn;t your time better spent actually using the search feature?

Offline ricland

  • Semi-Newbie
  • *
  • Posts: 27
Re: Move Avatar from left to right
« Reply #6 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?

Offline ricland

  • Semi-Newbie
  • *
  • Posts: 27
Re: Move Avatar from left to right
« Reply #7 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 ...
« Last Edit: October 20, 2011, 04:35:35 AM by ricland »

Offline Dblog

  • Jr. Member
  • **
  • Posts: 153
  • Gender: Female
Re: Move Avatar from left to right
« Reply #8 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 )

Offline ARG01

  • SMF Hero
  • ******
  • Posts: 4,602
  • Dziner-Studio
    • Dziner-Studio
Re: Move Avatar from left to right
« Reply #9 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?

 ;)
« Last Edit: October 20, 2011, 04:24:25 PM by ARG »
No, I will not offer free downloads to Premium DzinerStuido themes. Please stop asking.

All Web Now

Offline ricland

  • Semi-Newbie
  • *
  • Posts: 27
Re: Move Avatar from left to right
« Reply #10 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.

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 24,844
  • Master of BBC Abuse
Re: Move Avatar from left to right
« Reply #11 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.

Offline ARG01

  • SMF Hero
  • ******
  • Posts: 4,602
  • Dziner-Studio
    • Dziner-Studio
Re: Move Avatar from left to right
« Reply #12 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.

 ;)

No, I will not offer free downloads to Premium DzinerStuido themes. Please stop asking.

All Web Now

Offline Dblog

  • Jr. Member
  • **
  • Posts: 153
  • Gender: Female
Re: Move Avatar from left to right
« Reply #13 on: October 21, 2011, 12:03:50 AM »
works perfect.
no need to edit ie6.css or ie7.css

Offline ARG01

  • SMF Hero
  • ******
  • Posts: 4,602
  • Dziner-Studio
    • Dziner-Studio
Re: Move Avatar from left to right
« Reply #14 on: October 21, 2011, 12:11:46 AM »
No, I will not offer free downloads to Premium DzinerStuido themes. Please stop asking.

All Web Now

Offline ricland

  • Semi-Newbie
  • *
  • Posts: 27
Re: Move Avatar from left to right
« Reply #15 on: October 21, 2011, 10:17:15 AM »
Worked like a charm.

And somebody tell Mr. Warmth there's no mod for this.
« Last Edit: October 21, 2011, 10:25:06 AM by ricland »

TheListener

  • Guest
Re: Move Avatar from left to right
« Reply #16 on: October 21, 2011, 10:49:06 AM »
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.

Offline ARG01

  • SMF Hero
  • ******
  • Posts: 4,602
  • Dziner-Studio
    • Dziner-Studio
Re: Move Avatar from left to right
« Reply #17 on: October 21, 2011, 10:52:42 AM »
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.

 ;)
No, I will not offer free downloads to Premium DzinerStuido themes. Please stop asking.

All Web Now

Offline sangham.net

  • Full Member
  • ***
  • Posts: 497
  • Gender: Male
Re: Move Avatar from left to right
« Reply #18 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!




Offline sangham.net

  • Full Member
  • ***
  • Posts: 497
  • Gender: Male
Re: Move Avatar from left to right
« Reply #19 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!