phpBB.sk

Prosilver: Profily na ľavej strane
Návod určený pre: phpBB3
ID článku: 185
Napísal: Snowcone
Preložil: Ďuri
Dňa: Tue Jan 08, 2008 8:42 pm
Popis: Návod, ako presunúť zobrazovanie profilu v témach z pravej strany na ľavú
Odkaz na originál článok: Knowledge Base - Prosilver: Profiles on Left
_________________________________________________
Niektorí z vás sa pýtali, ako dosiahnuť, aby prosilver zobrazoval štýly vľavo, ako to robil subsilver.

1. Choďte do ACP na záložku Štýly
2. Pod komponentami štýlov (vľavo), kliknite na Témy.
3. Vpravo, kliknite na Upraviť pri prosilver štýle. Toto by vám malo zobraziť okno s celým CSS v ňom.
4. Nájdite kód nižšie v CSS súbore. Malo by to byť okolo riadku 1054. Zmeníme float hodnotu pre .postbody class zľava do prava.

Kód: Vybrať všetko

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

Zmeňte na:

Kód: Vybrať všetko

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

5. Nájdite nasledujúci kód v CSS súbore. Malo by byť okolo riadku 1532. Zmeníme float hodnotu pre .postprofile class sprava do ľava a presunieme biely vertikálny okraj do prava.

Kód: Vybrať všetko

    /* 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;
    }

Zmeňte na:

Kód: Vybrať všetko

    /* 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;
    }

6: Potom nájdite toto:

Kód: Vybrať všetko

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

Zmeňte na:

Kód: Vybrať všetko

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

7: Potom nájdite toto:

Kód: Vybrať všetko

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

Zmeňte na:

Kód: Vybrať všetko

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

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

8: Kliknite Odoslať pre úpravu CSS súboru pre prosilver.
9: Naľavo, kliknite Šablóny pod Komponentami štýlov
10: Kliknite Upraviť pri prosilveri
11: Vo výberovom menu, choďte úplne dolu a vyberte viewtopic_body.html a malo by sa otvoriť okno s príslušným kódom.
12: Najprv potrebujeme presunúť online obrázok z aktuálneho použitia v div-e s príspevkom. Nájdite nasledujúci kód okolo riadku 117.

Kód: Vybrať všetko

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

Odstráňte:

Kód: Vybrať všetko

<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->

Aby ste dostali:

Kód: Vybrať všetko

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

13: Teraz to potrebujeme vrátiť späť do postprofile dl elementu. Nájdite nasledujúci riadok okolo riadku 173:

Kód: Vybrať všetko

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

Zmeňte na:

Kód: Vybrať všetko

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

14: Kliknite Odoslať pre uloženie vášho štýlu.
15: Vyberte ucp_pm_viewmessage.html zo zoznamu.
16: Nájdite tento kód okolo riadku 16:

Kód: Vybrať všetko

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

Odstráňte:

Kód: Vybrať všetko

<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->

Aby ste dostali:

Kód: Vybrať všetko

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

17: Nájdite tento kód okolo riadku 65:

Kód: Vybrať všetko

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

Zmeňte na:

Kód: Vybrať všetko

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

Toto by malo presunúť profily na ľavú stranu ako v subsilveri v témach, ako aj v súkromných správach. Tu sú obrázky, čo dostanete, ak úpravy vykonáte správne:

Zobrazovanie SS:


Zobrazovanie príspevkov:

Dakujem za navod.
Spravil som to presne podla neho, ale mam jeden problem.
Ten oddelovac mam na lavej strane.

Malo by to byt tako:


Ale mam to takto:


Obrazok je cenzurovany, ale je oznacene oco mi ide.

Da sa to riesit?

Dik.

Skús hľadať odpoveď na oficiálnej podpore.

Prosilver: Profiles on Left
http://www.phpbb.com/community/viewtopi ... 4&t=620735