Asistenta iT - HTML & CSS

Suprapunere youtube player pe o imagine!

Thu, 31 Jan 2013 17:49:31 +0000

Imagine

Youtube

Cum procedez in asa fel incat playerul sa se 'lipeasca pe ecranul televizorului' in pagina mea de internet?

Facebook like

Thu, 24 May 2012 05:37:53 +0000

Cum pot plasa pe un site button "like" pentru facebook. Am cautat diverse metode pe internet dar nam reusit sa creez butonul. Stiu ca exista mai multe metode, dar eu ar prefera un link, sau mai bine zis o ancora(ma refer la eticheta "a"), ca sal pot adapta usor cu tema forumului.

plasare in fata peste celelalte elemente

Tue, 08 May 2012 18:12:26 +0000

Am o problema la o tema, am plasat prin position: fixed; left: 20px; right: 20px; top: 0px; bottom: auto; o bara sus, insa am o problema ca un div vine peste ea, si cind cobori in jos pe pagina se vad doar marginile barei, nu va pot da link ca site-ul e in constructie, si il tin "secret" daca intelegeti. Eu am nevoie ca bara sa se plaseze in fata, inaintea divului, sa nu fie sub div. Ms anticipat!

inaltime minima in browserul Opera

Sat, 11 Feb 2012 16:58:09 +0000

Cum pot seta inaltimea minima in browserul Opera cu ajutorul limbajului CSS? Am incercat cu min-height dar nu functioneaza acest standart in Opera, in Crome da, iar alte browsere nu detin. am nevoie doar de numele atributuilui. In rest ma descurc.

cum creez un tabel de menu-uri in html?(functii)

Tue, 29 Nov 2011 19:05:33 +0000

daca ma intelegeti atunci explicatimi. Cum creez scriind coduri html, php sau folosind un program gratis. Ma refer la "tabelele" de functii,linkuri, la fel ca si acele de pe index, principala, la e-phorum, compuse din bara de titlu si lista de linkuri, pe e-phorum: comunitatea e-phorum.net si din lista fac parte: Regulament, offtopic - fun, esti nou? Hai sa ne cunoastem., anunturi si ... . Daca ma intelegeti la ce ma refer.

Scrollbar cu CSS

Sun, 07 Aug 2011 16:54:29 +0000

Pentru cei ce au un site si vor sa personalizeze scrollbar ul cu diverse culori recomand folosirea urmatoului script la care puteti schimba culorile.

Acest script de scrollbar CSS se foloseste in sectiunea de head a pagini, inainte de .

Scriptul poate fi modificat dupa bunul plac modificand culorile dupa cele alea siteului, de retinut este faptul ca pe firefox codul nu are efect deoarece firefox nu permite scrollbar cu css.

Code:

Tutorial HTML complet - Introducere in HTML pentru incepatori

Sat, 23 Apr 2011 15:42:44 +0000

Introducere in HTML pentru incepatori:

Pentru cei ce doresc sa invete HTML si nu au nici o cunostinta sau pentru cei ce doresc sa aprofundeze limbajul HTML m-am gandit sa scriu o serie de tutoriale html complete de la nivel incepator pana la nivel avansat.

Practic parcurgerea si aplicarea tutorialului o sa va dea destule cunostinte incat sa faceti de la zero un site in html.

Astfel acest tutorial este primul din seria de tutoriale html care va urma.

In acest tutorial o sa discutam diverse chestii despre html insa nu o sa aprofundam subiectul deoarece acest prim tutorial se doreste a fi doar o introducere pentru cei care incep de la zero.

In primul rand trebuie sa precizam ca html este nu este un limbaj de programare ci mai mult limbaj de "afisare" pentru ca nu implica functii, conditii ci doar afisare.

Pentru inceput trebuie sa stim ca HTML vine de la HyperTextMarkupLanguage si se refera doar la afisarea unor date intr-un anumit fel.

Toate codurile html, pentru inceput vor fi scrise in fisiere .html, fisiere a caror extensie trebuie sa fie neaparat html, acesta pot fi si alte extensii sau terminatii de indata ce is pe serverul web insa noi cum o sa lucram pe local fara server web toate fisierele o sa fie html.

Cum creez un fisier cu terminatia/extensia .html ?

Pentru a putea face un fisier cu extensia html pentru a scrie cod in el trebuie mai intai sa vedem extensiile fisierelor, terminatia fiecaruia (precum si headerul fisierului) arata tipul de fisier.

Acest tutorial a fost creat pentru cei cu windows xp pentru ca este cel mai folosit sistem de operare, astfel cei cu alte versiuni de windows sau linux o sa trebuiasca sa ghiceasca uni pasi din tutoriale.

Pentru a vedea extensile deschidem de exemplu My Computer si mergem la Tools > Folder Options, cum vedeti in poza de mai jos:

Apoi dam un click la View, debifam "Hide extensions for knowing file types" daca e bifat si facem click pe OK precum in poza de mai jos:

Apoi incepem sa cream primul fisier in html, Click dreapta pe Desktop, New > New Text Document.

Fisierului nou creat ii punem numele index.html, important ca sa va obisnuiti ca fisierul principal sa fie numit index.html pentru ca odata urcat pe un server web acesta va incerca sa deschida index.html cand va fi accesat directorul respectiv.

Succesul creari fisierului se vede prin schimbarea iconitei acestuia, din icon de text in icon de html, icon de internet explorer, opera, firefox, etc.

Acest tutorial se termina aici dupa terminarea creari fisierului .html.

Urmatorul tutorial va fi practic primul tutorial in care o sa scriem cod html.

Pentru probleme, nelamuriri sau sugestii nu ezitati sa postati.

Urmatorul tutorial html in curand.

Fundal pagina web in dungi sau zebre

Sun, 13 Mar 2011 01:54:27 +0000

Cum fac un fundal pentru o pagina web in dungi sau zebre:

Multe pagini web au fundal in dungi de 2 culori sau mai bine spus fundal zebra in 2 culori, cei ce doresc sa aibe un fundal asemanator pot crea unul pe gustul lor folosind urmatorul site:

http://www.stripegenerator.com/

Interfata siteului este usoara iar setarile sunt foarte diversificate astfel fundalul pentru pagina voastra web se genereaza fara efort si pe gustul vostru.

Mesaje in Javascript

Thu, 10 Mar 2011 14:59:59 +0000

Pentru a pune mesaje in javascript pe o pagina html trebuie sa va decideti prima data ce fel de mesaje doriti sa puneti, astfel se pot pune mesaje javascript in mai multe feluri:

Mesaj javascript simplu doar pentru afisare pentru link:

Code:

Test

Mesaj javascript simplu doar pentru afisare pentru buton:

Code:

Mesaj javascript simplu cu redirect pentru link:

Code:

Test

Mesaj javascript simplu cu redirect pentru buton:

Code:

Mesaj javascript cu confirmare pentru redirect pentru link:

Code:

Test

Mesaj javascript cu confirmare pentru redirect pentru buton:

Code:

HTML valid - necesar sau nu ?

Mon, 09 Nov 2009 10:49:31 +0000

Multi nu prea considera necesar sa valideze codul HTML, dar tu cum procedezi ? Argumenteaza

Html/Css problem!

Mon, 26 Oct 2009 09:35:22 +0000

Buna ziua!
Am luat de pe net o thema pentru mybb dar am 2 probleme:
1: De ce apare acel spatiu liber pana la post?
2: De ce nu apar bodurile in post?
Am afisat mai jos o imagine pentru a va putea seama mai bine despre ce e vorba:

Multumesc in avans!

Rezolva fundalul transparent/roz al fisierelor png in internet explorer 6

Tue, 13 Oct 2009 18:52:06 +0000

Pentru cei ce folosesc in template fisiere PNG din cauza calitati inalte si a transparentei pe care acestea o ofera si au fundalul roz in internet explorer (vezi mai jos), le recomand urmatorul fix in Javascript:

In HTML intre tagurile .
se pune urmatorul cod:

Code:

iar in Root se copiaza fisierul din arhiva de la atasament.

Imaginea are in loc de fundal transparent un roz foarte deranjant dupa cum puteti vedea:

Mai jos vedeti imaginea afisata (aceeasi imagine) tot in ie folosind PNG FIX:

PS. Partea grava e ca sunt siteuri a caror propietari nici nu stiu de problema respectiva, aceasta aparand doar in internet explorer 6.

pngfix_www.e-phorum.net.rar (Size: 874 bytes / Downloads: 6)

Comentari in CSS

Thu, 08 Oct 2009 15:51:37 +0000

Pentru a face comentari in CSS, pentru a insemna sau a face notite in CSS se foloseste:

Code:

/* nota */

Inlocuiti cuvantul nota cu comentariul vostru, de asemenea daca doriti sa faceti notari pe mai multe randuri folositi acelasi cod:

Code:

/* nota 

             sau comentaru

             pe mai multe 

             randuri */

De asemenea eu folosesc comentari pentru a delimita unele DIV uri de exemplu:

Code:

/* Meniu Bar

------------------------------------------------------------- */

Need a lil help :)

Sun, 23 Aug 2009 18:32:59 +0000

Salut!As vrea sa fac o descriere pentru un joc de browser,care o sa fie la vederea celorlalti jucatori.Si as vrea sa stiu cum pot sa activez optiunea sa pot sa incep modificarea.Am citit cate ceva pe net despre acest domeniu,insa is cam newbie :laugh: So need un pic de indrumare Thanks!

Problema Aliniere

Sun, 28 Jun 2009 12:36:58 +0000

Buna, nu de mult m-am apucat sa facu un forum cms in php si am dat de o problema :

Vedeti acolo unde este scris "Spatiu" este problema mea, doresc ca, cand postez sa nu mai coboare si numele si avataru , doresc sa ramana sus, am incercat tot felu de scripturi (

si multe altele) si nu a functionat nimica.

Las si codul aicea sa vedeti.

Code:

echo "";

  echo " ". $row['Name'] .

" 
";

echo " 
 ";

Css de la 0 ?

Wed, 01 Apr 2009 14:38:43 +0000

Ar putea sa imi explice si mie cineva una alta despre css ?
Adica care sunt elementele de baza, Daca vreau sa fac o tema de unde sa incep?
Sau eventual cum pot sa codez o tema in css? Adica sa fie facuta in photoshop si dupa sa o codez in css ?

Cum asi putea sa integrez un script intr-un cms?

Mon, 30 Mar 2009 23:33:13 +0000

Cum pot sa inegrez un script de cenul cstrike.ro (acela cu listarea huburilor si a serverelor de counter strike .... acolo pe mijloc? Eventual poate sa imi de acineva un script de genu?

Folosesc cms-ul e107 ... poate a avut cineva experienta cu el.

Cele mai utilizate coduri html

Fri, 27 Feb 2009 20:24:15 +0000

1.Coduri de aliniere:

PHP Code:

<div align="center">textdiv> sau <center>textcenter> 

- Alineaza textul la mijlocul pagini.

PHP Code:

<div align="left">textdiv> 

- Alineaza textul in stanga pagini.

PHP Code:

<div align="right">textdiv> 

- Alineaza textul in dreapta pagini.

Mentiune: Aceste coduri se pot folosi si pentru imagini sau flash-uri

2.Coduri pentru legaturi (link-uri)

Link simplu:

PHP Code:

<a href="link-ul dorit">texta> 

Link care deschide o fereastra tip pop-up:
Code:

Code:

Text

Link cu imagine:
Code:

PHP Code:

<a href="link-ul unde vrei sa trimita imaginea">
<img src="Link-ul unde se afla imaginea" width="Aici puneti lungimea care sa o aiba imaginea (masura e in PX)" height="Aici puneti latimea care sa o aiba imaginea (masura e in PX)" alt="Aici puneti textul care doriti sa apara cand se pune cursorul pe imagine (Pentru IE)" title="Aici puneti textul care doriti sa apara cand se pune cursorul pe imagine" border="0"/>a> 

Mentiune: Pnetru ca link-ul sa se deschida intr-o pagina noua trebuie sa adaugati target="_blank" exemplu:

PHP Code:

<a href="link" target="_blank"> 

3.Coduri pentru miscari de texte

Code:

PHP Code:

<blink>textblink> 

- Palpaie textul

Code:

PHP Code:

<marquee>Textmarquee> 

- se misca textul de la dreapta spre stanga

Code:

PHP Code:

<marquee scrollamount=1 direction="down" loop=true>textmarquee> 

- se misca textul de sus in jos

Code:

PHP Code:

<marquee scrollamount=3 direction=right loop=true behavior=alternate>textmarquee> 

- se misca textul dintro parte in alta

Mentiune: Aceste coduri se pot folosi si pentru imagini sau flash-uri

4.Coduri inserari imagini:

PHP Code:

<img src="Link-ul unde se afla imaginea" width="Aici puneti lungimea care sa o aiba imaginea (masura e in PX)" height="Aici puneti latimea care sa o aiba imaginea (masura e in PX)" alt="Aici puneti textul care doriti sa apara cand se pune cursorul pe imagine (Pentru IE)" title="Aici puneti textul care doriti sa apara cand se pune cursorul pe imagine" border="0"/> 

PHP Code:

<img src="Link-ul unde se afla imaginea"/> 

- varianta simpla

5.Coduri colorare text:

PHP Code:

<span style="color: codul culorii dorite">Textspan> 

Mentiune: O mare parte din codruile culorilor le gasiti aici:
http://www.computerhope.com/htmcolor.htm

6.Coduri pentru spatiere:

PHP Code:

&nbsp; 

- lasa spatiu intre cuvinte

PHP Code:

<br> 

- trece pe un rand nou

7.Coduri pentru formatare text

PHP Code:

<b>textb> 

- pentru scris boldat

PHP Code:

<i>texti> 

- pentru scris cursiv

PHP Code:

<u>textu> 

- pentru scris subliniat

Butoane in html

Tue, 03 Feb 2009 20:52:51 +0000

Butoane in html, cum se fac butoanele in html de la butoane clasice cum sunt cele de la formulare pana la butoanele facute din imagine:

Mai jos aveti un exemplu de buton clasic

Code:

sau puteti face butonul folosind un formular simplu

Code:

sau un buton grafic si anume o imagine care are functia de buton

Code:

Comentari in html

Fri, 23 Jan 2009 19:57:00 +0000

Comentarile in html sunt folosite pe post de notite pentru a marca inceputul sau sfarsitul unui element.

Adaugarea comentarilor in html este recomandata in cazul modificari unui script sau adaugari unu cod cum ar fi scriptul de la wta.ro, trafic.ro etc.

Acestea ajuta la mentinerea unui cod corect si curat fiind usor de update-at modificat inteles.

De exemplu pentru adaugarea unu script de la trafic.ro se pot folosi:

Code:

scrie script trafic.ro

Code:

sau pentru link exchange:

Code:

scrie linkuri aici

Code:

comentarile pe mai multe lini se fac in felul urmator:

Code: