(L) Byta sida på profiler

[JohnW]

Hej,

kan man få profilen till vänster istället för att ha den på högersidan?

[Marcus]

Gör en sökning på "vänster" här på forumet, så ska du se att det finns en/flera trådar om detta några har till och med en guide till hur man göra.

Dock är dessa guider baserade på proSilver, men är man lite flink så kan man tolka hur man gör i vilket tema som helst.

Lycka till!
/Marcus

[Sinom]

Hej JohnW!

Som Marcus nämde så finns det trådar om detta, men skriver detta här lite snabbt

I denna guiden berättas hur man flyttar profilen från höger, som det är som standard i prosilver, till vänster.
(Kolla längst ner i denna posten för att se hur det kommer att se ut när det är klart)

1 ) Vi börjar med att flytta bilagor, så att dom sitter på rätt plats efter allt är klart.

Öppna styles/prosilver/theme/content.css och hitta:

Kod: Markera allt

/* Attachments
----------------------------------------*/
.attachbox {
   float: left;
   width: auto; 
   margin: 5px 5px 5px 0;
   padding: 6px;
   background-color: #FFFFFF;
   border: 1px dashed #d8d8d8;
   clear: left;
}

Ersätt med:

Kod: Markera allt

/* Attachments
----------------------------------------*/
.attachbox {
   float: left;
   width: auto; 
   margin: 5px 5px 5px 0;
   padding: 6px;
   background-color: #FFFFFF;
   border: 1px dashed #d8d8d8;
   clear: right;
}

2 ) Nu flyttar vi på själva posten.

Öppna styles/prosilver/theme/content.css och hitta:

Kod: Markera allt

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}

Ersätt med:

Kod: Markera allt

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}

3 ) Nu flyttar vi på miniprofilen och den lilla linjen vid sidan om den.

Öppna styles/prosilver/theme/content.css och hitta:

Kod: Markera allt

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
display: inline;
}

Ersätt med:

Kod: Markera allt

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}

4 ) Hitta:

Kod: Markera allt

.pm .postprofile {
border-left: 1px solid #DDDDDD;
}

Ersätt med:

Kod: Markera allt

.pm .postprofile {
border-right: 1px solid #DDDDDD;
}

5 ) Öppna styles/prosilver/theme/colours.css och hitta:

Kod: Markera allt

.online {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}

Ersätt med:

Kod: Markera allt

.online {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
   margin-top: -5px;
}

.online dt {
   margin-top: 5px;
}

6 ) Nu skall vi ta bort online-bilden, för att sedan lägga till den på ett annat ställe.

Öppna styles/prosilver/template/viewtopic_body.html och hitta:

Kod: Markera allt

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">

Ta bort följande rad i ovanstående kod: <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->

Så du skapar följande:

Kod: Markera allt

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">

7 ) Nu lägger vi tillbaka online bilden, så den blir rätt placerad.

Öppna viewtopic_body.html och hitta:

Kod: Markera allt

<dl class="postprofile" id="profile{postrow.POST_ID}">

Ersätt med:

Kod: Markera allt

<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">

8 ) Öppna styles/prosilver/template/ucp_pm_viewmessage.html och hitta:

Kod: Markera allt

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">

Hitta och ta bort i ovanstående kod: <!-- IF S_ONLINE --> online<!-- ENDIF -->

För att skapa:

Kod: Markera allt

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">

9 ) Slutligen, hitta:

Kod: Markera allt

<dl class="postprofile" id="profile{MESSAGE_ID}">

Ersätt med:

Kod: Markera allt

<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">

Detta skall se ut som följande när det är klart:



Lycka till!

Hugs

[JohnW]

Tack så jättemycket för hjälpen.

Dock fick jag ett annat problem, jag råkade klicka på att ta bort cachen för temat och nu kommer detta upp, vad ska jag göra?

Parse error: syntax error, unexpected '}' in /home/web33374/domains/guld-kristall.se/public_html/andligt-forum/cache/tpl_prosilver_viewtopic_body.html.php on line 73

[Sinom]

Det var inget fel med att rensa cachen.

Jag kollade dock igenom din viewtopic_body.html och den ser väldigt konstig ut.

"}" betyder att du har en sådan när du inte ska ha det

Hur gjorde du när du gjorde de ändringar jag skrev ovan?

Mitt tips är följande:

*Ladda ner ett bra textredigeringsprogram - Så som Notepad++*

• Logga in på din server med ditt FTP-program och leta upp den filen du skall ändra.
• Gör de ändringar du skall göra och spara.
• Ladda upp filen på nytt till din server, och gå sedan till ditt forum.
• Logga in på Administrationspanel >> Stilar >> Välj Mallar/Teman/Bildpaket för din stil och klicka på Uppdatera!
• När du gjort detta så har du tömt denna filen från cachen och kommer se ändringarna när du sedan går till forumet nästa gång.

Lycka till!

Hugs

[JohnW]

Tack Sinom nu funkar det igen

[Sinom]

Härligt att höra!

Nu såg koden riktigt fin ut igen

Hugs

[Kjell]

Bli inte för mallig nu, det är alltid någon som missar att läsa lite i tråden