• Categorie - Internet 17.02.2010 2 comentarii

    Vimeo.com a lansat astăzi în versiune beta playerul pentru HTML5, ca alternativă pentru Flash.
    Se au în vedere:
    - încărcare instant;
    - posibilitatea de a sări oriunde în videoclip fără a aştepta ca acesta să se bufereze;
    - funcţionare “smooth”, de fineţe, fără frame-uri sărite.

    Momentan funcţionează doar pe ultimele versiuni de browsere Safari, Chrome, sau IE cu Chrome Frame instalat.

    Pentru a face un test, există un link dedesuptul videoclipului, “Switch to HTML5 player” care este vizibil doar în browsere cu suport HTML5. Am făcut un test în Chrome ultima versiune, funcţionează, consumă resurse cu aprox 15% mai puţin decât în mod FLASH.

    Codul de embed se găseşte momentan doar în flash, tot ca până acum.
     

    Try our new HTML5 player! Staff Blog

    TEST HTML5 PLAYER

     

    Etichete: , , , ,

  • Categorie - Webdesign 11.01.2010 Nici un comentariu

    Snipett-uri pentru WordPress utilizate în temă, posturi, categorii, comentarii, Include Files, Conditional, Login/Out, Tags, Authors, Bookmarks, şi altele.
     

    PHP Snippets

    Sursa: wpcandy.com | Descarcă PDF
    PHP Snippets

    Sursa: yojance.com | Descarcă PDF

     

    Etichete: , , ,

  • Categorie - Tutoriale 24.10.2009 6 comentarii

    Cum aranjez bannerele pe două coloane în sidebar

    Cum poziţionez imagini în post, orizontal, vertical

     
    Table înseamnă tabel. Cunoaşterea modului în care se scrie un table în cod HTML direct în post la WordPress este deosebit de utilă atunci când doresc să poziţionez nişte elemente în post cum doresc, să am controlul total asupra lor.

    O altă situaţie des întâlnită este atunci când doresc să aşez bannerele din sidebar pe două coloane verticale (sau câte două pe un rând), bineînţeles dacă lăţimea sidebarului permite acest lucru, caz în care editez cu notepad codul respectiv direct în fila sidebar.php

    În primul caz, dacă doresc să scriu orice fel de cod în post trebuie selectată în wp-admin opţiunea “HTML”. Dacă vreau s-o scot de tot se poate din wp-admin/profile, se bifează “Disable visual editor”.
     

    Visual editor

     
    Mai jos avem un table care conţine 2 imagini pe orizontală şi două pe verticală. Fără fond colorat, fără border.

    p1 p2
       
    p3 p4

     
    Pentru a insera acest table am utilizat codul de mai jos, care poate fi folosit aşa cum este atât într-un post, cât şi la aranjarea de bannere în sidebar. El este scris într-un anume fel, ceva cât se poate de simplist, fără elemente custom, care în cazul utilizării în post ar fi restricţionate oricum de CSS-ul temei.

    <div align="center">
    <table width="220">
    <tr>
    <td>
    <img src="http://www.site.ro/folder/poza1.jpg">
    </td>
    <td>
    <img src="http://www.site.ro/folder/poza2.jpg">
    </td>
    </tr>
    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
    <tr>
    <td>
    <img src="http://www.site.ro/folder/poza3.jpg">
    </td>
    <td>
    <img src="http://www.site.ro/folder/poza4.jpg">
    </td>
    </tr>
    </table>
    </div>

    Unde fiecare element înseamnă:

    <div align="center"> – div de poziţionare table în centrul postului
    <table> – început table
    <tr> – început rând
    <td> – început coloană
    </td> – sfârşit coloană
    </tr> – sfârşit rând
    <tr><td>&nbsp;</td><td>&nbsp;</td></tr> – un rând gol de doua coloane pentru a crea un spaţiu pe verticală între imagini (in sidebar se poate utiliza si <br><br> în loc de rând gol)
    </table> – sfârşit table
    </div> – sfârşit div centru
    width=220 – lăţime table în pixeli pe orizontală, am folosit o valoare ceva mai mare decât suma lăţimilor pozelor pentru a crea un spaţiu pe orizontală între imagini.

    Prin analogie se poate modifica codul exemplificat în funcţie de numărul de coloane şi rânduri dorit.

    Mai pot utiliza la wordpress în post următoarele elemente:

    <table bgcolor="#FF0000"> – pentru a seta un background colorat, (culoarea exprimată în HTML).

    <table background="http://site.ro/folder/imagine.jpg"> – pentru a seta un background o imagine oarecare, (dacă imaginea este mai mică în dimensiuni decât table, aceasta se va repeta pe orizontală şi verticală).

    <tr height="200"> – stabilirea unei înălţimi custom pentru un anume rând.

    Restul elementelor care contribuie la crearea unui table “Full Custom”, precum border, border-color, padding, margin, position, align, formatare font, etc, se pot configura numai prin intermediul CSS, prin adăugare şi configurare parametrii în fila style.css din folderul temei. Subiectul este vast, ar putea face parte dintr-un tutorial viitor.

    În acest tutorial, cum e precizat şi în titlu am descris doar ce e testat şi merge la wp în post fără a modifica sau a crea conflicte cu css-ul temei.

    Etichete: , , , ,

  • Categorie - Tutoriale 17.10.2009 5 comentarii

    Acest mic tutorial ar putea fi considerat un update tutorialului precedent Cum fac banner pentru blog, tutorial pentru că este util în cazul în care există un text de preluat dintr-un TextArea (casetă text) cu copy/paste.

    Aceast feature HTML ca să-i zic aşa îmbunătăţeşte “User experience” pe un site web şi scuteşte utilizatorul să “tragă” cu mouse-ul de la prima literă până la ultima peste textul care se doreşte copiat.

    Poate fi utilizat în toate cazurile unde avem de-a face cu un
    <textarea></textarea>

    Trebuie făcută o modificare extrem de simplă:
    În loc de:
    <textarea>Textul din caseta</textarea>
    Adăugăm:
    onfocus="select();"
    Să avem în final:
    <textarea onfocus="select();">Textul din caseta</textarea>
    (cu un space după textarea neapărat)
    Asta este tot.

    Funcţionează şi in IE6 şi Firefox.

    Exemplu, click mai jos pentru a testa,
     

     

    Etichete: , , , ,

  • Categorie - Webdesign 19.04.2009 3 comentarii

     
    Wordpress Tips & Tricks
     
    Nu toate temele de wordpress indică în secţiunea “Categorii” numărul de posturi care se află într-o categorie. E vorba de acea cifră în paranteză după titlurile categoriei. Daca vă doriţi aşa ceva, “îmbunătăţirea” poate fi facută manual extrem de simplu.
    În fila sidebar.php din folderul temei căutaţi expresia de forma:

    <?php wp_list_categories(‘show_count=0&title_li=<h2>Categories</h2>’); ?>

    diferă foarte puţin de la temă la temă.
    Este php-ul care afişază conţinutul secţiunii “Categorii”.

    Unde scrie: show_count=0
    Modificăm: show_count=1

    Salvăm, închidem şi fila modificată se urcă pe server, overwrite.

    Etichete: , , , ,

  • Categorie - Webdesign 13.01.2009 2 comentarii

    Cum editez in simboluri html, lista caractere

    Caractere speciale, simboluri in HTML
     
    Dacă în postările dumneavoastră ve-ţi avea nevoie vreodată să folosiţi
    simboluri sau caractere speciale, puteţi să o faceţi scriind în wp-admin direct în HTML fără a avea instalat în calculator limbajul regional respectiv.
    Mai jos doar câteva exemple,
    dar la adresa:
    http://realdev1.realise.com/rossa/phoneme/listCharactors.asp?start=131&stop=383&rows=252&page=1 găsiţi lista completă a codurilor pentru scriere cu caractere ruseşti, greceşti, arabe, precum şi o mulţime de simboluri grafice.
     
    &#188;= ¼

    &#189;= ½

    &#190;= ¾

    &#128;= € (euro)

    &#934;= Φ

    &#937;= Ω

    &#946;= β

    &#956;= μ
     

    Etichete: , , , , , , ,

Go to Top

Web conections

Alte articole

Comentarii recente

  • Imi plac la nebunie motoarele, dar mi-e frica de d... »
  • @yooo - absolut toate detaliile sunt descrise aman... »
  • Daaaa m-am convins.....si eu am primit unul din pl... »
  • Salut all...am si eu o intrebare...cum fac sa moni... »
  • @Dyeve - si mie imi place vintage-ul, o lume facin... »
  • Awwww! Ce mistoace sunt! Benefice sau nu aceste re... »
  • @Versuri - se spune Hayabusa, aia le da clasa la t... »
  • Le-am mai vazut:)).Caterinci pe acolo. »

Mie îmi plac filmele vechi!