Simple Machines Community Forum

SMF Support => SMF 2.0.x Support => Aiheen aloitti: ricland - lokakuu 19, 2011, 06:29:33 IP

Otsikko: Move Avatar from left to right
Kirjoitti: ricland - lokakuu 19, 2011, 06:29:33 IP
Last version of smf using default theme.

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

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

I believe there is a mod which does exactly that.
Otsikko: Re: Move Avatar from left to right
Kirjoitti: ricland - lokakuu 19, 2011, 07:56:06 IP
Lainaus käyttäjältä: Brack1 - lokakuu 19, 2011, 06:50:36 IP
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?
Otsikko: Re: Move Avatar from left to right
Kirjoitti: TheListener - lokakuu 19, 2011, 08:02:15 IP
Rather than ask ridiculous questions isn;t your time better spent actually using the search feature?
Otsikko: Re: Move Avatar from left to right
Kirjoitti: ricland - lokakuu 19, 2011, 08:45:35 IP
Lainaus käyttäjältä: Brack1 - lokakuu 19, 2011, 08:02:15 IP
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?
Otsikko: Re: Move Avatar from left to right
Kirjoitti: ricland - lokakuu 20, 2011, 02:56:24 AP
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 ...
Otsikko: Re: Move Avatar from left to right
Kirjoitti: Dblog - lokakuu 20, 2011, 02:32:55 IP
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 )
Otsikko: Re: Move Avatar from left to right
Kirjoitti: ARG01 - lokakuu 20, 2011, 04:09:24 IP
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:

/* 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:
/* 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:
ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: right;
float: right;
text-align: right;
font: bold 0.85em arial, sans-serif;
}


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


Find:
.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:
.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?

;)
Otsikko: Re: Move Avatar from left to right
Kirjoitti: ricland - lokakuu 20, 2011, 08:05:10 IP
Lainaus käyttäjältä: ARG - lokakuu 20, 2011, 04:09:24 IP
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:

/* 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:
/* 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:
ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: right;
float: right;
text-align: right;
font: bold 0.85em arial, sans-serif;
}


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


Find:
.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:
.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.
Otsikko: Re: Move Avatar from left to right
Kirjoitti: Antechinus - lokakuu 20, 2011, 08:06:58 IP
Lainaus käyttäjältä: ricland - lokakuu 20, 2011, 08:05:10 IP
Lainaus käyttäjältä: ARG - lokakuu 20, 2011, 04:09:24 IP
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:

/* 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:
/* 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:
ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: right;
float: right;
text-align: right;
font: bold 0.85em arial, sans-serif;
}


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


Find:
.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:
.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.
Otsikko: Re: Move Avatar from left to right
Kirjoitti: ARG01 - lokakuu 20, 2011, 11:42:34 IP
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=9caf478a200e453a45e28bd78870e476b943f59b)
Otsikko: Re: Move Avatar from left to right
Kirjoitti: Dblog - lokakuu 21, 2011, 12:03:50 AP
works perfect.
no need to edit ie6.css or ie7.css
Otsikko: Re: Move Avatar from left to right
Kirjoitti: ARG01 - lokakuu 21, 2011, 12:11:46 AP
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.dzinerstudio.com%2FSmileys%2Fnew%2Fcheers.gif&hash=80fa723cde0621bd3b766a544ba2950bb25a7ae2)
Otsikko: Re: Move Avatar from left to right
Kirjoitti: ricland - lokakuu 21, 2011, 10:17:15 AP
Worked like a charm.

And somebody tell Mr. Warmth there's no mod for this.
Otsikko: Re: Move Avatar from left to right
Kirjoitti: TheListener - lokakuu 21, 2011, 10:49:06 AP
Lainaus käyttäjältä: ricland - lokakuu 21, 2011, 10:17:15 AP
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.
Otsikko: Re: Move Avatar from left to right
Kirjoitti: ARG01 - lokakuu 21, 2011, 10:52:42 AP
Lainaus käyttäjältä: Brack1 - lokakuu 21, 2011, 10:49:06 AP
Lainaus käyttäjältä: ricland - lokakuu 21, 2011, 10:17:15 AP
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.

;)
Otsikko: Re: Move Avatar from left to right
Kirjoitti: sangham.net - tammikuu 25, 2014, 09:00:06 AP
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=b261c8603b49f7ea207bf56802f991ddddbfb23e)

Otsikko: Re: Move Avatar from left to right
Kirjoitti: sangham.net - tammikuu 28, 2014, 01:55:30 AP
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!
Otsikko: Re: Move Avatar from left to right
Kirjoitti: sangham.net - tammikuu 29, 2014, 05:58:10 AP
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!