Jump to content

Search the Community

Showing results for tags 'tutorial'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Discutii generale
    • Stiri IT&C
    • Reviews
    • Generalitati
    • Timp liber
    • Anunturi
    • Chestionare
    • Mobile si comunicatii
    • Multimedia
    • Grafica 2D si 3D
  • World Wide Web
    • Web Design & Website Review
    • Domenii si Web Hosting
    • Web Development
    • Programare
    • Web Scripts
    • Motoare de cautare
    • Search Engine Optimization (SEO)
  • Troubleshooting
    • Hardware
    • Software
    • Internet & Network
    • Jocuri PC & Console
  • Sisteme de Operare
    • Windows
    • Mac
    • Unix / Linux
  • Feedback
    • Bug-uri, Sugestii & Feedback
    • Banari, Suspendari, Avertizari
    • Echipa Administrativa
  • Club inchis's Stiri din IT
  • Club inchis's Stiri din Gaming
  • Club inchis's Stiri din viata de zi cu zi..
  • Club inchis's Diverse
  • Invision Power Board România's Interviuri Staff
  • Invision Power Board România's Tutoriale IPB
  • Invision Power Board România's Sfaturi și sugestii
  • Invision Power Board România's Themes & Hooks
  • Invision Power Board România's Ai probleme? Postează aici!
  • Invision Power Board România's Știri diverse
  • Clubul lui Courage's Topics
  • The Samethiefs's Topics & discussions
  • PHP Lovers's Tutorials
  • PHP Lovers's Scripts

Calendars

  • Community Calendar
  • Club inchis's Calendar IT

Found 4 results

  1. [Tutorial] Template-uri CSS.

    În urma unei revelații, am zis să fac un tutorial în care să vă ajut să înțelegeți CSS. Am găsit câteva exemple făcute cu W3.CSS, un framework gen Bootstrap, dar noi o să le facem cu CSS3 Dacă vă place și dacă staff-ul forum-ului e de acord, o să încerc să postez zilnic câte un template. Fără alte prelungiri, să începem. Template-ul #1 ( Template de restaurant ) Mai întâi de toate, să creăm structura proiectului. Creăm un folder, în care avem două fișiere: index.html și style.css. Numele acestor fișiere este opțional, le puteți denumi cum doriți. Deschidem index.html cu orice editor de text doriți(Notepad++, Notepad, Sublime Text, Atom, Brackets), personal folosesc Notepad++ pentru această serie. Partea 1: Mark-up-ul HTML. Codul pentru header, head, meniu: După ce ați deschis fișierul index, urmează niște lucruri extrem de simple: Pe prima linie, scriem declarația DOCTYPE, cea care-i comunică browser-ului că documentul este unul de tip HTML5, apoi deschidem tag-ul html, ca mai apoi tag-ul head. În tag-ul head, avem 2 lucruri: titlul paginii, cel care apare în browser și link-ul către fișierul CSS. Trecem mai departe și deschidem tag-ul body, mai apoi pe cel header. Header-ul va conține logo-ul și meniul de navigare al site-ului. În interiorul acestui header, avem două elemente. Un div care are clasa „logo„ și un ul care are clasa main-nav. În div-ul logo, avem un h2 în care avem un link, care duce spre index.html. În interiorul link-ului, adică între <a></a> avem numele site-ului. Apoi, în ul avem 3 li-uri. Fiecare li conținând un link. Link-uri au target-ul/href-ul către #about, #menu și #contact. Dacă vă întrebați ce e cu #, ei bine.. acest # pus într-un href și apoi un text reprezintă un target, dacă de exemplu avem o secțiune numită contact și care are un id contact, care este ultima secțiune a site-ului și nu vreți să scrolați până acolo, în link-ul din header puteți pune #contact, iar apasând pe acel link, va scrola automat până la acea secțiune. Codul pentru banner și image-caption: Apoi, avem un div care are clasa header. Dvs o puteți numi cum doriți, eu i-am spus header. În acest .header este banner-ul site-ului, o imagine de 600px cu un text în partea de jos a imaginii, stânga. Acest .header nu are nimic în interior, pentru că am adăugat imaginea din CSS. O să aveți mai jos codul. După acest div .header, urmează un alt div care are clasa image-caption. Acest div în interior are un h1, care este scrisul din interiorul imaginii banner-ului. Codul pentru conținut: Iar acum începe frumusețea. Creăm un div care are clasa content, în care avem 3 secțiuni: -> About. Această secțiune are id-ul about și clasa about. În interiorul tag-ului section avem: O imagine, un h1 care este titlul secțiunii, un h4 care este descrierea secțiunii și două paragrafe. -> Menu. Această secțiune are id-ul menu și clasa menu. În interiorul tag-ului section avem: Un div care are clasa left, în care avem: Un h1 care este titlul secțiunii, iar apoi un ul care este meniul site-ului. În li-urile din ul, avem un h3 pentru titlul felulului de mâncare, gen pizza, etc și un p care este descrierea mâncării. Ieșim din ul și apoi avem o imagine. -> Contact. Această secțiune are id-ul și clasa contact. În interiorul acestei secțiunii avem: Un h1 cu titlul ”Contact us”, apoi un p, cu o scurtă descriere, un h2 cu adresa unde poate fi găsit acest restaurant, un p care servește drept informație legată de form-ul de contact, iar apoi vine form-ul de contact, în care avem: un input de tipul text, cu placeholder-ul Name, apoi un alt input de tipul number, cu două atribute: min 2 și max 20, care are placeholder-ul How many people?, apoi un alt input de tip text, cu placeholder-ul Date, iar ca ultim input, avem un textarea cu placeholder-ul Message / Event Details. Apoi un button cu text-ul Send message. Footer: Ultimul lucru pe care trebuie să-l facem în index, este să adăugăm un footer. Footer care are un p cu text-ul &copy; 2017 - Your restaurant name. Partea a-2-a: CSS. Pe prima linie din fișierul CSS, avem un import, prin care importăm font-ul Playfair-Display. Apoi folosim * pentru a aplica setări CSS tuturor elementelor de pe site. Avem padding 0, margin 0, text-decoration: none pentru a șterge underline-urile de la link-uri, iar apoi list-style: none pentru a șterge bulinele din listele ul. După, avem body-ul căruia îi aplicăm font-ul nostru, un font-size de 15px, o distanță între rânduri de 1.5 em = 22.5 px și o distanță între litere de 0.02 em = 0.3px. Apoi edităm stilul header-ului, căruia îi aplicăm un position: fixed, pentru a fi afișat atunci când scrolăm, apoi width 100% pentru a face header-ul să se extindă pe toată pagina, apoi un background alb, apoi un box-shadow pentru a vedea header-ul pe părțile albe, un height de 50px și z-index 1. Trecem la logo, căruia îi dăm un float: left, apoi un margin left de 50px și font-size de 10px. Apoi stilăm link-ul din interiorul logo-ului, pe care-l facem block, pentru a-i putea aplica padding, îi dăm o culoare neagră, padding de 5px, margin de 8 și height de 25px. Apoi aplicăm faza de hover, atunci când mouse-ul este pe link-ul logo-ului și îi dăm un background gri. Apoi, următorul element pe care-l stilăm este meniul de navigare, căruia îi dăm float: right, pentru a fi afișat în partea dreaptă a header-ului și îi aplicăm un margin right de 50 de px.Apoi, pentru li-urile din ul, aplicăm un dispay: inline-block, pentru a face li-urile să fie aliniate pe un singur rând. Și le alplicăm un padding de 0px de jos și sus și 10px la dreapta și stânga. Apoi, aplicăm același stil pentru link-urile din li-uri care l-am aplicat și link-ului logo-ului. Cu excepția faptului că aplicăm padding de 5px sus și jos și de 10 la dreapta și stânga, cât și un margin de 8px sus și jos, iar 0 la stânga și dreapta. Apoi, ca în cazul link-ului logo-ului, aplicăm un efect de hover, cu același background. Pasul următor este să stilăm div ce are clasa header. Căruia îi dăm 600px înălțime, o imagine de background, o poziție a background-ului centrată și o mărime a bg-ului cover. Apoi, urmează h1-ul din .image-caption, căruia îi dăm margin top -85 px, făcând h1-ul să ajungă pe imagine, îi dăm un font-size de 36 de px, o distanță între litere de 5px, un margin left de 80px și o opacitate de 0.6. Apoi, stilăm container-ul pentru conținut, div-ul ce are clasa content, căruia îi dăm un width de 90% din mărimea paginii și un margin de 120px sus și jos și auto: dreapta, stânga, pentru a centra div-ul. Apoi, începem cu prima secțiune, anume about, căreia îi dăm un border-bottom de 1px, solid având culoarea gri închisă. Apoi folosind padding-bottom, împingem border-ul la 150px de secțiune. Apoi, începem stilare secțiunii propriu-zise. Prima dată începem cu imaginea secțiunii, căreia îi dăm un float: left, ca această să „plutească„ în partea stângă a secțiunii, iar titlurile și paragrafele să fie în dreapta.Îi dăm un 50px margin-right pentru a distanța restul conținutului de imagine. Apoi îi setăm 500px height și 600px width. Setăm opacitatea la 0.75, pentru a face imaginea mai luminoasă și un border-radius pentru a „tăia„ din colțurile imaginii 4px. Apoi, setăm h1 și h4 să fie pe centrul secțiunii, pentru că acestea două reprezintă titlul și descrierea site-ului. Apoi, aplicăm h1-ului din about, cât și cel din menu același stil, mai concret: un font size de 36 de px, font-weight normal, pentru a deîngroșa textul, margin-bottom 30px pentru a distanța conținutul de desubtul h1-ului și un padding-top, pentru a distanța h1-ul de banner. Aproximativ același stil îl aplicăm și pentru h4, fără padding-top. Apoi, setăm paragrafului un margin-bottom de 20px. Deocamdată atât. O să revin cu un edit mai târziu. Să-mi spuneți dacă doriți să continui. Nu pot da edit și deși mi-aș fi dorit să pun câteun post pentru fiecare template în parte, o să rog un administator să dea edit la post-ul de mai sus și să integreze ce am scris aici în acel post. Fără alte adăugări, să continuăm. Dacă vă uitați mai atent în codul HTML, la secțiunea about, o să observați faptul că avem un cuvânt înconjurat de tag-ul span. Asta pentru că acel cuvânt este un cuvânt evidențiat. I-am dat span-ului clasa „special” și i-am aplicat un background și un padding. Apoi, al 2-lea paragraf are clasa grey-text, pentru că în template-ul nostru al doilea paragraf are culoare gri. Așa că acestui paragraf i-am setat opacitatea la 0.5. Apoi urmează a doua secțiune și anume meniul, căruia i-am dat 60px top, ca să se distanțeze de border-ul secțiunii about, un border-bottom și un padding-bottom, pentru a împinge border-ul ca în cazul secțiunii about. Apoi, i-am dat clasei left un float: left, pentru a centra imaginea cu div-ul left, precum în cazul secțiunii about. Itemelor listei din meniu le-am dat un padding de 20px top și bottom și 10px right și left, pentru a mări distanța dintre li-uri și pentru a ocupa spațiul cât să fie aproximativ egal cu imaginea atașată meniului. Apoi vine titlul fiecărui li, căruia i-am dat font-weight-ul pe normal și un margin bottom de 10px. Apoi paragraful, care reprezintă descrierea elementelor din meniu, le-am dat un font-size mai mic și un opacity 0.8. Apoi, ca-n cazul imaginii din secțiunea about, am setat un width și un height, o opacitate, un border-radius și un margin left pentru a distanța imaginea de restul conținutului. Apoi am început cu ultima secțiune, anume contact, căreia i-am dat un margin top de 60 de px pentru a se distanța de border-ul secțiunii precedente. Apoi am început cu titlul secțiunii, căruia i-am dat un font-size mai mic decât celorlalte h1-uri din secțiuni, un font-weight normal și un margin-bottom de 20px. I-am dat p-ului un margin-bottom de 20px, iar h2-ului un font-size de 16px, o culoare albastră și un margin-bottom de 20px. Mai sus am stilat baza secțiunii de contact, mai precis form-ul de contact. Am setat pentru input-uri un font-family inherit, însemnând font-ul pe care body-ul îl are, un border: 0, pentru a șterge toate border-urile, ca mai apoi să adaug un border-bottom de 1px, solid, de culoare gri. Un padding de 10px, un margin de 10px și outline 0( fără „animația„ când apeși click pe input). Apoi am stilat textarea, dând în mare parte același stil ca și la input-uri, adăugând doar un resize: none, pentru a nu permite utilizatorilor să se seteze înălțimea elementului textarea. Apoi, am stilat butonul de submit, căruia i-am dat în mare parte aceleași setări ca și input-urile, adăugând doar un background, un cursor: pointer și un border-radius. În finat, am stilat footer-ul, căruia i-am dat un height de 80px, background asemănător butonului, un text-align: center, distanța dintre rânduri de 80px și un margin-top de 50px. Cam atât! Lăsa-ți-mi în comentarii părerea voastră despre această idee, dacă ar trebui să continui sau nu. Descarcă template-ul final: http://www.girlshare.ro/3490018933.5
  2. Voi incepe prin a explica in cateva cuvinte ce inseamna rootarea: operatiunea prin care utilizatorul capata drepturi depline asupra memoriei interne a dispozitivului, dupa rootare utilizatorul putand sa faca orice doreste cu sistemul de operare. Cu fiecare versiune noua de Android lansata, metodele de rootare devin din ce in ce mai complexe si difera de la dispozitiv la dispozitiv, datorita securitatii imbunatatite implementate in sistem, care ofera acestuia o protectie mai puternica impotriva exploit-urilor care permit root-area. Desi exista si se vor mai crea multe solutii cu care va puteti roota dispozitivul cu Android, eu ma voi axa in acest tutorial pe Framaroot pentru ca permite efectuarea operatiunii cu un singur tap/click, fara a fi necesara conectarea dispozivitului la computer sau modificarea manuala a fisierelor de sistem. (Inainte de a incepe, e interesant de citit si: ) Framaroot ofera suport pentru rootare utilizand mai multe exploit-uri diferite ale sistemului, spre deosebire de alte metode care se bazeaza pe un singur exploit, ceea ce face posibila rootarea unui numar foarte mare de dispozitive, cum ar fi: toate dispozitivele din seria Samsung Galaxy S si Note, Motorola Droid, Asus Transformer, LG Optimus, Alcatel, Lenovo, Huawei, ZTE, Sharp si Nexus 4 (lista completa poate fi gasita aici). In continuare, voi explica pasii concreti pe care trebuie sa ii facem utilizant Framaroot pentru rootarea dispozitivului nostru: 1. Descarcati aplicatia in format de aici: si o transferati in cardul de memorie SD sau o pastrati in memoria interna a terminalului). 2. Instalati Framaroot pe dispozitivul detinut, si il rulati. 3. Ni se va afisa o lista cu toate exploit-urile disponibile care permit rootarea dispozitivului detinut (daca nu a fost afisat niciun exploit inseaman ca aplicatia nu este compatibila cu telefonul detinut). 4. In partea superioara a ecranului (deasupra listei de exploit-uri) vom observa un meniu drop-down (SuperUser) care ne permite sa instalam Superuser sau SuperSU (ambele functioneaza aproximativ la fel si ne permit gestionarea drepturilor de root pentru aplicatiile instalate) sau chiar sa facem unroot dispozitivului (in cazul in care acesta este deja rootat). Selectam optiunea dorita (recomand Superuser), dupa care dati tap pe unul din exploit-urile afisate in lista pentru ca aplicatia sa poata roota dispozitivul. 5. In cateva secunde veti fi anuntat printr-un mesaj daca procedura de rootare a fost realizata cu succes sau nu (in cazul in care dispozitivul nu a putut fi rootat incercati alt exploit disponibil): 6. Daca dispozitivul a fost rootat cu succes, restartati-l, si ati terminat! Alte aplicatii cu care puteti roota dispozitivul dvs. Android: SuperOneClick: http://forum.xda-developers.com/showthread.php?t=803682 Easy Rooting Toolkit: http://forum.xda-developers.com/showthread.php?t=2327472 Nexus Root Toolkit: http://www.wugfresh.com/nrt/ Samsung Galaxy S4 Toolkit: http://forum.xda-developers.com/showthread.php?t=2226263 HTC All-in-one Toolkit: http://forum.xda-developers.com/showthread.php?t=2183942 GingerBreak: http://forum.xda-developers.com/showthread.php?t=1044765 Daca mai cunoasteti si altele pe care le-ati folosit cu succes, le puteti posta printr-un raspuns la acest articol. Numai bine !
  3. Daca sunteti posesorul unui telefon mobil inteligent (smartphone) sau unei tablete cu Android, in functie de operatiunile si aplicatiile pe care le instalati, la un moment dat este posibil ca dispozitivul sa refuze sa mai porneasca. Din aceasta cauza, de cele mai multe ori se ajunge cu tableta sau telefonul la un service pentru o problema care ar putea fi rezolvata chiar de dvs. intr-un timp relativ scurt. Terminalele cu Android nu sunt toate la fel, insa exista cateva repere generale care s-ar putea sa va ajute sa eficentizati rezolvarea problemei. Pentru inceput, trebuie sa stiti ca vorbim despre activarea meniului Recovery, care ne ofera un set de optiuni necesare pentru restaurarea smartphone-ului sau a tabletei la parametrii din fabrica. Bineinteles, fara sa apasati combinatia potrivita de butoane nu veti putea accesa acest meniu, si, pentru ca aceasta combinatie variaza de la dispozitiv la dispozitiv, va voi prezenta cateva posibilitati mai jos. Pasul 1: Primul lucru pe care trebuie sa il faceti, este sa inchideti telefonul sau tableta. Pentru a fi siguri, puteti scoate bateria terminalului dupa care sa o introduceti inapoi. Pasul 2: Pentru pornirea dispozivitului in modul recovery, trebuie sa apasati simultan asa cum am scris si mai sus, pe o combinatie de butoane, de tipul: butoanele de volum + butonul home + butonul de pornire. Iata si cateva posibilitati: In cazul tabletei Nexus 7 si telefonului Nexus 4, meniul de recovery poate fi accesand daca tineti apasat simultan pe: Volume Up + Volume Down + butonul de Power.Pentru meniul de recovery la un Samsung Galaxy S2 si S3 apasati in acelasi timp pe: Volume Up, butonul Home si butonul Power.Daca aveti un Motorola Droid X este suficient sa tineti apasat pe Home si Power pentru cateva secunde.De asemenea, pentru a activa meniul recovery al celor mai multe dispozitive cu un buton dedicat pentru captura foto/video, apasati pe Volume Up si Camera. Pasul 3: In momentul in care telefonul a pornit puteti lua mana de pe butoane. Daca ati realizat cum trebuie procedura descrisa mai sus, pe ecranul aparatului va aparea un Android cu capacul deschis (ca in imaginea de mai sus), cat si un meniu in format text. *Retineti ca in aceste momente partea de touch a telefonului sau a tabletei nu mai functioneaza. Pentru a naviga prin meniu, in sus sau in jos, folositi butoanele de volume up si volume down. In momentul in care pe ecran a aparut mesajul recovery, apasati butonul de power al dispozitivului. Abia acum ati pornit de fapt telefonul in modul recovery. Pasul 4: In noul meniu afisat pe ecran se aplica acelasi sistem ca mai devreme. Va plimbati prin meniu folosind butoanele pentru ajustarea volumului si confirmati selectia folosind o apasare scurta pe butonul de power. Pentru a reinstala firmware-ul original si pentru a readuce telefonul sau tableta la setarile din fabrica trebuie sa alegeti "wipe data/factory reset". Atunci cand navigati prin acest meniu nu ar trebui sa va faceti griji ca selectati ceva din greseala. Orice selectie trebuie confirmata, inclusiv factory reset. Dupa cum ii spune si numele functiei, trebuie sa nu uitati ca aceasta optiune implica pierderea tuturor datelor personale din telefon. In cel mai rau caz, daca terminalul se blocheaza la un moment dat, tineti butonul power apasat cateva secunde si repetati procedura. La finele procesului de restaurare, terminalul cu Android trebuie configurat. Introduceti un cont de Gmail, alegeti tara in care folositi aparatul si dati-va acordul in legatura cu termenii si conditiile impuse de producatorul terminalului. In final veti avea un aparat perfect functional. Numai bine !
  4. Daca din varii motive (precum rezolutia mica) doriti sa micsorati cursorul din Dota 2, iata cum il puteti micsora: 1. Mergeti in: Steamsteamappscommondota 2 betadotaresource, si faceti o copie de siguranta directorului cursor. 2. Dupa aceea, descarcati arhiva de aici: ce contine sagetele mai mici, luata de pe dev.dota2.com. 3. Dezarhivati fisierele si suprascrieti directorul cursor. Ati terminat! Acum cursorul din Dota 2 ar trebui sa fie mai mic.
×