1. Przejdź do Panelu administracyjnego i otwórz zakładkę Style.
2. Następnie kliknij w tabeli po lewej stronie napis "Tematy".
3. Po prawej stronie obok nazwy Twojego stylu kliknij "Edytuj" (powinno pokazać się okno wewnątrz którego znajduje się kod CSS).
- Znajdź (około linii 1054):
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}- Zamień na:
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}- Znajdź (około linii 1532):
/* 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;
}- Zamień na:
/* 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;
}- Znajdź:
.pm .postprofile {
border-left: 1px solid #DDDDDD;
}- Zamień na:
.pm .postprofile {
border-right: 1px solid #DDDDDD;
}- Znajdź:
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}- Zamień na:
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
margin-top: -5px;
}
.online dt {
margin-top: 5px;
}4. Kliknij Wyślij żeby zapisać zmiany w plikach CSS.
5. Po lewej stronie kliknij "Szablony" a następnie "Edytuj" obok nazwy Twojego stylu.
6. Z rozwijanego menu wybierz viewtopic_body.html (powinien pokazać się edytor z zawartością wybranego pliku).
- Znajdź:
<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 --> online<!-- ENDIF -->">
- Zamień na:
<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 -->">
- Znajdź:
<dl class="postprofile" id="profile{postrow.POST_ID}">- Zamień na:
<dl class="postprofile<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
7. Kliknij Wyślij aby zapisać wprowadzone zmiany.
8. Postępuj tak samo jak w punkcie 4 i 5 z tym, że wybierz plik ucp_pm_viewmessage.html
- Znajdź:
<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
- Zamień na:
<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
- Znajdź:
<dl class="postprofile" id="profile{MESSAGE_ID}">- Zamień na:
<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">
Zmiany można też wprowadzić bezpośrednio edytując pliki *.css:
- content.css
- colours.css
