By:
On:
In: PHP
Tagged: , ,
With: 0 Comments

El switch és equivalent a els if/elseif/else on es pot comprovar diverses condicions. Es compon de: la paraula clau switch, una variable per comprovar, i un parell de claus. En el cas de l’exemple, extret del Code Academy, s’utilitza el switch am el $myNum. Llavors s’utilitzen els casos per distingir els diferents elements de la llista. En l’exemple el cas 1: echo “1”; break; comprova si $myNum és igual a 1. Si és així, es fa echo de “1”, i utilitza break per sortir del switch. Si no fos aixó, es passaria al següent cas. Si tots donen negatiu, es fa ressó del cas perRead More →

By:
On:
In: CSS3, HTML5
Tagged:
With: 0 Comments

Sempre que es vulgui fer una animació d’un element al mateix CSS s’haurà d’utilitzar el següent codi: @-webkit-keyframes ‘nom_animació’ { 0% {‘inserir_estil’} 100% {‘inserir_estil’} } Cal tenir en compte que els percentatges seran els que es desitgin i que s’haurà d’aplicar el següent codi a la classe de l’element, també al mateix full d’estil, per activar l’animació, establir-ne la duració i les repeticions respectivament: -webkit-animation-name: nom;  -webkit-animation-duration: ‘numero’s; -webkit-animation-iteration-count:’infinite, numero’;  Read More →

By:
On:
In: PHP
With: 0 Comments

De variables amb php en trobem de diversos tipus. Per exemple: 1. String: referent a caràcters (‘Hola’, ‘Adeu’, ‘Hola que tal’) 2. Integer: referent a nombres enters (3,-14,5…) 3. Float: nombres amb decimals (3.1416, -24,355…) 4. Booleans: variables que tenen un estat. True, false o 0 i 1. 0 equival a false i 1 equival a true. 5. Array: és un grup de valors Per a declarar una variable es fa col·locant el dolar davant. Tot seguit en mostrem un exemple: Si és un string, el text es posa entre dues cometes: Si és un integer, el nombre no va entre cometes: Si és unRead More →

By:
On:
In: CSS3
With: 0 Comments

El CSS3 ens permet, a partir d’un text, definir una amplada màxima i afegir punts suspensius al final. Això ho farem definint una amplada i llargada de l’element HTML que ens servirà de contenidor del text i aplicant-li les següents propietats: .llista li { margin-bottom: 5px; width: 200px; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } Gràcies a aquest codi i donat un element <UL> amb la classe “llista”, obtindrem una llista on qualsevol text que sobrepassi els 200px serà tallat amb tres punts suspensius “…”. Podeu veure l’exemple: http://jsfiddle.net/adriia/wubpf/1/Read More →

By:
On:
In: Wordpress
With: 0 Comments

Si el tema que heu escollit permet traduccions, aquí teniu una petita guia per canviar al català l’idioma del vostre tema: El primer que haurieu de fer es anar a buscar per FTP un arxiu .po dins la carpeta languages del tema de wordpress (wp_content/themes/el_vostre_tema/languages/) i descarregar-lo. Un cop descarregat, canvieu el nom de l’arxiu a ca.po Descarrega el programa PoEdit de la pàgina web oficial. Obre l’arxiu ca.po amb el PoEdit i modifica les traduccions existents pel català i guarda l’arxiu. Quan guardem, PoEdit crea 2 arxius: ca.po i ca.mo Copiem els arxius i els pujem via FTP dins la carpeta el_vostre_tema/languages/ I si jaRead More →

By:
On:
In: CSS3
With: 0 Comments

Si el que necessiteu és que la vostra imatge de fons s’ajusti al taman de la finestra del navegador, haureu de posar aquest codi al css: body { background-image: url(“ruta_imatge”); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } Així de fàcil!Read More →

By:
On:
In: Javascript
With: 0 Comments

Per crear Objectes amb Javascript s’ha de seguir la següent sintaxi: var nom_objecte = { “fill_1” : { “color” : “vermell”, “tamany” : “gros” }, “fill_2” : { “color” : “blau”, “tamany” : “mitjà” } }; Un cop tenim l’objecte declarat, en podem canviar les propietats. nom_objecte[“fill_1”].color = “verd”; Per últim, si volem recórrer l’objecte amb el que seria l’equivalent a un FOREACH en PHP, ho podem fer amb el FOR (var foo in obj) . Si ho apliquem al nostre objecte: for(var fill in nom_objecte) { console.log(“L’objecte és ” + fill + ” i el seu color ” + nom_objecte[fill].color ); } L’exemple enRead More →

By:
On:
In: PHP, Wordpress
With: 0 Comments

Molts cops quan llistem els posts (fent un loop) d’un tipus de contingut, necessitarem diferenciar-los mitjançant una taxonomia. Si utilitzem una taxonomia personalitzada (custom taxonomy) necessitarem implementar dins del loop el codi següent. Imaginem que la taxonomia que hem creat es diu “skills”: Amb la funció de WordPress get_the_terms podrem obtenir la taxonomy del grup ‘skills’ que està associada al post. Això ens donarà com a resultant un array. D’aquest array llistarem els elements amb el foreach() i obtindrem la clau ‘slug’, que és la que dóna el nom de la taxonomia. Només faltarà implementar-ho a les classes amb la funció post_class():Read More →

By:
On:
In: Javascript
Tagged: , , ,
With: 0 Comments

Un dels punts forts de jQuery és la facilitat amb què es poden assolir certs efectes que, programats d’altra manera amb Javascript, ens portarien unes quantes línies més de codi. Per exemple, el .animate() ens permet animar les propietats CSS d’una etiqueta HTML (capa, llista, enllaç). La podem cridar amb un “handler” (gestor d’esdeveniments) com el .hover(). Així doncs, imaginem que tenim una capa que volem que quan l’usuari es posa a sobre amb el ratolí, disminueixi la opacitat a un 40%. El codi quedaria de la següent manera aplicant un .animate() a seques: $(document).ready(function(){ $(“#foo”).hover(function(){ // Això s’executa quan l’usuari entra amb el ratolíRead More →

By:
On:
In: Javascript
Tagged:
With: 0 Comments

Per crear un menú desplegable en jQuery, Primer necessitarem una llista com aquesta link 1 link 2 sublink 1 sublink 2 link 3 Que amb HTML seria el següent: link 1 link 2 sublink 1 sublink 2 link 3 El primer que necessitem és fer invisibles els sub-menus amb un classe CSS. Per exemple: ul ul { display:none; } A continuació, haurem de carregar la llibreria jQuery, que la podem descarregar de la pàgina oficial, al <head> de la nostra web. I només falta posar l’script que farà que el meu sub-menu es faci visible o invisible si entro o surto amb el ratolí. AquestRead More →