Cum sa faci un skin sau o tema pentru hi5

8 iunie

Sa va dau o mana de ajutor in realizarea unei teme pentru hi5. Nu este foarte complicat, trebuie doar sa aveti putina indemanare intr-un program de editare grafica.

In primul rand va trebui sa accesati acest link. In pagina aceasta se intampla tot miracolul. Form-ul pe care il vedeti nu face altceva decat sa modifice un fisier .css care este atribuit profilului vostru. Inainte de a incepe va sfatuiesc sa aruncati un ochi pe tutorialul grafica in culori RGB. Tot acolo gasiti si un generator de coduri hexadecimale (coduri de culori) de care veti avea nevoie pentru a alege culorile potrivite pentru tema voastra.

Sa incepem cu prima coloana din tema hi5.

Page Background = fundalul paginii. Acesta are 5 parametrii: imaginea de fundal, culoarea de fundal, alinierea imaginii de fundal, pozitia imaginii de fundal si afisarea imaginii de fundal.

Imaginea de fundal = este orice imagine cu dimensiunea cuprinsa intre 1x1px si 1600x900px. Puteti pune orice imagine ca fundal pentru profil. Imaginea de fundal este de 2 tipuri: pattern sau normala.

O imagine de tip pattern este imaginea care poate fi duplicata pe ambele axe (X si Y) continuu fara a se deosebi zona de unde incepe si de unde se termina imaginea. Puteti folosi spre exemplu una dintre imaginile de fundal disponibile in tutorialul imagini de fundal pentru Twitter. Daca optati pentru aceasta varianta de imagine de fundal, atunci culoarea background-ului nu are relevanta (imaginea va incarca intreaga fereastra web, deci culoarea de fundal nu se va vedea). Ce este important de stiut in acest caz: bifati neaparat Position 1 Top (prima casuta de pe randul Top) pentru ca repetitia imaginii sa inceapa din coltul de stanga sus al ferestrei si Repeat Down si Across pentru ca imaginea sa se repete pe ambele axe (X si Y).

Text Headers si Page Colors este clar ce reprezinta (fontul si culoarea titlului paginii, culoarea textului din pagina si culoarea link-urilor din pagina).

A doua coloana din tema hi5.

Section Header = imaginea care va trona in fruntea profilului vostru. In aceasta zona vor fi afisate urmatoarele elemente: nume profil si vizite profil. Imaginea trebuie sa aiba dimensiunea de 956x35px. Tot in aceasta zona puteti selecta o culoare pentru fundal si pentru nume profil si vizite.

Section Body = zona de sub numele profilului unde sunt afisate pozele, prietenii, comentariile etc. In aceasta zona puteti opta pentru varianta de imagine tip pattern.

Footer Background = bara de sub avatar si de sub intregul section body.

Acum ramane doar la priceperea voastra sa editati imagini astfel incat sa fie incadrate corespunzator in tema profilului.

A treia coloana din tema hi5.

In aceasta coloana ne vom ocupa de toate mini-casutele de informatie afisate in profil: info, fives, top prieteni etc.

Section Header = zona unde este afisat numele casutei (About Me, Fives etc.). Aici puteti modifica si culoarea titlului, a textului cat si dimensiunea acestuia. Tineti cont de faptul ca toate elementele din aceasta coloana se vor aplica pentru toate casutele afisate in profil.

Section Navigation = zona din casuta de sub titlu (unde sunt afisate spre exemplu textele Top Friends, Friends etc.). Puteti modifica si culoarea link-urilor.

Section Body = zona unde este afisata informatia in fiecare casuta.

Section Footer = zona de jos a fiecarei casute.

Dupa ce completati toate casutele corespunzator, nu ramane decat sa ii dati un nume temei hi5, sa o salvati si sa o selectati pentru profilul vostru.

Daca aveti intrebari nu ezitati sa le trimiteti.

C’ya next time!

Ti-a placut articolul Cum sa faci un skin sau o tema pentru hi5?

Ai nevoie de rezolvarea unei probleme la informatica?

Iti recomandam si urmatoarele articole:

14 comentarii pentru Cum sa faci un skin sau o tema pentru hi5

Khrissu - 17 iunie
Buna scuze de deranj am si eu o intrebare cum pot face fundalul de la sectiunea despre mine si restu transparent-o vizibilitate mai redusa cam de 50% . Am vazut la cineva ca este posibil fara sa fie skin facut de cei de la hi5 acum hi5-ul fiind beta nu cred ca este un cod.astept un raspuns.multumesc !
Stefan - 18 iunie
Singura modalitate este sa pui o imagine de fundal de tip .png careia sa ii dai transparenta pe care o vrei. Poti seta transparenta oricarei poze intr-un program de editare grafica (Photoshop, Fireworks) dupa care o salvezi cu extensia .png si o incarci in tema pentru hi5.

Succes!
Khrissu - 18 iunie
Multumes fff mult !
key2000 - 21 iunie
Nu reusesc deloc, fac totul cum trebuie, m-am uitat la tutoriale, am intrt pe pagina lor de ajutor sau ce e aia,am respectat dimensiunile dar de fiecare data cand o salvez e doar un skin alb,normal.nu stiu ce sa mai fac
Stefan - 21 iunie
Nu am mai auzit de aceasta problema… este posibil sa nu iti incarce imaginile pe server la ei si astfel nu pot fi afisate in tema hi5. Dupa ce selectezi imaginea folosind butonul Browse, apesi si pe butonul ce apare langa aceasta? (sunt 2 sageti albastre; imediat dupa ce il apesi trebuie sa apara o animatie cu un cerc si dupa aceea semnul Ok scris cu verde)
Andreea - 2 iulie
Am si eu o problema: nu pot sa aleg culoarea de fundal sau o culoare pentru text.am incercat si coduri pt culori si tot nu imi apare decat un fundal alb si tesxtul negru:(
ciprian - 3 iulie
am resuit sal fac este foarte usor chiar super…multumesc mult
catalynn - 1 august
scuze de deranj am si eu o intrebare….
nu mai pot intra pe hi5….spune ca serverul nu a fost gasit
ce ar trebui sa ii fac k sa mearga?
cezara - 3 august
buna super site! …am si eu o problema…de curand am gasit o imagine super pe google si vreau sa-o pun pe fundal la hi5, dar vreau sa-mi arate mare pe mijloc ….. si nu merge imi tot zice “Dimensiunea de fişier a imaginii nu trebuie să fie mai mare de 250 kb.” ????…..ma enerveaza astia de la hi5 ….e prea mica de 250 arata urat si plus ca nu se intelege nimic ??? aveti vreo idee cum o fac mai mare si sa o pun pe fundal pe mijloc ??? astept raspuns pe email sau la id cezy_elle bye! multumesc :)!
cezara - 3 august
va rog astept raspuns urgent !!!! nu reusesc deloc sa fac, nu merge deloc ……..
byanka - 4 august
as vrea sa creez si eu o tema hi5?
va rog daca stie cineva ceva anuntatima sami explicati cat mai logic
alee - 26 august
buna am si eu o priblema cu chestia asta cand intru in generator acolo iti cere emailul ji parola ji imi zice k emailul si parola nu’s bune …..ce email trebe? ma poti ajuta
..zi.mi si mieiusty - 24 septembrie
Te rog frumos zi mi si mie cum imi pot face numele l hi5 pe mijloc?si cum imi pot fake skinul meu propiu:-s?!astept raspuns!,ms anticipat:)
Anku - 18 august
Am si eu o intrebare…am vazut la unele profile ca antetul la “About me” , “Interese” etc. e mai mare…cum fac si eu asta?