Olimpo Informatico

ZapoTeX

Ulteriore precisazione, perdono per non averla fatta insieme al resto.

Per quel che riguarda l'ingentilimento e la frastagliatura, beh, io avevo settato le cose in modo tale da avere il testo sul bottone proprio come lo vedo adesso che sto editando sto post: il semplice font arial (in quel caso grassetto). Quindi secondo la tua spiegazione avevo tolto l'antialiasing. Beh, frastagliato è un conto, ma la g con lo spigolo a destra, la p con lo spigolo a sinistra, la e in cui il gambo in basso si congiunge al trattino orizzontale, la o asimmetrica. E poi le selezioni semplici a forma di francobollo com le spieghi? Non era free hand né magic wand!

Super grazie!

juzo kun

Per spiegare cos'è l'antialiasing ho messo un'immagine qui.

L'antialias funziona solo in immagini a milioni di colori, quando si va a modificare una GIF viene disabilitato automaticamente. Idem per la selezione: su un'immagine a 256 colori funziona male.

Prova a vedere quanti colori ha l'immagine che stai modificando, purtroppo con PSP non mi ricordo la procedura (Rebelia?

)

Cià

JK

rebelia · Dio maturo Registrato: 17/07/03 08:22 Messaggi: 7987

psp7: colors - count colors used

ed eventualmente, se stai lavorando su una .gif con pochi colori, per aumentarne il numero e lavorarci meglio e/o trasformarla in una .jpg

colors - increase color depth

piccola annotazione: in alternativa alle immagini per i bottoni, hai mai pensato ad colorare il bordo e lo sfondo del contenitore del menu via css e fare il link in formato testo? diventa molto piu' leggero e se fai il rollover e' anche molto immediato, senza dover precaricare le immagini e guadagnandone in leggerezza sia in termini di kb che di aspetto

ZapoTeX

Non so nemmeno che sia il css. Io faccio siti web non perché sia bravo a scrivere html e simili, ma perché mi piace. Se poi qualche volta mi pagano pure meglio, ma non è importante.

Proverò ad aumentare la profondità del colore, come suggerito, però mi sembra oggetivamente un bachetto se non si riesce a fare una selez rettangolare in 256 colori e per avere una scritta senza antialiasing o strane diavolerie, semplicemente come scrivere un font in un editor bisogna alzare la profondità di colore. Anche perché altre volte non era stato necessario.

Grazie juzo per l'immagine. In un tasto di piccole dimensioni, credo sia condiviso da tutti il non volere l'antialiasing, o sbaglio?

Muchas grazias!

Edited by: ZapoTex at: 1/7/04 15:54

rebelia · Dio maturo Registrato: 17/07/03 08:22 Messaggi: 7987

Quote:
Non so nemmeno che sia il css

sono sicuramente il futuro, ma anche il presente

immagino che lavori con editor visuali, giusto? (nn e' una critica, sl una supposizione

) ti consiglio - per un miglior controllo sul tuo lavoro (e di molto migliore!) - di iniziare a dare un'occhiata al codice man mano che procedi e poi di seguire qualche tutorial di html e css; sono gratuiti e facilmente comprensibili

puoi cominciare da qui (e non farti ingannare da quel "per bambini"!!!)

poi puoi continuare qui

ed infine completare il tutto con questo

i fogli di stile, tanto per riprendere il discorso, sono lo strumento che permette di dividere la presentazione dal contenuto

ti faccio un esempio al volo:

    


<html>


 <head>


  <title>Prova</title>


 </head>


 <body bgcolor="red" align="left">


  <font face="verdana">


   <p><i>testo testo testo</i></p>


   <table bgcolor="white" border="1" width="100%">


    <tr>


     <td bordercolor="navy" align="center">prima frase</td>


    </tr>


    <tr>


     <td bordercolor="navy" align="center">seconda frase</td>


    </tr>


   </table>


  </font>


 </body>


</html>

in un codice di questo tipo (diciamo "classico"), hai il contenuto ("testo testo testo", "prima frase" e "seconda frase") mescolato alla formattazione, cioe' il modo di presentarlo (con font verdana, con sfondo rosso etc... ); il risultato e' una gran confusione

il css ti permette di dividere il contenuto dalla formattazione in questo modo:

    


<html>


 <head>


  <title>Prova</title>


  <link href="formattazionie.css" rel="stylesheet" type="text/css">


 </head>


 <body>


   <p>testo testo testo</p>


   <table>


    <tr>


     <td>prima frase</td>


    </tr>


    <tr>


     <td>seconda frase</td>


    </tr>


   </table>


 </body>


</html>

cioe' scrivi il puro contenuto ottenendo un codice molto piu' pulito e leggibile e colleghi - attraverso la riga evidenziata in rosso - un file esterno creato con il blocco note e salvato col nome di formattazione ed estensione .css

metti questa riga nell'intestazione di tutte le tue pagine

all'interno del file formattazione.css, scriverai:

  


body {background: red; text-align: left; font-family: verdana;}


p {font-style: italic;}


table {background: white; width: 100%; border: 1px;}


td {border-color: navy; text-align: center;}

e quando ti girera' di modificare il bordo delle celle da blu a giallo, dovrai semplicemente fare la seguente modifica nel solo file formattazione.css:

  


body {background: red; text-align: left; font-family: verdana;}


p {font-style: italic;}


table {background: white; width: 100%; border: 1px;}


td {border-color: yellow; text-align: center;}

e TUTTE le celle di TUTTE le tabelle di TUTTE le pagine avranno il bordo giallo, con un risparmio di tempo e fatica notevolissimo: non e' spettacolare? :smokin

io ho iniziato non tantissimo fa con un editor visuale, poi ho fatto il tutorial per bambini, poi ho iniziato a sbirciare il codice, poi ho iniziato a introdurre il css ed ora uso praticamente solo ed esclusivamente quello e non tornerei piu' indietro: ho finito di impazzire con bordi una volta larghi ed una volta stretti o con paragrafi che vanno a capo con un'interlinea troppo larga e non capisco il perche'! ora ho il controllo di quel che faccio e ti assicuro che la soddisfazione e' impagabile

fine dello spot pubblicitario :lol

Edited by: rebelia at: 1/7/04 18:38

rebelia · Dio maturo Registrato: 17/07/03 08:22 Messaggi: 7987

Quote:
Io faccio siti web non perché sia bravo a scrivere html e simili, ma perché mi piace. Se poi qualche volta mi pagano pure meglio, ma non è importante.

anch'io

juzo kun

Si può fare anche con un'immagine! Metto insieme un esempio, trovo la fonte e se volete posto il codice.

Cià

JK

juzo kun

Quote:
In un tasto di piccole dimensioni, credo sia condiviso da tutti il non volere l'antialiasing, o sbaglio?

Dipende, se la scritta senza antialiasing è comunque gradevole all'occhio, bene, altrimenti è meglio usarlo. È una questione di gusto

Cià

JK

rebelia · Dio maturo Registrato: 17/07/03 08:22 Messaggi: 7987

intendi dire di usare un'immagine per il background? in questo caso - sempre che io abbia capito bene - il codice e'

 


td {background-image: url(pic/immagine.jpg);}

e si riescono a fare anche degli effetti carini di rollover usando le classi

[troll]

(miiii che libidine di 3d finalmente, dopo tanto hw & linux :smokin

)

[/troll]

juzo kun

Anche

e poi, ancora più bello, la sostituzione totale del testo con un'immagine, e la possibilità di dare l'effetto di rollover.

prima devi fare un'immagine con tutti gli stati del bottone, uno sotto l'altro (per esempio: :link e :hover)

poi nell'html scrivi

  


<a href="bla.htm" class="cips"><span>link</span></a>

e nel CSS

  


a.cips { 


background:url(immagine.gif) 0 0 no-repeat;


display lock;


width:100px;


height:20px;


 }


a.cips:hover {


background-position:0 -25px


}





a.cips span { 


display:none;


}

adesso ho scritto il codice a memoria e alla brutta, se non funge fammi un fischio che lo correggo

maggiori info qui:

image replacement

Cià

JK

EDIT: ho corretto un errore pacchianissimo nel codice riferito all'HTML

Edited by: juzo kun at: 2/7/04 15:10

ZapoTeX

Ho salvato questa pagina in locale su ognuna delle mie partizioni su ognuno dei miei computer, l'ho stampata e me la appendo in camera. In effetti è ora che mi aggiorni un po' se no non trovo più clienti!

Non uso un editor visuale. Usavo Frontpage tanti anni fa, ma mi ha deluso sui frame e sulle tabelle, per cui oggi scrivo il codice da me, cosa che è nel mio carattere, dato che mi piace anche programmare e preferisco il typesetting al wordprocessing (come suggerisce il mio nickname).

Grazie ancora, ora psp lo userò solo per la grafica per davvero, non per i bottoni! Grazie per il mega sbattimento che vi siete fatti per scrivermi i codici e i link.

Ciao!

Edited by: ZapoTex at: 2/7/04 14:58

juzo kun

Errr... mi sono accorta di aver fatto un errore pacchiano nel codice... lo correggo nel messaggio sopra

Mi sa che ti ho fatto sprecare la stampa

Cià

JK

Edited by: juzo kun at: 2/7/04 15:11

ZapoTeX

Vorrà dire che la stampa corretta a penna la metterò in cucina al posto di Rossella Brescia! :-P

Grazie!