17.3.17

HTML & CSS: come creare bottoni per il blog

17.3.17 2 Commenti

Rieccomi con un nuovo tutorial dopo tanto tempo (davvero troppo tempo).
La richiesta mi è stata fatta Mary, che appunto mi chiede di mostrare come creare un bottone da inserire nei post, proprio come questo:
corrispondente al codice:
<center><a href="URL" target='_blank'><button>CLICK THE BUTTON</button></a></center>

Certo visto così è proprio bruttino, anonimo, quindi vediamo come ravvivarlo un po'.
Prima però facciamo un ripasso sui tag utilizzati.
<a hre=' ' target='_blank'>...</a> racchiude il link testuale
<center>...</center> centra gli elemnti contenuto in esso
<button>...</button> costituisce il bottone stesso
hre='URL' contiene l'URL di destinazione
target='_blank' apre il link in una nuova finestra.

Ora possiamo continuare!

Per personalizzare i bottoni e renderli più carini, o comunque che si abbinino alla palette color del nostro blog, dobbiamo dargli degli stili.
Prima di procedere in questo c'è un'altra cosa da determinare: quanti bottoni voglio inserire? Questi bottoni saranno tutti uguali? Voglio usarne un tipo per un'occasione ed uno per un'altra?

In questo caso dobbiamo aggiungere al bottone uun 'id' o una 'class'.
L'id farà in modo che il CSS vada ad agire SOLO su un elemento, di conseguenza va usato SOLO per un singolo elemento.
La class andrà ad agire su più elementi, modificandoli tutti.

Quindi, se io voglio inserire dieci bottoni color menta, ma di questi voglio che uno sia arancione, allora andrò ad usare class per i nove bottoni gialli e id per il bottone arancione.
Fin qui tutto chiaro?
Ok!

Per ora utilizziamo l'id perchè così, se in futuro volessi inserire un bottone, non andrà ad influenzarne il CSS.
<center><a href="URL" target='_blank'><button id='bottone' >CLICK THE BUTTON</button></a></center>

Questa è la parte più divertente: aggiungere i CSS!
Qui si vede la trasformazione e i codici prendono vita!
Lo so, lo so, è strano che mio mi esalti per queste cose, ma quando la gente mi dice "come fai?", beh... sento quel pizzico di orgoglio e quella risata dentro di me che fa muhuahahahah... avete capito no? :P

11.3.17

I preferiti di Febbraio

11.3.17 2 Commenti


Finalmente un nuovo post, dopo circa un mese, ma comunque un nuovo post, fresco e soprattutto dallo stampo nuovo!

Eh sì, perchè mi sembra di non aver pubblicato un post sotto la categoria dei preferiti del mese, quindi... voilà, ecco il primo! E spero vivamente non ultimo (capito forze dell'universo che mi venite sempre contro quando programmo qualcosa?)

Ma partiamo subito con la lista dei miei preferiti!


ACQUISTI / HAUL


In realtà questi acquisti li ho fatti sia a gennaio che a febbraio. Sono stati più che altro degli sfizi che mi sono voluta togliere, anche perchè non è che io faccia grandi spese per me stessa, quindi ho voluto strafare.
Si tratta del mio primo notebook per tenere l'organizzazione del blog e del mio small business, con il sistema del Bullet Journal.

In realtà ho sempre tenuto traccia del mio lavoro sul web con quaderni di ogni tipo e grandezza, ma sapete quando vi prudono le mani perchè dovete togliervi un sfizio?
Ecco, per me è stato più o meno così.

Il primo acquisto l'ho fatto da amazon.it e comprende un notebook, un set di penne della FaberCastell e un piccolo treppiede, con supporto per cellulare.

Ho voluto provare il notebook tanto decantato e utlizzato al momento: il Leuchtturm1917.
Il mio è con la copertina rigida, nero e con i fogli puntinati. Devo dire che da un alto ha soddisfatto le aspettative, ma dall'altro mi ha lasciato un po' perplessa.
Comunque di questo ve ne parlerò in un video recensione, che ho intenzione di fare al più presto, visto che ho acquistato sto benedetto treppiede...
E' senz'altro però un notebook che vi consiglio e che sotto mano inizierete ad accarezzare a mo' di Gollum tessssooooro, perchè incredibilmente le pagine hanno un effetto vellutato... o vellutoso? :P

Le penne invece sono state un po' una fregatura.
buzzoole code
Copyright © La Creative Room.