Despre mine
www.marianbucur.com

Salut! Numele meu este Bucur Marian, sunt freelancer (web developer), iar acesta este site-ul meu personal unde puteti vizualiza portofoliul meu, afla cateva lucruri despre mine, citi fel si fel de posturi bla bla... Bine v-am gasit si sper sa mai reveniti! :)

citeste tot

Ultimele lucrari
Links
People I know
Arhiva pentru categoria "Web"
24JulCateva reparatii si schimbari

In categoriile: Web

In aceasta noapte am decis sa fac cateva mici schimbari de design (partea din dreapta-sus si contact) si sa repar bugurile (sper ca astea sa fie toate) mentionate de Ion intr-un comentariu dintr-un post anterior, pe langa alte cateva schimari.

Cu ocazia aceasta am scris si un tutorial despre stilizarea formularelor utilizand css.

Enjoy si numai bine! :D

Nici un comentariu

24JulTutorial de stilizare a formularelor utilizand css

In categoriile: Parerea mea, Things I use, Tutorials, Web

Pentru ca mi`au adus unele acuzatii rautacioase (dar pe buna dreptate), greseli cauzate de neatentia mea, m`am hotarat sa repar aceste buguri (intalnite in IE) si sa fac acest tutorial, pe care sper sa`l gasiti util!

Cei de la Adobe scriu asa pe aceasta pagina:

Problem

IE6-7 incorectly scrolls an applied element background with background-attachment: scroll; when the user scrolls a textarea field or overflows an input field. This is incorrect behavior as the element background should only scroll with regards to the viewport.

Solution

No known solution or workaround, however this is only visible when the input element background consists of a pattern or an image.

Ei bine, nu exista nici o solutie incercand sa reparam aceasta problema legandu`ne strict de textarea sau de input, insa exista vreo cateva rezolvari pentru acest bug.
Metoda folosita de mine este una destul de simpla si nu implica folosirea de elemente in plus cum ar fi dl, ul sau orice altceva, in afara de elementele normale unui formular: label-urile.

Sa zicem ca vrem un formular in care textul este in stanga inputurilor.
Incep cu structura HTML (strict legata de inputuri, fara butoane si alte elemente):

PLAIN TEXT
HTML:
  1. <form action=“” method=“post”>
  2.     <label><input type=“text” value=“Scrie ceva lung… “/>Bad!</label>
  3.     <label class=“text”><input type=“text” value=“Scrie ceva lung… “/>Good! : )</label>
  4. </form>

Am pus input-urile inaintea textului pentru ca atunci cand atribuim float:right inputurilor acestea se vor alinia in dreapta textului.

Iar acum codul CSS:

PLAIN TEXT
CSS:
  1. /* Atribuim ce width dorim form-ului, acelasi width atribuindu-l si label-urilor, carora, de asemenea, le vom da "float:left", pentru ca fiecare sa fie pe un singur rand. */
  2.  
  3. form {
  4. width:300px;
  5. }
  6.  
  7. label {
  8. width:300px;
  9. float:left;
  10. }
  11.  
  12. /*
  13. Atribuim un background pentru inputul care va fi cel problematic in IE.
  14. De asemenea suma width-ului + padding-ului este egala cu latimea imaginii care va fi pe fundal. 180 + 20 care este totalitatea padding-ului din dreapta si din stanga = 200 (Sunt bun la mate, nu?).
  15. Acelasi lucru este valabil si pentru inaltime.
  16. Desi nu era necesar, am adaugat padding, o culoare si o marime pentru text doar pentru a infrumuseta un pic input-ul atunci cand se introduce continut.
  17. Dupa cum am scris si mai sus, atribuind "float:right" input-urilor, acestea se alineaza in dreapta textului.
  18. Deoarece adaugam o imagine de fundal, vom inlatura si border-ul care nu mai este necesar.
  19. */
  20.  
  21. input {
  22. width:180px;
  23. height:18px;
  24. padding:3px 10px;
  25. background:url(../wp-content/themes/mb/images/input3.png);
  26. border:0;
  27. float:right;
  28. color:#323232;
  29. font-size:15px;
  30. }
  31. /*
  32. Atribuind background-ul label-ului in locul input-ului evitam acest bug, pozitionand-ul in locul acestuia cu "right top".
  33. */
  34. .text {
  35. background:url(../wp-content/themes/mb/images/input3.png) no-repeat right top;
  36. }
  37. /* Facem background-ul input-ului, care va fi fara probleme, transparent, imaginea de fundal fiind atribuita label-lui in care se afla, acest input fiind total transparent, vazandu-se doar textul  */
  38. .text input {
  39. background:transparent none;
  40. }

That`s all folks!
Easy, uh? :)

Rezultatul final poate fi vizualizat aici.

PS: pentru cei care nu si`au dat seama, este vorba despre un bug de internet explorer, deci pentru a vedea despre ce este vorba intrati cu internet explorer.

14 comentarii , ultimul scris de Marian Bucur

25Febyshop.ro

In categoriile: Web

Prin acest post vreau sa fac anuntata lansarea (care a avut loc astazi, 25 feb 2008) site-ului colegului meu Octavian, si anume yshop.ro, cu aceasta ocazie urandu`i si mult succes si la cat mai multi utilizatori! :)

yshop este un site care iti ofera posibilitatea de a-ti construi propriul magazin online, magazin pe care il poti customiza foarte usor pana la cel mai mic detaliu folosind interfanta de administrare.

Prin intermediul acestui site iti poti crea propria afacere si imagine pe internet, devenind in timp un “vanzator cunoscut si respectat”.

Vrei sa vinzi ceva? Nu mai sta pe ganduri, yshop.ro este exact ceea ce ai nevoie!

Spor la vanzari! :)

4 comentarii , ultimul scris de phorias

12FebPHP to Javascript Project: php.js

In categoriile: Cu ochii pe net, Things I use, Web

Cautand o functie in javascript care sa fie asemanatoare cu explode din php am dat peste un site foarte foarte interesant, si anume PHP to Javascript Project: php.js. Momentan libraria include 98 de functii cu exemplele si documentatia necasara.

Inca de la prima vedere mi`a placut foarte mult aceastea librarie. Ramane de vazut cat de utila va fi pe viitor :D

Enjoy! b-)

6 comentarii , ultimul scris de ionutz

25JanNexus radio - pentru pasionatii radio-ului online

In categoriile: Cu ochii pe net, Muzica, Web

Esti pasionat de muzica? Iti place sa asculti radio-urile online? Vrei mai multa varietate? (As putea sa pun mai multe intrebari retorice, dar cred ca ajung :P ).

Atunci Nexus Radio (un programel pe care mi l-a recomandat cineva) este exact ce iti doresti. Este gratuit, nu contine spyware, malware, adware sau alte porcarii si ca tot intrebam de varietate, ai de unde alege - ai la dispozitie peste 7000 de posturi de radio care emit de la muzica clasica pana la muzica house! Pe langa toate acestea, Nexus Radio poate sa si inregistreze! Deci daca dai de o melodie frumoasa si vrei s`o mai asculti si altadata cu playerul tau mp3 favorit, inregistrezi frumusel melodia si o poti asculta si altadata. Interesant, nu?

Daca doresti sa descarci Nexus Radio, iata pagina de download.

Enjoy! B-)

Nici un comentariu

16JanSun Microsystems anunta intelegerea de a cumpara MySQL

In categoriile: Cu ochii pe net, Web

Astazi, 16 ianuarie 2008, compania Sun Microsystems a anuntat ca va cumpara MySQL, liderul mondial in materie de baze de date open source. Suma pentru care MySQL a fost cumparat este de aproximativ 1 miliard de dolari.

Mai multe detalii puteti gasi urmand acest link sau vizitand blogul lui Tim O’Reilly.

Nici un comentariu

12JanAdd-on-uri Firefox utile pentru web developeri

In categoriile: Things I use, Web

Firefox este un browser excelent (poate cel mai bun), fara indoiala. Rapid, sigur… insa nu numai astea sunt motivele pentru care il folosesc. O fac datorita add-on-urilor sale pentru web development. Iata topul celor mai importante si mai folosite de mine:

1) Firebug (acesta este cel mai important dintre toate).
2) Html Validator (foarte util, mai ales pentru cei care se ocupa de xhtml)
3) Web Developer

Alte add-on-uri pe care le folosesc sunt: Extended Statusbar, Dummy Lipsum, MinimizeToTray, Minimize To Tray Enhancer, Save As Image, Download Statusbar (nu toate au legatura cu web development,dar sunt utile).

Nici un comentariu

27NovIconico - Color Picker

In categoriile: Web

Inca o recomandare de`a mea in domeniul web developmentului:

Color Picker-ul de la Iconoco, un tool foarte folositor si usor de folosit. Dintre toate color picker-urile pe care le`am incercat vreau sa zic ca asta este de departe cel mai bun. Pe cat de multe caractereistici are fata de alte color picker-uri, pe atat de usor este de folosit.

Descarca ColorPic

7 comentarii , ultimul scris de Marian Bucur

12NovDemonoid.com a fost inchis

In categoriile: Web

Se pare ca ‘viata’ marelui site de torenturi Demonoid.com a luat sfarsit. ‘Vinovata’ pentru inchiderea sa este CRIA (Canadian Recording Industry), care a amenintat compania care hosta site-ul.
Iata ce apare acum la accesarea Demonoid.com :

“The CRIA threatened the company renting the servers to us, and because of this it is not possible to keep the site online. Sorry for the inconvenience and thanks for your understanding.“

Well… goodbye demonoid…

3 comentarii , ultimul scris de demonoid » Blog Archive » Demonoid.com a fost inchis

1NovMultiple IE (Internet Explorer)

In categoriile: Software, Web

Si inca ceva pentru web developeri… ceva ce cu siguranta trebuie oricaruia care se ocupa de CSS sau de JS si anume versiuni multiple de Internet Explorer instalate pe acelasi calculator. Kitul cuprinde: Internet explorer 3.0, 4.01, 5.01, 5.5, versiuni care sunt demult disparute si Internet explorer 6.0, versiune cu care developerii inca isi mai bat capu`. Toate aceste veriuni pot fi instalate alaturi de Internet Explorer 7, kitul de instalare putand fi gasit pe aceasta pagina: Install multiple versions of IE on your PC.


Happy developing! :)

2 comentarii , ultimul scris de Marian Bucur