Skocz do zawartości

net4game

Największy polski serwer RolePlay w GTA: San Andreas Multiplayer

Zdjęcie

[HTML/CSS] Zmiana tła dowolnego profilu


  • Please log in to reply
5 odpowiedzi w tym temacie

#1 ImALegend — 283 14/11/2014 - 16:19

ImALegend
  • Gracz

*
Popularny

Cześć. Możliwe, że wielu z was ma czasem problem z szablonem profilu HTML. Mianowicie: jak zmienić tło profilu ? Są szablony gdzie jest to jasno pokazane i wystarczy podmienić linki, lecz są też szablony takie (np. FacebookLike) które nie posiadają obrazka tła i zielonym trudno jest je zmienić.

 

Zacznijmy od początku. Czego będziemy potrzebować ?

 

1. Kod profilu HTML [W moim przypadku jest to Facebook-like http://pastebin.com/MQnSyiCV#]

2. RGB to HEX converter [http://www.javascrip...aq/rgbtohex.htm]

3. Edytor tekstu [polecam notepad++]

4. Obrazek tła [najlepiej 1920x1080]

 

 

 

Więc zaczynamy!

 

 

Krok 1: skopiuj kod profilu do edytora tekstu i jeśli jest to możliwe zmień składnie na CSS.

Krok 2: kod przeklejamy do usług N4G tak aby zaskoczył na profil, przyda nam się to w kroku 3.

Krok 3: wchodzimy na nasz profil, celujemy na tło po czym klikamy PPM (prawy przycisk myszy) i w przypadku chrome wybieramy "Zbadaj Element".

pX8JHWP.png

 

 

Krok 4: teraz potrzebujemy tego co znajduje się w prawej kolumnie w zakładce Elements. Mianowicie szukamy kodu RGB tła. 

DkOF0Iv.png

 

Krok 5: gdy posiadamy już kod koloru RGB tła wchodzimy na RGB to HEX converter [http://www.javascrip...aq/rgbtohex.htm] i w odpowiednie miejsca kolejno wpisujemy cyfry kodu RGB i klikamy Convert to HEX. W moim przypadku są to 233 234 237.

txlCnrf.png

 

Krok 6: teraz już z górki, wchodzimy do naszego edytora tekstu gdzie posiadamy wklejony kod profilu i wyszukujemy [skrót CTRL + F] przekonwertowany kod RGB [W moim przypadku jest to E9EAED].

wRo1xsE.png

 

Krok 7: następnie w to miejsce wklejamy linijkę  {background: url('LINK DO OBRAZKA') fixed repeat;} [Podmieniamy całe wcześniejsze {background: #KOLORHEX}]. Po tej operacji powinno wygladac to mniej więcej tak:

GK6KoIm.png

 

Krok 8: przeklejamy kod z edytora tekstu do edytora N4G, zapisujemy zmiany i cieszymy się obrazkiem tła!

sLvIakD.jpg

 

 

Jeśli ktoś ma z tym jakiś problem zapraszam do pisania PW, pomogę.

 

 

Poradnik wykonany tylko i wyłącznie przez ImALegend. 


  • Do góry
    • 4

#2 Dexyy — 23 14/11/2014 - 17:21

Dexyy
  • Gracz

ja znam łatwiejszy sposób, ale ten nie jest zły. Bardzo dobry poradnik.


  • Do góry
    • 0

#3 GdzieJestWally — 49 16/11/2014 - 12:02

GdzieJestWally
  • Gracz

ja znam łatwiejszy sposób, ale ten nie jest zły. Bardzo dobry poradnik.

W takim razie, możesz się tym sposobem podzielić ;)


  • Do góry
    • 0

#4 Dexyy — 23 16/11/2014 - 14:00

Dexyy
  • Gracz

W takim razie, możesz się tym sposobem podzielić ;)

 

Ja zawszę robię tak, że kopiuje tło, po czym wyszukuje je w notatniku i daje swoje. Taki tryb domowy ;).


  • Do góry
    • 0

#5 David007 — 149 30/05/2015 - 17:52

David007
  • Gracz

Dobry poradnik.


  • Do góry
    • 1

#6 RudyCzłowiekYT — 0 31/05/2019 - 20:07

RudyCzłowiekYT
  • Zbanowani

ładne skorzystam z poradnika :)


heh :D


  • Do góry
    • 0


Użytkownicy przeglądający ten temat: 1

0 użytkowników, 1 gości, 0 anonimowych