Pure Gaming theme [in progress]

[nanelu]

Salutari ! M-am apucat sa lucrez la o tema acum 2-3 zile si as vrea sa va arat progresul de atunci pana acum. Tema este inca un lucru, o sa las la sfarsit un "to do list". Postez acest topic pentru diferite sugestii sau eventuale probleme pe care le gasiti :).

 

Header, forums, widgets & footer:

 

Category + topic view:

 

 

Profile:

 

 

To do list:

 

-> Rezolvare problema avatar size in topic view

-> Cateva ajustari design-ului din topic view

-> Cateva ajustari design-ului din profiles

-> Responsiveness

 

 

 

[+Juliano Dillon]

Nu-i rau deloc, dar nu e momentan "profi" sa zic asa, fara suparare.

Ai cateva probleme pe care o sa ti le explic mai jos:

• Bannerul nu se extinde pana in marginile site-ului, probabil ai lucrat cu o rezolutie mult mai mic, dar pe la 1500px (eu am 1920, deci aproximez) bannerul ramane pe centru si atat, in laterale ramane un background gri.
• Aceeasi problema si in footer, doar ca aici mai grav, ramane pe centru si imaginea si borderul ala mic rosu, de aici apare un aspect ciudat.
• Navigatia si search-ul sunt ciudate, adica pe rezolutia mea navigatia e pozitionata undeva inainte de jumatatea bannerului, iar search-ul tocmai in capatul paginii, deci e o problema la asezare.

Mai ai cateva probleme minore, dar nu se iau in calcul pe langa astea 3. Ideea e ca pari sa fii la inceput in IPS design deci nu-ti face griji, eu cand m-am apucat nici atat nu eram in stare sa fac, bine eu lucram si pe IPB 3 unde era mai greu sa customizezi o tema mai ales ca incepator (imi caut si eu scuze).

Totusi, ce as face eu e sa nu incep o tema cu paleta sta de culori, rosu e pretentios rau pe webdesign, daca ai fi inceput cu ceva mai usor (albastru + galben / portocaliu) ar fi fost un avantaj pentru tine.

[nanelu]

8 minutes ago, Julianxpp said:

Nu-i rau deloc, dar nu e momentan "profi" sa zic asa, fara suparare.

Ai cateva probleme pe care o sa ti le explic mai jos:

• Bannerul nu se extinde pana in marginile site-ului, probabil ai lucrat cu o rezolutie mult mai mic, dar pe la 1500px (eu am 1920, deci aproximez) bannerul ramane pe centru si atat, in laterale ramane un background gri.
• Aceeasi problema si in footer, doar ca aici mai grav, ramane pe centru si imaginea si borderul ala mic rosu, de aici apare un aspect ciudat.
• Navigatia si search-ul sunt ciudate, adica pe rezolutia mea navigatia e pozitionata undeva inainte de jumatatea bannerului, iar search-ul tocmai in capatul paginii, deci e o problema la asezare.

Mai ai cateva probleme minore, dar nu se iau in calcul pe langa astea 3. Ideea e ca pari sa fii la inceput in IPS design deci nu-ti face griji, eu cand m-am apucat nici atat nu eram in stare sa fac, bine eu lucram si pe IPB 3 unde era mai greu sa customizezi o tema mai ales ca incepator (imi caut si eu scuze).

Totusi, ce as face eu e sa nu incep o tema cu paleta sta de culori, rosu e pretentios rau pe webdesign, daca ai fi inceput cu ceva mai usor (albastru + galben / portocaliu) ar fi fost un avantaj pentru tine.

Din pacat nu am un monitor 1920x1080 sa vad exact despre ce este vorba, dar o sa incerc sa rezolv chestiile astea prin responsivness. Am ales culoarea rosu pentru ca e preferata mea si zic ca arata mai bine fata de restul culorilor. Intr-adevar, sunt la inceput, tot ce e facut acolo e facut in 2-3 zile, am foarte mult timp liber deci o sa mai lucrez. Multumesc mult pentru parere si pentru problemele gasite <3.

 

EDIT: Am reusit sa customizez rezolutia prin inspect element si am identificat problemele, o sa fac cateva mici edit-uri cu ajutor @media-ului si o sa te anunt cand e gata :d

Edited March 6, 2021 by nanelu

[+eternity]

Arătă decent dar părerea mea este să îți faci o schiță pe Adobe XD sau Figma (depinde ce îți pare ție ușor) și să te inspiri din dribbble sau orice alt site de portfolio.

[nanelu]

2 hours ago, sharosky said:

Arătă decent dar părerea mea este să îți faci o schiță pe Adobe XD sau Figma (depinde ce îți pare ție ușor) și să te inspiri din dribbble sau orice alt site de portfolio.

A fost ceva spontan inceperea temei. Vreau sa ma experimentez putin in ceea ce priveste HTML si CSS tocmai de asta am inceput sa lucrez pe IPS. Vreau ca tema sa progreseze pe zi ce trece, nu vreau sa-mi ocup tot timpul liber doar pentru lucratul la aceasta pentru ca oricum la momentul de fata nu stiu daca o voi face publica sau nu.

 

Cateva mici update-uri:

 

 

-> Tema este in proportie de 80% responsive pe telefon (am schimbat mare parte din ce si cum apar pe telefon unele elemente).

-> Am facut responsive cateva elemente pentru 1920x1080, nu este inca finalizat.

-> Problemele mentionate de @Julianxpp au fost rezolvate, mai trebuie lucrat doar footer-ul si pozitionarea meniului din header.

Edited March 6, 2021 by nanelu

[nanelu]

Salutari din nou !

 

Acum 3-4 zile am hotarat sa o iau de la capat si sa-i ascult sfaturile lui @Julianxpp. Deci, am inceput tot de pe tema IPS default, pe culoarea portocaliu. Momentan cam asta e progresul:

 

Spoiler

 

@Julianxpp @sharosky

[+Juliano Dillon]

Vezi ca faci greseala mea

Incearca sa navighezi pe dribbble.com sa inveti mai multe despre UI / UX, despre design-ul site-urilor, te va ajuta foarte mult. Chiar daca esti la inceput, poti face teme mult mai bune, doar daca te uiti pe acolo + sunt si pagini pe instagram multe despre UI / UX. Daca stiam de treaba asta cand m-am apucat de site-uri, acum eram la un nivel exagerat de mare , dar eu am pierdut timpul facand teme din capul meu, fara nicio experienta.

[+eternity]

Ce-i drept este un plus fata de tema veche, asta parca atrage mai mult la ochi dar footerul ala nu stiu cum i-ai dat de cap.

Mai multe nu prea as avea ce sa zic, ti-a explicat Julian totul mai pe scurt.

[nanelu]

On 3/10/2021 at 8:12 PM, Julianxpp said:

Vezi ca faci greseala mea

Incearca sa navighezi pe dribbble.com sa inveti mai multe despre UI / UX, despre design-ul site-urilor, te va ajuta foarte mult. Chiar daca esti la inceput, poti face teme mult mai bune, doar daca te uiti pe acolo + sunt si pagini pe instagram multe despre UI / UX. Daca stiam de treaba asta cand m-am apucat de site-uri, acum eram la un nivel exagerat de mare , dar eu am pierdut timpul facand teme din capul meu, fara nicio experienta.

 

On 3/11/2021 at 2:33 AM, sharosky said:

Ce-i drept este un plus fata de tema veche, asta parca atrage mai mult la ochi dar footerul ala nu stiu cum i-ai dat de cap.

Mai multe nu prea as avea ce sa zic, ti-a explicat Julian totul mai pe scurt.

 

Multumesc mult pentru opinii :).

 

Cateva update-uri in header si authorinfo, urmeaza sa adaug header image picker:

 

Spoiler

 

 

[+eternity]

 asta ai putea sa o scoti si sa pui warns, nu prea mai are relevanta asta. In rest big up, arata frumos totul.

[nanelu]

Updates !

Poze mai jos

- Schimbata paleta de culori a temei, culoarea principala ramane orange.

- Adaugare header img changer (cu ajutorul Javascriptului) !o sa-l las asa pana imi vin idei pentru el!

- Adaugat warns in panoul de informatii din topic view.

- Schimbate cateva icon-uri.

 

Spoiler

 

 

 

@Julianxpp @sharosky

Edited March 16, 2021 by nanelu

[MOTAAAN]

Se vede o evolutie, lucrezi draguț să zic așa.

Încearcă să lucrezi la userbar, modifică-l fă-i ceva special, asa mi se pare mana lui d0c.

La meniu ai putea sa mai faci ceva mi se pare mult prea simplu.

Imi plăcea mai mult versiunea dark... albastrul asta sincer mi se pare o alegere mai proasta.

Iți sugerez să lucrezi cu variabile:

ex : html { var(--background): #fff ; }

       body{ background: var (--background);

Apoi iți e mult mai ușor să schimbi culoarea nu stai sa cauti fiecare clasă in parte.

Selectarea imaginiii headerului, nice dar m-aș juca cu butonul l-aș face să fie puțin mai ciudat față de temă.

 

[+dOc MFX]

10 hours ago, MOTAAAN said:

Încearcă să lucrezi la userbar, modifică-l fă-i ceva special, asa mi se pare mana lui d0c.

 why?

[MOTAAAN]

12 minutes ago, dOc MFX said:

 why?

Tu esti cu simplitatea si cu separatorul dintre icon-uri cu skew  ( cer scuze la admin  pt phunt )

[+dOc MFX]

9 hours ago, MOTAAAN said:

Tu esti cu simplitatea si cu separatorul dintre icon-uri cu skew  ( cer scuze la admin  pt phunt )

Nu sunt cu simplitatea, acolo nu vad un rost sa le dai un style, un user care intra prima data pe tema si ii pui un userbar cum face prietenul meu bun halogek se pierde, iar acel separator il faceam de pe vremea cand lucram cu @Filip Cristian la teme.

[nanelu]

3 hours ago, MOTAAAN said:

Se vede o evolutie, lucrezi draguț să zic așa.

Încearcă să lucrezi la userbar, modifică-l fă-i ceva special, asa mi se pare mana lui d0c.

La meniu ai putea sa mai faci ceva mi se pare mult prea simplu.

Imi plăcea mai mult versiunea dark... albastrul asta sincer mi se pare o alegere mai proasta.

Iți sugerez să lucrezi cu variabile:

ex : html { var(--background): #fff ; }

       body{ background: var (--background);

Apoi iți e mult mai ușor să schimbi culoarea nu stai sa cauti fiecare clasă in parte.

Selectarea imaginiii headerului, nice dar m-aș juca cu butonul l-aș face să fie puțin mai ciudat față de temă.

 

Am zis sa dau putina culoare temei cu un albastru mai inchis. Separatorul din userbar nu l am lasat cel default pentru ca mi se parea prea non profi.

 

Cat despre header img changer am zis ca l voi lasa asa pana imi vin idei de ce as putea face 

Momentan tema este la inceput, este departe de a fi finalizata. Multumesc pentru sfaturi

 

 

Edited March 17, 2021 by nanelu

[+Juliano Dillon]

Paleta de culori e decenta, nu ma atrage asa mult, dar fata de gri-negru e mult mai bine.

Iti recomand sa faci ceva mai "spectaculos", poti sa elimini social links si sa muti in schimb report center acolo, meniul de create

il poti adauga langa butonul de header picker. De ce? Vei ramane in userbar doar cu 3 elemente disponibile oricarui user logat [ notificari, inbox si userlink ].

Ce poti face de aici? Poti muta userlink-ul [il faci doar pe poza, fara nume] in mijloc si dupa preferinta ta, notificarile si inboxul in dreapta, respectiv in stanga.

La navigatie, ai putea renunta la hover-ul ala ciudat, userul vrea interactiune cu tema, deci automat animatii, tranzitii, un hover ca ala nu ii inspira interactiune, incearca sa faci un indicator, doua, un background, etc., sunt multe posibilitati.

La categorii ar trebui sa muti iconitele din section title putin spre stanga, respectiv spre dreapta, pare ca nu sunt asezate cum trebuie si totodata sa mai scazi din border-radius, nu se potriveste cu intreaga tema.

Footer-ul sincer pare ca e din alta tema, eu iti recomand sa faci altceva si mai ales fara skew ala si fara rotate-ul ala pe hover; link-uri cu un hover mai frumos, mai simplut, cum ti-am zis si mai sus, userul vrea interactiune.

Edited March 17, 2021 by Julianxpp

[nanelu]

7 minutes ago, Julianxpp said:

Paleta de culori e decenta, nu ma atrage asa mult, dar fata de gri-negru e mult mai bine.

Iti recomand sa faci ceva mai "spectaculos", poti sa elimini social links si sa muti in schimb report center acolo, meniul de create

il poti adauga langa butonul de header picker. De ce? Vei ramane in userbar doar cu 3 elemente disponibile oricarui user logat [ notificari, inbox si userlink ].

Ce poti face de aici? Poti muta userlink-ul [il faci doar pe poza, fara nume] in mijloc si dupa preferinta ta, notificarile si inboxul in dreapta, respectiv in stanga.

La navigatie, ai putea renunta la hover-ul ala ciudat, userul vrea interactiune cu tema, deci automat animatii, tranzitii, un hover ca ala nu ii inspira interactiune, incearca sa faci un indicator, doua, un background, etc., sunt multe posibilitati.

La categorii ar trebui sa muti iconitele din section title putin spre stanga, respectiv spre dreapta, pare ca nu sunt asezate cum trebuie si totodata sa mai scazi din border-radius, nu se potriveste cu intreaga tema.

Footer-ul sincer pare ca e din alta tema, eu iti recomand sa faci altceva si mai ales fara skew ala si fara rotate-ul ala pe hover; link-uri cu un hover mai frumos, mai simplut, cum ti-am zis si mai sus, userul vrea interactiune.

Multumesc mult pt sfaturi, o sa le urmez. Footer ul l am lasat asa pentru ca nu am mai avut timp aseara. Ma gandesc sa fac logoul comunitatii mai mic si totodata sa scap de background ul si box shadow ul acela, cat despre about us si link uri a fost o incercare si ele vor fi modificate. Cat despre paleta de culori, am incercat sa gasesc o culoare putin mai deschisa decat negrul posibil pe parcurs sa o mai editez o data. Apreciez enorm de mult ca ma ajuti sa mi dezvolt ochiul la nivel de web design ❤

Edited March 17, 2021 by nanelu

[+-coLd-]

arata destul de bine , dar cum a zis si motan . parca destul de simplist userbar-ul 

[nanelu]

Just now, -coLd- said:

arata destul de bine , dar cum a zis si motan . parca destul de simplist userbar-ul 

Momentan l am adaugat intr-un wrapper si am scos social icons de acolo. Vreau sa fac totul treptat, trebuie sa mi impart timpul in mai multe locuri, mersi de parere

[+-coLd-]

43 minutes ago, nanelu said:

Momentan l am adaugat intr-un wrapper si am scos social icons de acolo. Vreau sa fac totul treptat, trebuie sa mi impart timpul in mai multe locuri, mersi de parere

ma bucur ca iei totul  treptat ! foarte bine , nu te grabi ! 

[nanelu]

Updates:

 

-> Cateva modificari in userbar (temporar)

-> Adaugate social infos, poza mai jos (urmeaza modificari).

 

Spoiler

 

[+eternity]

 - aici poti pune aceasi culoare ca la body.

 

[nanelu]

Updates:

 

Header:

 

 

Categories:

 

 

Footer sters (momentan):

 

 

Topic view:

 

 

 

Urmeaza mai multe modificari, toate la timpul lor.

 

@Julianxpp @sharosky

[+Juliano Dillon]

Momentan nu am ce alta parere sa-ti dau, vreau sa vad urmatoarele modificari.