Simple Machines Community Forum

Customizing SMF => SMF Coding Discussion => Aiheen aloitti: Rayleigh - tammikuu 25, 2014, 10:06:46 AP

Otsikko: Poster Info to the Right
Kirjoitti: Rayleigh - tammikuu 25, 2014, 10:06:46 AP
Hi!
Well, like in this forum, the poster info is in the left. Is it possible to change the whole column with the poster info to the right? Where can I change it?
Please explain me in detail ^^
Otsikko: Re: Poster Info to the Right
Kirjoitti: Shambles - tammikuu 25, 2014, 10:14:36 AP
Does this help?


http://www.simplemachines.org/community/index.php?topic=456549.0
Otsikko: Re: Poster Info to the Right
Kirjoitti: Rayleigh - tammikuu 25, 2014, 10:23:25 AP
it worked something out but it's not entirely correct :)

I made those changes:
Lainaus käyttäjältä: Also Gone - 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?

;)


I made those modifications and its working pretty well :)
Thanks!
(my CSS took long to refresh in the page so I've only seen the modifications now, sorry).