Webdesign

webdesign tutorial , html , php javascript e flash

Personalizzare Virtuemart

Come molti sanno Virtuemart è un componente per la creazione di uno shop integrato in joomla installabile in pochi click e gestibile direttamente dal pannello di controllo con facilità e flessibilità da invidiare persino ad i cms dedicati .
Un pregio è senza dubbio la gestione degli stili che si integra molto bene con il css del proprio template in uso ma non sempre tutto è come lo vorremmo . Vediamo quindi come modificare in grandi linee le varie parti che lo compongono .
foto Immagini
– Supponiamo di dover cambiare l’icona del carrello.
Ogni foto che vediamo è presente nel nostro server e per editarla basterà trovare il suo percorso , aprirla, salvarla e ricaricarla sostituendola .
Possiamo utilizzare firebug ( estensione firefox ) il quale analizzando l’elemento ci restituirà il link da seguire che si troverà in :

[code]/components/com_virtuemart/shop_image/ps_image[/code]

(altro…)

Di , fa

Tema : layout fluido o fisso ?

Che differnza cè tra una stuttura fluida ed un a dimensioni fisse ? quale conviene usare e perchè ?
Vediamo degli esempi sulla struttura di risorsainformatica :

  • Fluido Nel primo caso trattiamo il forum costruito su un layout fluido , ciò vuol dire che aumentando la dimensione di esso , gli elementi che lo compongono si estendono per adattarsi alla misura usara , per capire meglio vediamo un esempio sulla larghezza in diverse risoluzioni :

fluido
(altro…)

Di , fa

Modificare un tema wordpress Parte 1

Inizia qui la prima guida su come modificare un tema per la piattaforma piu amata dai blogger WordPress . In questa prima parte andremo a vedere quali sono i passaggi per poter personalizzare il nostro template eccetto la parte grafica che verrà vista nel secondo punto .
La prima cosa da fare è seleziona il tema sulla quale si vuole lavorare ed iniziare a vedere quali punti dobbiamo cambiare . La maggior parte di questi sono in lingua inglese e supponiamo di dover portare il tutto in italiano .
Andiamo nel pannello di amministrazione e sotto la voce aspetto troviamo “editor” che ci permette di visualizzare direttamente dal browser il codice delle varie pagine . Avremo quindi a disposizione le pagine di default principali :

  • Archive.php : La pagina dove si gestiscono gli archivi per mese categoria anno o autore
  • Header.php : Testata superiore del nostro blog che contiene in genere titolo descrizione ed eventuale menù
  • Single.php : Mostra l’articolo singolo escluso il resto della pagina
  • Sidebar.php : Barra laterale nella quale vengono aggiunti widget categorie e simili
  • Comments.php : Struttura del modulo dei commenti comprese le segnalazioni errori
  • Index.php : La parte principale che gestisce le varie parti che compongo l’intero blog
  • Footer.php : Detto piè di pagina , la parte inferiore del sito dove troviamo i copyright e pubblicità
  • 404.php : Questa verrà mostrata solo in caso di link errato o pagina non trovata
  • Style.css :Il foglio di stile che ci permette di personalizzare graficamente i vari componenti

(altro…)

Di , fa

Inserire il lightbox in wordpress

Tutti i possesori di un blog wordpress hanno almeno una volta provato o desiderato l’inserimento del fantastico effetto lightbox all’apertura delle foto . Vediamo come installarlo in pochi passi . Scarichiamo il plugin wp-lightbox2 ; Aggiungiamo una foto nell’articolo e passiamo alla visualizzazione html dove aggiungeremo il valore rel=”lightbox” e Leggi tutto…

Di , fa

Firefox design

Con getpersonas è possibile realizzare degli skin grafici per personalizzare il nostro firefox ed ecco che ne abbiamo testato la sua funzionalità creando un design apposito per risorsainformatica. Eccone un’anteprima: per applicare l’ Add-on basta andare su Personas ed installare il file xpi .Trovate la nostra grafica su template Sfogo Leggi tutto…

Di , fa

Tutorial – l’immagine di sfondo

In qesta guida spiegheremo alcuni modi per settare un’immagine di sfondo per il proprio sito Colore unico :molto usato nelle realizzazioni standard [css]body { background-color: #0033FF;[/css] Pattern: consigliato in quanto leggero e volece nel caricamento [css]body { background-image: url(file:///C|/Users/patterns.gif); background-repeat: repeat;[/css] Sfumatura verticale [css]body { background-image: url(file:///C|/Users/sfumatura.jpg); background-repeat: repeat-x; background-color: Leggi tutto…

Di , fa