VGH: Jak dodać w forum ikonki z innego stylu

Korzystamy z wybranego stylu, w którym nie podobają się nam ikonki sygnalizujące nowe posty, brak nowych postów, temat przyklejony, temat zablokowany, itd., a chcielibyśmy takie z innego stylu? I co zrobić? Raz możesz zastosować mój poradnik Jak zmienić w forum ikonki nowe posty, brak nowych postów itp. lub zastosować poniższą metodę, aby zaimplementować ikonki ze innego stylu do swojego. Wszystko w oparciu o CSS.

1. Utwórz lub edytuj istniejący panel (lewy lub prawy):
PA -> Zarządzanie stroną -> Zarządzanie panelami

2. Skopiuj i wklej w panel poniższy kod:
<style type="text/css">
/*----Forum - modyfikacja ikon: nowe posty, brak nowych postów itp.--*/
/*--------------Implementacja ikon z innego stylu----------*//*----Modyfikacja przygotowana przez Fantagiro || fantidesign.blogspot.com--*/

/*----Brak nowych postów--*/
img[src*="folder.gif"] {
background-image: url(/themes/NAZWA STYLU/forum/folder.gif);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
height:0;
padding-top: Xpx;
width:Ypx;
}

/*----Nowe posty--*/
img[src*="foldernew.gif"] {
background-image: url(/themes/NAZWA STYLU/forum/foldernew.gif);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
height:0;
padding-top: Xpx;
width:Ypx;
}

/*----Nowe posty i 20 więcej--*/
img[src*="folderhot.gif"] {
background-image: url(/themes/NAZWA STYLU/forum/folderhot.gif);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
height:0;
padding-top: Xpx;
width:Ypx;
}

/*----Temat zablokowany--*/
img[src*="folderlock.gif"] {
background-image: url(/themes/NAZWA STYLU/forum/folderlock.gif);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
height:0;
padding-top: Xpx;
width:Ypx;
}

/*----Temat przyklejony--*/
img[src*="stickythread.gif"] {
background-image: url(/themes/NAZWA STYLU/forum/stickythread.gif);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
height:0;
padding-top: Xpx;
width:Ypx;
}
</style>
3. Zapisz panel i pamiętaj aby go włączyć!

Ważne:
  • wartości atrybutów padding-top i width musisz wpisać takie jakie mają wymiary dane ikonki. Jeśli ikonki są o wymiarach 25x25px to atrybuty przyjmą wartości:
    padding-top: 25px;
    width: 25px;
  • wysokość, czyli height bezwarunkowo ma mieć zawsze wartość 0!!!
  • W miejscu NAZWA STYLU
    (background-image: url(/themes/NAZWA STYLU/forum/stickythread.gif)
    należy wpisać nazwę stylu z jakiego pochodzi ikonka.
Przykład: ikonki ze stylu Revision
 
 Pełny kod:
<style type="text/css">
/*----Forum - modyfikacja ikon: nowe posty, brak nowych postów itp.--*/
/*--------------Ikony ze stylu Revision----------*/
/*----Modyfikacja przygotowana przez Fantagiro43--*/
/*----Brak nowych postów--*/
img[src*="folder.gif"] {
background-image: url(/themes/Revision/forum/folder.gif);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
padding-top: 24px;
width: 24px;
height:0;
}

/*----Nowe posty--*/
img[src*="foldernew.gif"] {
background-image: url(/themes/Revision/forum/foldernew.gif);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
padding-top: 24px;
width: 24px;
height:0;
}

/*----Nowe posty i 20 więcej--*/
img[src*="folderhot.gif"] {
background-image: url(/themes/Revision/forum/folderhot.gif);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
padding-top: 24px;
width: 24px;
height:0;
}

/*----Temat zablokowany--*/
img[src*="folderlock.gif"] {
background-image: url(/themes/Revision/forum/folderlock.gif);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
padding-top: 24px;
width: 24px;
height:0;
}

/*----Temat przyklejony--*/
img[src*="stickythread.gif"] {
background-image: url(/themes/Revision/forum/stickythread.gif);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
padding-top: 24px;
width: 24px;
height:0;
}
</style>

Brak komentarzy:

Prześlij komentarz