Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Koszt przerobienia belki


Stranek

Rekomendowane odpowiedzi

Witam
Panowie może mi ktoś powiedzieć ile kosztuje przerobienie tej głownej belki w skinie IPB 4.2
Chodzi mi to o , że nie podobają mi się belki w pewnym skinie i chciałbym je zrobić tak jak na niektórych forach w postaci takiej , że jest belka a na niej np. postać z gry.
Wiecie może ile mnie osoba , która się tym zajmie może policzyć ?
Chodzi o przerobienie tej 1 belki dla wszystkich kategorii itd.
Jedna belka.

Odnośnik do komentarza
Udostępnij na innych stronach

Mniej więcej wlasnie cos takiego jak pokazałeś.
Chodzi mi o belkę do gry Fortnite(Moze jakas postac moze cos takiego)
Chcialbym znac orientacyjny koszt czegos takiego zanim dam ogloszenie na giełdzie.
To wlasciwie tylko 1 belka.

Odnośnik do komentarza
Udostępnij na innych stronach

Nie płać, ucz się i zrób to sam! ;) 

Lekcja 1. Dodanie lub zmiana grafiki tła elementu.  Czas wykonania około 60s (nie uwzględnia wyszukania i przygotowania plików graficznych)

 

Po pierwsze przygotuj sobie grafikę. Znajdź zdjęcie, przytnij i nie zapomnij o spadach czyli jakimś zapasie; generalnie grafika musi być odrobinkę większa niż ta belka. Przygotowaną grafikę wgraj na swój serwer ftp np. do katalogu upload.

 

W edytorze skinów : ACP/Style i Szablony/twój skin - wybierz edycję kodu HTML/CSS </>

Zmień widok na CSS; pokaże się lista plików, w których będzie zdefiniowany styl tej "belki".

Nad listą plików masz małą wyszukiwarkę wrzuć do niej frazę: ipsType_sectionTitle

 

W przypadku modyfikowanych skinów klasa stylu może pojawić się np. w pliku z nazwą skina - nazwa_skina.css w podkategorii Custom

Po otworzeniu pliku wyszukaj w/wym element który powinien mieć taką formę zapisu:

.ipsType_sectionTitle {
/* Tutaj będą zapisane ustawienia stylu dla tego konkretnego elementu. */
}

Przykładowy wygląd elementu zapisanego w domyślnym stylu IPS

.ipsType_sectionTitle {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 15px;
    margin-top: 0;
    background: #ebedf0;
    color: #828e99;
    border-radius: 2px 2px 0px 0px;
}

Znajdź w elemencie ipsType_sectionTitle pozycję background: /lub background-image: (jeżeli styl ma już zdefiniowaną grafikę) może być to również zapisane z użyciem zmiennej pod postacią: 

background-image: url({theme="jakaś wartość"});

i teraz:
a. Jeżeli belka ma określony tylko kolor (background: #colorhex) zastąp linijkę nową formą zapisu: 

.ipsType_sectionTitle {
   /* ... */
   background: #fff; /* <- usuń to */
   background-image: url('link do grafiki'); /* <- to dodaj */
  /* ... */
}

b. Jeżeli jest już zdefiniowana grafika, zmień linkowanie na adres z Twoją grafiką.

.ipsType_sectionTitle {
   /* ... */
   background-image: url('link do grafiki'); /* wygląd linku: http://example.com/uploads/twoja_grafika.jpg */
  /* ... */
}

Zapisz zmiany i pozamiatane.

--

Ewentualnie, jeśli nie chcesz zmieniać zapisów w stylu możesz otworzyć plik custom.css i wkleić (jako ostatnią pozycję) samo formatowanie belki w postaci:

/* wklejamy cały poniższy kod */
.ipsType_sectionTitle {
   background-image: url('link do grafiki');
}

--

Z sową - dla ambitnych. 
Plik custom jest includowany przez skrypt na samym końcu zestawu plików CSS, zatem przeglądarka globalnie zignoruje wszystkie poprzednie formatowania dotyczące formatowania tła zapisane w klasie ipsType_sectionTitle i uwzględni/zastąpi ostatnią pozycją, którą wczyta.

Edytowane przez BitGit
  • Lubię to 1
Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.