Category: Web and Design

[:it]Il web design e la psicologia del colore[:]

[:it]Ecco a voi un articolo molto interessante che tratta del web design e la psicologia del colore.

Quante volte c’è capitato di restare incantati davanti ad un panorama ad osservare il gioco dei colori? Non mi riferisco solo al “classico” tramonto, ma penso anche ai colori dei campi al mattino presto d’inverno, quando c’è la brina, al profilo di una città la sera, al gioco di luci ed ombre del sole tra le montagne o ai colori vivaci di un prato fiorito a primavera. Gli esempi sono numerosi ed ognuno di noi potrebbe continuare ad aggiungerne; la natura, infatti, ci offre continuamente sfumature e mix cromatici, da ammirare e da cui prendere spunto.

In effetti i colori hanno una grande importanza nella nostra vita, quotidianamente: dall’abbinamento dei vestiti all’arredamento di casa o dell’ufficio, fino agli ingredienti per un buon pranzo. Quanto tempo, infatti, dedichiamo alla scelta delle tonalità che più ci caratterizzano o che meglio riflettono il nostro stato in un certo momento?

 

La stessa cosa vale anche nel mondo virtuale. Quando navighiamo su internet e consultiamo siti o blog, ciò che ci attira su uno piuttosto che su un altro, sono la  grafica e il design. L’estetica è molto importante, perché cattura la nostra attenzione e ci influenza nel prendere decisioni, così come i colori che vengono utilizzati. Un web designer deve tener ben presente questo aspetto nel decidere quali combinazioni cromatiche utilizzare, a seconda del target di utenti che si vuole raggiungere e del contenuto del portale internet.

 

Cosa comunicano i colori?

Il ROSSO è uno dei colori più caldi, di solito è associato all’amore: basta pensare alle rose rosse o al colore del cuore. Allo stesso tempo è anche sinonimo di allarme, quindi ha in sé questa bivalenza paradossale: amore, sensualità e pericolo. Un web designer deve cogliere questo aspetto e sfruttare le potenzialità di questo colore, il potere e la forza che sprigiona (la Ferrari, infatti, è rossa e riassume bene questa bivalenza…). Naturalmente, dosandolo, perché troppo rosso potrebbe mandar via i visitatori, mentre la dose giusta, ad esempio, potrebbe impiegata per indicare offerte speciali.

Anche il GIALLO ha un doppio significato. Da un lato comunica gioia e felicità, dall’altro viene individuato da molti come il colore della gelosia o della pazzia. Per cui bisogna usarlo con attenzione, magari evitando di invadere lo spazio solo con questa tonalità.

L’ARANCIONE è un altro colore caldo, una via di mezzo tra giallo e rosso, se vogliamo. L’arancione indica fuoco, energia e pienezza. È un colore impiegato frequentemente per i siti del settore alimentare, proprio perché è gioioso, ma potrebbe anche essere la tonalità per il sito di un’impresa nel campo dell’edilizia (pensiamo al colore del mattone).

Passando ai colori più freddi, l’azzurro è simbolo di leggerezza (e il colore del Paradiso), mentre il blu è più sobrio e legato al mondo imprenditoriale. In effetti, è un colore che si trova spesso nei loghi aziendali o nei siti internet di riferimento. Inoltre, il blu è anche il colore della “salute”, ci fa venire in mente il simbolo sul camice del medico o il colore delle pareti di un ambulatorio.

C’è poi il VERDE: questo colore è sinonimo di natura, di purezza e benessere. Lo troviamo spessissimo, infatti, nei portali di centri wellness o di erboristerie. Il verde è anche il colore della sostenibilità ambientale e del vivere sano, per cui è impiegato nei siti di aziende di energia “verde” o di produzioni biologiche.

Non dobbiamo dimenticarci del VIOLA: questo colore indica la spiritualità e la meditazione. È un colore regale, in un certo senso, e nel web viene spesso impiegato nei banner o nelle call-to-action, proprio per il suo richiamo e le sue particolarità.

Per ultimi prendiamo in considerazione i due opposti, il bianco e il nero. Il BIANCO è l’insieme di tutti i colori, è sinonimo di luce, di purezza e semplicità. Nel design di un sito il bianco può andare bene per tutto. L’importante è metterlo in risalto con i colori più scuri, altrimenti l’occhio di chi guarda rischia di perdersi.

Il contrario del bianco è il NERO, che potremmo definire come l’assenza di colori. Il nero si può riferire alla tristezza (se pensiamo al colore della morte, ad esempio), allo stesso tempo è però un colore molto elegante, che da raffinatezza e, se combinato in modo armonioso con gli altri colori, può dare al sito quel tocco unico che lo differenzia da altri.

 

Il web designer, quindi, si trova davanti ad un vero e proprio studio sui colori da impiegare e da mixare. Naturalmente, deve anche soddisfare le esigenze del cliente, per cui si trova a dover trovare una soluzione tra domanda e offerta. Magari, presentando la sua proposta con le tonalità giuste, potrà dar prova al cliente del risultato finale e di ciò che un certo effetto cromatico può suscitare.

 


 

Questo interessante articolo è stato scritto da Gloria Zaffanella.

 

gloriaGloria Zaffanella è Public Relation Manager di Stampaprint S.r.l. , azienda leader in Italia nel settore della stampa online. Dopo una carriera nel print marketing, Gloria ha studiato le dinamiche del search engine marketing per approfondire le molteplici opportunità di un loro utilizzo congiunto.

 [:]

Modificare CSS form registrazione e login WordPress

Ecco una breve guida per Modificare il CSS del form di registrazione e login di WordPress. Bastano pochi passi!


 

1. FILE CSS

Per prima cosa creare un file css che andrà a sovrascrivere quello di default di WordPress. Potete chiamarlo style-login.css e posizionarlo all’interno del root del tuo theme. (potete chiamarlo come volete, basta che poi vi ricordate di cambiare il codice qui sotto con il nome esatto del vostro foglio di stile).

Puoi copiare e incollare il css da login.min.css e sostituire solo il codice che ti interessa cambiare, oppure crearne uno da zero.


 

2. FUNCTIONS.PHP

Poi è necessario aggiungere la funzione che permette di utilizzare il vostro foglio di stile al posto di quello di default.

 

PARENT THEME

Se NON usi un ChildTheme (quindi usi un Parent Theme – Tema Genitore) incolla il seguente codice nel tuo functions.php

[php]function my_login_stylesheet() {
wp_enqueue_style( ‘custom-login’, get_stylesheet_directory_uri() . ‘/style-login.css’ );
wp_enqueue_script( ‘custom-login’, get_stylesheet_directory_uri() . ‘/style-login.js’ );
}
add_action( ‘login_enqueue_scripts’, ‘my_login_stylesheet’ );[/php]

 

CHILD THEME

Se invece usi un ChildTheme, utilizza lo stesso codice sopra riportato ma sostituisci

[php]get_stylesheet_directory_uri()[/php]

con

[php]get_stylesheet_directory_uri()[/php]

ed il gioco è fatto!


 

Spero questo articolo ” Modificare CSS form registrazione e login WordPress ” ti sia servito! 🙂

Traduzione in italiano di Buddypress

[bra_highlight style=’highlight1′]AGGIORNAMENTO[/bra_highlight]

Dopo gli ultimi update di BuddyPress come saprete ci sono già delle traduzioni online che si caricano in automatico. La versione italiana non è ancora al 100% sulla loro repository, io però ve la rilascio qui e vi regalo il lavoro fatto 😉

Di seguito il file .pot e i file .po e .mo tradotti in italiano al 100%.
Grazie infinite a danbp del team BuddyPress che ha realizzato parte della traduzione!

[bra_button text=’Traduzione in italiano di Buddypress’ url=’https://drive.google.com/folderview?id=0B2SBamePC_U2alVLV1I5RW1VMUk&usp=sharing’ target=’_blank’ size=’medium’ style=” color=’orange’]


 

[bra_highlight style=’highlight1′]VECCHIO ARTICOLO SOTTO[/bra_highlight]

Non so voi, ma io ho cercato un pò in giro senza trovare nulla! Quindi mi sono messa a fare la traduzione in italiano di Buddypress correggendo e modificando un paio di termini che non mi andavano a genio. Questa traduzione in italiano di Buddypress non è completa, vi avviso, ma essenzialmente quasi tutto il front-end del plugin è tradotto. Non ho tradotto nulla del back-end perchè essenzialmente mi sembrava abbastanza inutile…

Quindi lascio a voi il file tradotto, nel caso ne abbiate bisogno 😉

 

Personalizzare email di attivazione account BuddyPressPersonalizzare email di attivazione account BuddyPress

Se vuoi personalizzare le email dia ttivazione account BuddyPress basta seguire questa piccola guida e immediatamente le tue email saranno personalizzate. Questa guida è stata realizzatta in base alle istruzioni di Jesin (vedi articolo in inglese)

Innanzi tutto bisogna creare un file .php dentro a wp-contents/plugins/ chiamato bp-custom.php (wp-contents/plugins/bp-custom.php)

Per prima cosa inseriamo: (ovviamente i crediti sono per Jesin, l’autore di questa soluzione!)

 <!--?php <br ?--> /*
Plugin Name: BuddyPress custom activation email
Plugin URI: http://jesin.tk/custom-buddypress-activation-email/
Description: Checks the health of your WordPress install
Author: Jesin A
Author URI: http://jesin.tk
*/

knock off canada goose coats https://www.canadagoose-online-shop.co.uk Canada Goose parka online discounts  

Di seguito canada goose down outlet usa https://www.csjpembroke.ca/ Canada Goose coats online store, per personalizzare l’ggetto della mail di attivazione account BuddyPress:

add_filter( 'bp_core_signup_send_validation_email_subject', 'custom_buddypress_activation_subject', 10, 2 );
 
function custom_buddypress_activation_subject( $subject, $user_id ) {
    $user = get_userdata( $user_id );
    return $user->user_login . ' – Activate your ' . get_bloginfo( 'name' ) . ' account';
}

 

Infine, per personalizzare il messaggio della mail:

add_filter( 'bp_core_activation_signup_user_notification_message', 'custom_buddypress_activation_message', 10, 5 );
 
function custom_buddypress_activation_message( $message, $user, $user_email, $key, $meta ) {
    $activate_url = bp_get_activation_page() . "?key=$key";
    $activate_url = esc_url( $activate_url );
    return "Hi $user,
Thanks for registering! To complete the activation of your account please click the following link:
$activate_url
Thanks,
Jesin";
}

Salvate, ed il gioco è fatto!
Grazie ancora a Jesin epr questa guida 🙂

Come aggiornare il favicon sul browser

cheap canada goose canada goose outlet canada goose sale canada goose outlet Hai cambiato favicon ma ancora vedi quello vecchio sul tuo browser? Ecco la soluzione per forzare l’aggiornamento. Quindi canada goose womens hybridge lite https://www.goedkopeparka.nl Canada Goose chateau parka online authentic, per aggiornare il favicon sul tuo browser basterà:

  1. Digita nel browser: www.iltuosito 5mg cialis for sale.com/favicon.ico
  2. Aggiorna premendo Control + F5
  3. Voilà favicon aggiornato! Riavvia in caso di usare Firefox o Explorer (a me con Chrome a funzionato subito)

Hosting provider italiano MyServerWeb

Sono a presentarvi un hosting provider italiano davvero da provare! Loro sono MyServerWeb
Ci tengo a dire che é una ditta italiana, e quindi se posso, sono sempre a favore di far lavorare i nostri connazionali! La azienda é nada nel 2010 ed offre degli ottimi servizi di hosting / dominio / posta e anche Cloud a prezzi competitivi.

Il  punto forte di questo hosting provider italiano é indubbiamente il loro servizio al cliente, sempre attento e disponibile (a differenza di molti altri provider che non appena uno si ritrova in difficoltà deve passare ore al telefono prima di risolvere!)

[bra_border_divider]

I loro servizi

Schermata 2014-05-30 alle 14.49.01  Schermata 2014-05-30 alle 14.49.14

Schermata 2014-05-30 alle 14.49.42  Schermata 2014-05-30 alle 14.49.51

Schermata 2014-05-30 alle 14.49.59  Schermata 2014-05-30 alle 14.50.06

[bra_border_divider]

cPanel

Questo hosting provider italiano ci propone un cPanel davvero semplice da utilizzare e permette di creare nuovi account di posta, gestire quelli giá esistenti, gestire i database MySQL. Inoltre é possibile creare gratuitamente i vostri sotto-domini, cioé i domini di secondo libello come per esempio potrebbe essere “sottodominio.nicolecurioni.com”
Permette anche di installare in modo facile e veloce anche moltissimi CMS (WordPress, Drupal, Joomla e altri!)

Il pannello é diviso in categorie, quindi molto ben organizzato in modo da ottimizzare i tempi di ricerca.

Per esempio, ecco la sezione del cPanel per gestire la posta:

Schermata 2014-05-30 alle 14.59.39

E voi direte… “ma é in inglese!!”
Niente paura! Si puó benissimo cambiare la lingua di default del vostro cPanel, con un semplice clic (vedi sotto “Change Language“)

Schermata 2014-05-30 alle 15.00.12

Io ve lo consiglio pienamente, ma se avete qualche dubbio non esitate a contattarli direttamente!
Visitate il loro sito  http://myserverweb.net/

Plugin essenziali | TOP wp plugins

qTranslate + qTranslate slug
Login Logo (by Mark Jaquith)
Yith Maintenance Mode
Contact Form 7
Antispam by Webvitaly
Easy Fancy Box
ITRO pop up plugin
Send email only on Reply to my Comment
Wordpress SEO by Yoast
WP Simple PayPal Shopping Cart
xCloner
WP float
Eyes Only
Alpine Phototile for Instragram
Velvet Blues Update URLs

Arrotondare campi Contact Form 7

canada goose down women https://www.parkaverkooppunten.nl Canada Goose down outlet authentic Ecco un bel CSS da aggiungere allo style.css del vostro plugin Contact Form 7 per arrotondare i campi di inserimento testo 🙂
Il primo é per tutti i campi di testo canada goose coats retailers in denver https://www.canadagoosejacketonlines.ca/ canada goose authentic patch, il secondo per area di testo.


/* Contact 7 CUSTOM Form
--------------------------------------------- */
.wpcf7-text {
width:160px;
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 14px;
padding: 4px 7px;
outline: 0;
-webkit-appearance: none;
}

.wpcf7-form textarea {
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 14px;
padding: 4px 7px;
outline: 0;
-webkit-appearance: none;
}

Watch movie online The Transporter Refueled (2015)

Streaming Movie Collateral Beauty (2016) Online

Collateral Beauty (2016) HD

Director : David Frankel.
Writer : Allan Loeb.
Producer : Michael Sugar, Brad Dorros, Allan Loeb, Anthony Bregman, Kevin Scott Frakes.
Release : December 6, 2016
Country : United States of America.
Production Company : Warner Bros. Pictures, Likely Story, Anonymous Content, Overbrook Entertainment, PalmStar Media.
Language : English.
Runtime : 97 min.
Genre : Drama, Romance.

Movie ‘Collateral Beauty’ was released in December 6, 2016 in genre Drama. David Frankel was directed this movie and starring by Will Smith. This movie tell story about Retreating from life after a tragedy, a man questions the universe by writing to Love, Time and Death. Receiving unexpected answers, he begins to see how these things interlock and how even loss can reveal moments of meaning and beauty.

Download and Watch Full Movie Collateral Beauty (2016)

Do not miss to Watch movie Collateral Beauty (2016) Online for free with your family. only 2 step you can Watch or download this movie with high quality video. Come and join us! because very much movie can you watch free streaming.

Watch and Download Movie Collateral Beauty (2016)

Incoming search term :

Watch Collateral Beauty 2016 Online Free, download full film Collateral Beauty 2016, watch Collateral Beauty 2016 film now, film Collateral Beauty trailer, Collateral Beauty 2016 Full Episode, Collateral Beauty 2016 English Full Episodes Download, Collateral Beauty 2016 English Episodes Free Watch Online, streaming film Collateral Beauty, Collateral Beauty 2016 For Free Online, Collateral Beauty 2016 HD English Full Episodes Download, Collateral Beauty 2016 Full Episodes Online, Watch Collateral Beauty 2016 Online Free Putlocker, watch movie Collateral Beauty 2016 now, Collateral Beauty 2016 For Free online, watch Collateral Beauty 2016 film online now, Collateral Beauty 2016 English Full Episodes Free Download, Collateral Beauty 2016 Episodes Online, film Collateral Beauty 2016, Collateral Beauty 2016 live streaming film online, Collateral Beauty 2016 Watch Online, film Collateral Beauty 2016 streaming, watch full film Collateral Beauty 2016, live streaming film Collateral Beauty online, Watch Collateral Beauty 2016 Online Free putlocker, Watch Collateral Beauty 2016 Online Megashare, Collateral Beauty 2016 English Episode, film Collateral Beauty 2016 online, movie Collateral Beauty 2016 streaming, Collateral Beauty 2016 Online Free Megashare, Collateral Beauty 2016 HD Full Episodes Online, Collateral Beauty 2016 English Episodes, Watch Collateral Beauty 2016 Online Viooz, Collateral Beauty live streaming film, download film Collateral Beauty 2016 now, live streaming film Collateral Beauty 2016, Collateral Beauty 2016 English Full Episodes Watch Online, Collateral Beauty 2016 English Full Episodes Online Free Download, Collateral Beauty 2016 Episodes Watch Online, Watch Collateral Beauty 2016 Online Free Viooz, Watch Collateral Beauty 2016 Online Putlocker, streaming Collateral Beauty 2016, Collateral Beauty 2016 Full Episodes Watch Online, Watch Collateral Beauty 2016 Online Free megashare,

Come personalizzare CF7 cambiare sfondo e bottone invia

Ecco qualche tip per personalizzare CF7 (Contact Form 7 – plugin per WP)

Il seguente codice per mettere uno sfondo al nostro form e un marige (in questo caso sempre dello stesso colore) in modo che poi, aggiungendo un padding, il testo rimmará centrato in base allo sfondo.
Quindi, aprite lo style.css del vostro CF7 e inserite in fondo alla pagina:

.wpcf7-form {background:#FFF; border: 10px solid #FFF;}
.wpcf7 p {padding-left: 12px;}

Per modificare invece il bottone di invio (custom send button) basterá caricare sul nostro server l’immagine desiderata da sostituire con il bottone classico. Una volta caricata andiamo sul nostro CF7 e modifichiamo DENTRO al form la voce send. Essenzialmente vedrete quanto segue:

Nome e Cognome*
[text* your-name]

Azienda*
[text* Azienda]

Città*
[text* Citta]

Telefono*
[tel* Telefono]

Email*
[email* your-email]

Il tuo messaggio
[textarea your-message]

(aggiungere < e > prima e dopo la frase seguente) input onclick=””submit” type=”image” src=”http://www.spaziopromozionale.it/wp-content/uploads/2013/07/send-blue.png” /

Il risultato sará il seguente (lo sfondo grigio é lo sfondo del layout di pagina, il CF7 é il riquadro bianco)

Schermata 2013-07-22 a 10.42.21