• Registered: 2005-04-21
  • Posts: 47

Topic: change layout

i was wondering how i could change the layout when you view a post
i want all the user info, thats currently on the left side with the post on the right to be swapped
so post on left and user info on right

i dont really want to change the code in viewtopic.php so is it possible to do it with css?

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: change layout

its all done with css. should i post a diff or can you find you way?

  • Registered: 2005-04-21
  • Posts: 47

Re: change layout

plz post how u do this, i changed the float from left to right for .user and that didnt work

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: change layout

its more then just swaping floats, you gotta swap borders and margins too. these are the sections that need changing. remove lines with - and replace them with +

hope it helps

line: 1446

 .main .topic .post .postmain {
-    margin-left: 17em;
+    margin-right: 17em;
     position: relative;
-    border-left-style: solid;
-    border-left-width: 1px;
+    border-right-style: solid;
+    border-right-width: 1px;
     }

line: 1472

 .main .topic .post .postmain  .user {
-    float: left;
-    margin: -2.6em 0 0 -16em;
+    float: right;
+    margin: -2.6em -16em 0 0;
     width: 15em;
     }

line: 1492

 .main .topic .post .postmain .postfoot {
-    margin-left: -17em;
-    text-align: right;
+    margin-right: -17em;
     border-top-style: dashed;
     border-top-width: 1px;
     padding: 0.5em 1em;
     }

line: 1503

 .main .topic .post .postmain .postfoot .post-options a.contact {
-    float: left;
-     margin-right: 1em;
-     margin-left: 0;
+    float: right;
     }

5 Reply by raptrex (edited by raptrex 2008-04-03 23:06)

  • Registered: 2005-04-21
  • Posts: 47

Re: change layout

im using firefox 3.0 beta 5 and im getting some alignment issues
Default
http://bayimg.com/cAjAOAAbF
New
http://bayimg.com/cajApaaBf
first there was a little gray box by the poster's name, dont know where that came from
the report, delete, edit, quote doesnt line up with email on the right like it does normally

  • Gizzmo
  • Senior Member
  • Offline
  • From: Earth, Milkyway Galaxy
  • Registered: 2004-01-27
  • Posts: 762

Re: change layout

double check your changes. i just downloaded FF3 B5 and it seems fine on my screen.

  • Registered: 2005-04-21
  • Posts: 47

Re: change layout

"email" isnt inside .user
its inside the "post", but at least it is lined up properly