Nawigacja
Zmiana wygladu paneli na własne
Napisane przez DJPromo dnia 29 listopada 2008 22:22 · 1 komentarz · 9085 czytań · · ·
Streszczenie:
Tutaj dowiesz się, jak zmienić wygląd któregoś z paneli w theme'ie na własny.W niniejszym artykule zapoznamy się z metodą zmiany wyglądu panelu w skórce Gillette.
Pierwsze co robimy to kopiujemy funkcje opentable i closetable w pliku theme.php i dodajemy je, zmieniając ich nazwę, np: na opentable1 i closetable1.
Podobnie robimy z funkcjami openside(""); i closeside();
Teraz szukamy w tej naszej nowej funkcji:
- capmain-left
- capmain
- capmain-right
Zamieniamy je na:
- capmain-left1
- capmain1
- capmain-right1
Zapisujemy i przechodzimy do pliku styles.css, kopiujemy:
.capmain-left {
width: 3px;
height: 24px;
background-color: #F80303;
background-image: url(images/side-left.gif);
}
.capmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
background-color: #555;
background-image: url(images/cap.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.capmain-right {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/side-right.gif);
}
a następnie zmieniamy na:
.capmain-left1 {
width: 3px;
height: 24px;
background-color: #F80303;
background-image: url(images/nowy_side-left.gif);
}
.capmain1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
background-color: #555;
background-image: url(images/nowy_cap.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.capmain-right1 {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/nowy_side-right.gif);
}
Adresy do nowych plików zmieniamy na swoje:
- nowy_side-right.gif
- nowy_cap.gif
- nowy_side-left.gif
Zapisujemy pliki i wgrywamy wszystko na serwer.
Teraz chcąc mieć inny wygląd panelu, w zarządzaniu Panelami, gdy dodajemy nowy panel zamieniamy:
openside("");
closeside();
na
openside1("");
closeside1();
Pisząc swoje pliki .php lub np. chcemy zmienić wygląd panelu shoutboxa robimy podobnie, czyli szukamy wszystkich opentable i closetable i dopisujemy im 1.
Mam nadzieje że nowym trochę ten artykuł pomoże :)
Komentarze
Dodaj komentarz
Oceny
Zaloguj się lub zarejestruj, żeby móc zagłosować.