Not logged inWeb-Link.it Forum
Forum Home Help Search Watchlist Register Login
Up Topic Grafica, programmi e consigli. / Grafica in generale / Consiglio grafico titoli
- - By scartus Date 03-10-2016 16:20
Ciao ragazzi questo è il sito che sto progettando:
http://provee.altervista.org/provamarco/index.html

Mi piace tutto sommato perchè è semplice ed elegante. Il problema che mi affligge da giorni è come e cosa mettere i vari titoli "Chi siamo" "Vini" ecc ecc.
Mi sembra proprio che manchi qualcosa, ho provato con qualche ghirigoro sotto ma non mi ha convinto. Voi avete qualche consiglio grafico da implementare su queste scritte?

Vi ringrazio
Parent - - By danny Super Adminavatarforumista anno2.0002.0001.000 Date 04-10-2016 07:25
Personalmente non aggiungerei nessun ghirigoro, anzi toglierei anche le righine laterali.

Sarebbe sufficiente un bel GoogleFont al posto di quel Times banale, magari
in rosso scuro / bordeaux anziché nero. E già che siamo in tema, rivedrei anche
il font del testo che non mi sembra molto adatto a un'enoteca.

Ai titoli volendo puoi aggiungere una leggera ombra CSS (text-shadow).

Ultimo consiglio: prima di pubblicare il sito (o anche solo mostrarlo al cliente)
controlla i testi perché quel "miglire" e soprattutto quel "da noi potrati trovato prosciutto..."
non si possono guardare.

Ciao </danny>
Parent - - By scartus Date 04-10-2016 10:31
Hai ragione Danny pensavo a un font elegante e ne ho provati alcuni ma non ne esco.. il testo è una mia bozza per dare una realtà alla pagina.  Non è mia intenzione pubblicarlo cosi
Parent - - By danny Super Adminavatarforumista anno2.0002.0001.000 Date 04-10-2016 14:30
Io userei queti GoogleFonts:


Lobster per i titoli, in bordeaux e con una leggerissima ombra text-shadow.

https://fonts.google.com/specimen/Lobster


Droid Serif per i testi, rigorosamente in nero (o grigio scuro) e senza ombra.

https://fonts.google.com/specimen/Droid+Serif


Ciao </danny>
Parent - - By scartus Date 04-10-2016 22:45
Sono molto belli, vorrei far una prova ma non riesco a "rubare" il codice. Riesco a scaricare i file ma vorrei inserirlo da url. Cliccando su get code non mi fa niente

Parent - - By danny Super Adminavatarforumista anno2.0002.0001.000 Date 04-10-2016 23:46
Non devi rubare nulla, puoi usare tranquillamente i GoogleFonts da URL

Passo 1

Aggiungi questa riga all'inizio del tuo file style.css:

@import 'https://fonts.googleapis.com/css?family=Lobster';

--------------------------------------------------------------------------------------

Passo 2

Aggiungi questa classe nel css, in un punto qualsiasi:

h2.titoletto {
     font-family: 'Lobster', cursive;
     font-weight:normal;
     margin-top:40px;
     text-align:center;
     font-size:60px;
     color:#660000;
     text-shadow: 4px 4px 4px #AAAAAA;
}


--------------------------------------------------------------------------------------

Passo 3

Ora modifica nella pagina tutti i titoli. Se prima un titolo era così:

<div class="testoTraLinee" style="padding-top:20px; text-align:center; font-size:50px; color:black;">CHI SIAMO</div>

Ora dovrà diventare così:

<h2 class="titoletto">Chi siamo</h2>


Fammi sapere </danny>
Parent - - By scartus Date 05-10-2016 08:12
Grazie, la mia banale difficolta era nel trovare quel link https://fonts.googleapis.com/css?family=Lobster. Comunque Ho messo il tutto dimmi come ti sembra.

Parent - - By danny Super Adminavatarforumista anno2.0002.0001.000 Date 05-10-2016 08:25 Edited 05-10-2016 08:37
Direi che non ci siamo... non è certo quello il font che ti avevo consigliato.

Il problema deriva da un tuo errore di disattenzione: quando ti ho scritto la procedura
ho specificato che la riga di richiamo del font doveva essere inserita all'inizio del CSS.

Tu invece l'hai messa più in basso, e così il font non viene richiamato correttamente.

---------------------------------------------------------------------------------------------------------------

Situazione attuale errata

body {margin:0; padding:0; position:relative; z-index:-5;}
div.clearfix {clear:both;}
hr{width:50px;}
td {width:150px;}
@font-face {
    font-family: 'economica';
    src: url('economica.ttf');
    src: local('economica'), url('economica.ttf') format('truetype');
    }
@import 'https://fonts.googleapis.com/css?family=Lobster';
@import 'https://fonts.googleapis.com/css?family=DroidSerif';
p{font-family: 'DroidSerif', cursive;
     font-weight:normal; }
...


---------------------------------------------------------------------------------------------------------------

Situazione corretta

@import 'https://fonts.googleapis.com/css?family=Lobster';
@import 'https://fonts.googleapis.com/css?family=Droid+Serif';

body {margin:0; padding:0; position:relative; z-index:-5;}
div.clearfix {clear:both;}
hr{width:50px;}
td {width:150px;}
@font-face {
    font-family: 'economica';
    src: url('economica.ttf');
    src: local('economica'), url('economica.ttf') format('truetype');
    }

p{font-family: 'Droid Serif', serif; font-weight:normal; } /* Attenzione! anche questa riga era sbagliata! */
...


---------------------------------------------------------------------------------------------------------------

Detto questo, ricorda che i font Handwriter (come il Lobster) non devono
essere usati per scritte tutte in maiuscolo!

Errato: <div class="titoletto">GASTRONOMIA</div>

Corretto: <div class="titoletto">Gastronomia</div>


Ciao </danny>
Questo Utente è stato ringraziato 1 volte per questo post.
Parent - - By Pam Super Admin area Grafica persona disponibile e competenteAvatar PamForumista anno10.00010.000 Date 05-10-2016 08:45
ah ecco, ho risposto alla mia notifica senza leggere il resto del topic, adesso ho capito
Parent - By danny Super Adminavatarforumista anno2.0002.0001.000 Date 05-10-2016 08:49 Upvotes 1
Ciao Pam... hai visto quanto basta poco perché non funzioni nulla?

Ecco perché cerco sempre di scrivere procedure a prova di errore; ma spesso non basta.

Buona giornata </danny>
Parent - - By scartus Date 06-10-2016 18:51
Hai completamente ragione, provo a fare queste piccole implementazioni quando scappo di corsa e poi non riesco a fare nulla. A volte cerco di modificare da smartphone per strada.

Parent - By danny Super Adminavatarforumista anno2.0002.0001.000 Date 07-10-2016 03:30 Upvotes 1

> Provo a fare queste piccole implementazioni quando scappo di corsa...
> A volte cerco di modificare da smartphone per strada...


Lascia che ti dica una cosa: fare web richiede attenzione e concentrazione;
come hai potuto vedere, basta una riga fuori posto, uno spazio mancante
o una virgola di troppo e subito qualcosa non funziona.

Le "piccole implementazioni" a volte sono più pericolose dei grandi lavori:
si rischia di prenderle sottogamba e farle di corsa, rischiando così di dover
poi perdere ore per cercare l'inghippo.

Tanto vale dedicare ad ogni lavoro, piccolo o grande che sia, il tempo necessario,
nonché l'altrettanto necessaria attenzione e l'indispensabile concentrazione.

Ciao </danny>
Parent - - By Pam Super Admin area Grafica persona disponibile e competenteAvatar PamForumista anno10.00010.000 Date 04-10-2016 12:26

anch'io non metterei niente alle voci del menù.
Non so se hai già corretto il colore, mi piace anche il bianco/bordò.
Parent - - By scartus Date 05-10-2016 08:14
Ho messo un bel bordeaux e l'ombra come anche suggerito dal buon Danny. Che te ne sembra?

Parent - By Pam Super Admin area Grafica persona disponibile e competenteAvatar PamForumista anno10.00010.000 Date 05-10-2016 08:42 Upvotes 1
ciao,
ma non hai usato il font che ti ha consigliato Danny, io vedo un Comics
Up Topic Grafica, programmi e consigli. / Grafica in generale / Consiglio grafico titoli

Powered by mwForum 2.29.6 © 1999-2015 Markus Wichitill


Links utili a pagine e servizi del Forum.
Forum - Faccine o Smileys - Attributi Testo - Tips - Regole

Primi Passi html Primi Passi HTML - Guida CSS Guida CSS - Guida HTML Guida HTML - Guida XHTML Guida XHTML - Guida HTML5 Guida HTML5 - Scripting Scripting - faq F.A.Q.


Plugin module loading failed: Can't locate MwfPlgExample.pm in @INC (you may need to install the MwfPlgExample module) (@INC contains: /etc/perl /usr/local/lib/x86_64-linux-gnu/perl/5.20.2 /usr/local/share/perl/5.20.2 /usr/lib/x86_64-linux-gnu/perl5/5.20 /usr/share/perl5 /usr/lib/x86_64-linux-gnu/perl/5.20 /usr/share/perl/5.20 /usr/local/lib/site_perl .) at MwfMain.pm line 697.

Plugin execution failed: Can't use an undefined value as a subroutine reference at MwfMain.pm line 706.