P.H.C.M.: Prohardver CSS Mod

Ez a bejegyzés egy általam készített .css fájlhoz fog leírást adni, mely eredetileg a korábbi Lenovo.css-ből lett továbbfejlesztve.

Eredetileg pusztán azért merült fel bennem rá az igény, mert nekem kimondottan tetszett a PH! a Lenovo színeiben, és ebből kifolyólag utánaérdeklődtem, hogy hogyan lehetne megtartani.

Ez az elképzelés annyival módosult, hogy jelenleg ehelyett a Lenovo témából kiindulva csinálok inkább egy sajátot, mely remélhetőleg az elkészültekor a teljes PH!-t átszínezi, nem csak a főoldalt.

Használat:

Magához a .css használatához a Stylish nevű addon-ra van szükség, mely az alábbi böngészőkre tölthető le:
[Firefox] [Chrome/Vivaldi] [Opera]

Ha a UserStyles.org-ról telepíted, akkor csak annyi a teendőd, hogy telepítsd az Install gomb segítségével.

A Red Alert / Evergreen / Sky Blue 0.8 és frissebb verziók esetén telepíteni kell az alap css-t, illetve oldalanként a kiegészítő css-t is!

/ fájl esetén:

Ha a kiegészítő megvan, csinálj új stíluslapot az alábbi módon:

1. Nyisd meg a módosítani kívánt oldalt.
1.1. Ha nincs látható helyen a Stylish ikonja az eszköztárban, akkor helyezd el egy könnyen elérhető helyre.
2. kattints a Stylish ikonjára
3. Válaszd az 'Új stílusfájl készítése' menüpontot, azon belül pedig a 'xy.hu-hoz' (pl. prohardver.hu) lehetőséget.
3.1 Először a common.css-t telepítsd ezen a módon, amit tetszőleges oldalon megtehetsz, majd oldalanként az adott oldalhoz tartozó css-t.
4. másold be a megjelent felületre a letöltött .css fájl tartalmát a már ott lévő sorok felülírásával.
4.1. Chrome esetén töröld a @-moz-document domain("prohardver.hu") sort az elejéről.
5. Nyomj egy mentést.

Mobil nézet:

A Red Alert / Evergreen / Sky Blue 0.8.2-es verziótól kezdve létezik önálló mobil verzió is.
Ez pontosan ugyanúgy működik, mint az asztali verzió esetében, először telepíteni kell az alapot, majd oldalanként a kiegészítő fájlt.

Annak értekében, hogy a mobil verzió megfelelően működjön, az asztali verziót sajnos le kell tiltani, más megoldást egyelőre nem ismerek a használatához. Azaz ha mobilon főként a PH! mobil nézetét használod, akkor célszerű csak a mobil css-t telepíteni, plusz az oldalakhoz tartozó kiegészítő css-eket, akárcsak eddig. Ez azért van, mert ha mind a PC mind a mobil verzió telepítve van, akkor a PC-s lesz a mérvadó, így a mobilos nézet megjelenése is hibás lesz.

Magyarul:
PC: base + PH + MA + IT + GP + LO
Mobil: base mobile + PH + MA + IT + GP + LO

Telepítés a lapcsalád egy részére:
Ha nem szeretnéd a teljes lapcsalád kinézetét lecserélni, csak 1-1 oldalt, akkor azt az alábbi módon tudod kivitelezni:
Telepítsd a módosítani kívánt oldalhoz tartozó kódot, illetve az alap kódot, majd az alap kód első részéből töröld ki azoknak az oldalaknak a címeit, amiken nem szeretnéd használni a mod-ot.

Azaz ha csak a Logouton és a Gamepodon szeretnéd használni, akkor ezt:

@-moz-document domain("prohardver.hu"), domain("itcafe.hu"), domain("gamepod.hu"), domain("mobilarena.hu"), domain("logout.hu")

erre kell átírnod:

@-moz-document domain("gamepod.hu"), domain("logout.hu")

Letöltés:

PH!mod: "red alert"

Közelgő verzió(k):

0.9: TBA

Aktuális verzió(k):

0.8.5:

HA-0.6 (r20160321):

0.8.4a:
0.8.3:
0.8.2: * Első önálló mobil verzió! *

Legújabb béta verzió(k):

-

Korábbi, nem támogatott verziók:

HA-0.5: * Hardverapró tesztverzió! *
HA-0.4: * Hardverapró tesztverzió! *
HA-0.3: * Hardverapró tesztverzió! *
HA-0.2: * Hardverapró tesztverzió! *
HA-0.1: * Hardverapró tesztverzió! *

0.8.1:
0.8: * Első Logoutos verzió! *
0.8rc2: * Logout tesztverzió! *
0.8rc1: * Logout tesztverzió! *
0.7.3:
0.7.2:
0.7.1: * Első Gamepodos verzió! *
0.7: * Nyereményjáték-kompatibilis verzió! *
0.7rc4: * Első IT cafés verzió! *
0.7rc3: * Első Mobilarénás verzió! *
0.7rc2:
0.7rc1:
0.6.1:
0.6:
0.5:
0.4.1:
0.4:
0.3.1:
0.3:
0.2:
0.1:

Fejlődéstörténet, nagy vonalakban:

0.1-0.6:
Kifejezetten a Prohardverre készült mod.

0.7:
A mod kiterjesztése a lapcsalád többi tagjára

0.8:
Többszínű témacsomagok elkészítése (zöld, kék, piros), valamint a mobil nézet tökéletesítése.

0.9:
- Újratervezett dizájn
- Váltás vektoros grafikára, raszteresről
- Sok más egyéb.

Általam is ismert hibák/hiányosságok:

Az új oldalon megjelenő ablakok (felhasználó adatlapja, hsz.-írás, stb.) még nincsenek átszínezve. javítva a 0.6.1-ben!
A fejlécen nem kattintható a teljes logó. javítva a 0.6.1-ben!
Az 'új hozzászólás írása...' felirat felett és alatt felesleges fehér sávok jelennek meg javítva a 0.7.1-ben!
A szavazóablak túlságosan széles, így a nagy része kilóg, beleértve az 'OK' gombot is. javítva a 0.7.1-ben!
Privát üzenet küldése esetén a címzettet mutató téglalap színe helytelen. javítva a 0.7.1-ben!
Az OFF hsz.-ek fejléce felemás színűek. javítva a 0.7.1-ben!
Az OFF hsz.-ek OFF-ba rakott szövegrésze eltérő színű, mint a szöveg többi része. javítva a 0.7.1-ben!
Az aktív linkek színei, amikor az egér föléjük van rakva, helytelenek. javítva a 0.7.1-ben!
A háttér ott is megjelenik, ahol nem kéne. javítva a 0.7.2-ben!
A Blogok szövegei zavaróan nagy méretűek. javítva a 0.7.3-ban!
A Blogok szövegsorai között aránytalanok a térközök. javítva a 0.8-ban!
A "Még több xy blog..." felirat hátterét nem lehet külön beállítani. javítva a 0.8.3-ban!
Ha a szöveggel egy sorban kép van beszúrva, ami elég nagy ahhoz, hogy ne férjen ki a sorban, akkor a szöveg szétnyúlik javítva a 0.8.4-ben!
Ha egy sor túl hosszú, és nem tartalmaz szóközöket, a szöveg lelóg a kommentdobozból javítva a 0.8.5-ben!
A "Történelem" rész elkészítetlen. javítva a 0.8.5-ben!
Az OK gomb felületének egy része nem kattintható javítva a 0.8.5-ben!
A képfeltöltő doboz jobb oldalán nem látszódik a keret javítva a 0.8.5-ben!
A fórumoldalaknál és a tesztek/hírek oldalaknál felesleges nagy üres terület jelenik meg. javítva a 0.8.5-ben!
A címlapok kiemelt cikkjeinek a kerete nem egységes a lapcsaládon belül. javítva a 0.8.5-ben!
A hsz.-ek között megjelenő cikkjalánló jelenleg nem modolható megfelelően. javítva a 0.8.5-ben!
1-2 felirat színe helytelen. javítva a 0.8.5-ben!
Bizonyos Logout bejegyzések tartalma összenyomva jelenik meg. javítva lesz a 0.9-ben!
A kiemelt hozzászólások nincsenek kiemelve. javítva lesz a 0.9-ben!
Válasz írásakor képfeltöltő doboz és az az alatti szövegdoboz pár pixellel összefolyik.
Az ikonkészlet még nem 100%-os. (csillag, OK és Mégsem gomb illetve a social gombok mini változatai)
A lábléc még befejezetlen. (A linkek helytelenek...)
A "Percről percre" rész befejezetlen.
A kereső felületén a márka választó legördülő menüjében nem lehet a kiválasztott elem szövegének a színét külön módosítani, ugyanis ha fehérre állítom, akkor a teljes lista fehér színű lesz, így a többi elem a fehér háttérrel olvashatatlanná válik.
A "mégsem" gomb kinézete nem szabályozható külön.
A jobb oldalt levő Kedvencek listának, illetve Percről percre doboz szövegének a szélességét nem lehet külön-külön állítani.
A bal panel elemei felett feleslegesen plusz terület jelenik meg. (máshogy egyelőre nem tudtam teljes szélességre húzni a kiemelt cikkek sávját.)
Az "Előzmények"/"Azóta történt" aláhúzásai nem mindig jelennek meg jól.
Mobil nézetben a cikkek alján levő gombok még nem kerültek átszínezésre.

PH!mod: "evergreen"

Közelgő verzió(k):

0.9: TBA

Aktuális verzió:

0.8.5:

Korábbi verziók:

0.8.4a:
0.8.4:

PH!mod: "sky blue"

Közelgő verzió(k):

0.8.5a: - [törölve]
(A Sky Blue 0.8.5a törölve lett. Helyette a 0.9 fog megjelenni.)
0.9: TBA

Legújabb béta verzió(k):

0.9b1 (20160505):

0.9b1 (20160401):

Aktuális verzió:

0.8.5:

PH!mod: "purple daemon"

Legújabb béta verzió(k):

0.9b1 (20160505):

0.9b1 (20160501):

Aktuális verzió:

-

Gépigény:

Gépigény HD:

Red Alert: Gépigény

0.6:

0.5:
0.4:
0.3:
0.2:
0.1:

PCLand:

Red Alert: PCLand

r20160229:

r20160219:

***

Ezúton szeretném megköszönni Sk8erPeter-nek az eddigi segítséget a mod technikai megvalósításában.