News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Move Avatar from left to right

Started by ricland, October 19, 2011, 06:29:33 PM

Previous topic - Next topic

ricland

Last version of smf using default theme.

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

Thanks


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

Quote from: Brack1 on October 19, 2011, 06:50:36 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

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

ricland

Quote from: Brack1 on October 19, 2011, 08:02:15 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?

ricland

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

#9
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?

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

ricland

Quote from: ARG 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:

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

Antechinus

Quote from: ricland on October 20, 2011, 08:05:10 PM
Quote from: ARG 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:

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

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.

;)

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

Dblog

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

ARG01

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

ricland

#15
Worked like a charm.

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

TheListener

Quote from: ricland on October 21, 2011, 10:17:15 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.

ARG01

Quote from: Brack1 on October 21, 2011, 10:49:06 AM
Quote from: ricland on October 21, 2011, 10:17:15 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.

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!

Advertisement: