[CSS] Font Border/Stroke

~Sara Littner

Posted on 12/8/2012, 09:59

+1

.

User deleted

[CSS] Font Border

Introduzione:
In questo tutorial semplice vi mostrerò come aggiungere un bordo modificabile ad un testo o una semplice scritta, che funziona per qualsiasi font. L'unica pecca è che si può fare solo di 1px, più grande verrebbe sgranata e anche usando webkit, non tutti dispongono di esso.

Tutorial:

CODICE

color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

Questo è il codice CSS da usare. Si aggiunge nei codici CSS o in caso volete usarlo sul forum dopo uno "style", per esempio:

HTML

<div style=""></div>

HTML

<span style=""></span>

Nel codice che vi ho dato il colore interno del testo è impostato su "white", cioè bianco. Per modificarlo, dovrete modificare questo pezzo qui e mettere il colore che volete al posto di "white", usando il nome corrispettivo in inglese o usando il codice esadecimale.

CODICE

color: white

Nel codice che vi ho dato il colore del bordo è impostato su "black", cioè nero. Per modificarlo, dovrete modificare questo pezzo qui e mettere il colore che volete al posto di "black", usando il nome corrispettivo in inglese o usando il codice esadecimale.

CODICE

test shadow: -1px 0black, 0 1px black, 1px 0 black, 0 -1px black;

Esempi:
Red Green Blue
Georgia Arial Impact

Guida scritta interamente da Sara Littner.
Copyright - Questa guida appartiene solo a Pokémon Flame e di conseguenza è vietata la distribuzione in altri forum

Edited by ~Sara Littner - 13/8/2012, 21:59

.

#ICEcream‚

Posted on 12/8/2012, 10:01

.

User deleted

Io pensavo si potesse fare solo con Photoshop o__o Grazie Sara. : D

.

Estethell

Posted on 12/8/2012, 10:02

.

Group: Member

Posts: 4,572

Location: Dall'area 51 (dum dum)

Status: Offline

Well done ^^

Web

.

~Sara Littner

Posted on 12/8/2012, 10:04

.

User deleted

Grazie a tutti *3* Non sono molto pratica con i codici, quindi per far funzionare il textshadow come uno stroke è stato abbastanza difficile per me che sono una nabba XD

.

Paralizer

Posted on 12/8/2012, 16:03

.

Senior Member

Group: Admin

Posts: 27,291

Status: Anonymous

Questo è semplice css ma vabbè

Web

.

-A.

Posted on 12/8/2012, 16:16

.

People don't understand people like me!

Group: Member

Posts: 10,902

Status: Offline

CITAZIONE (Paralizer @ 12/8/2012, 17:03)

Questo è semplice css ma vabbè

Apprezza quel che fa, almeno lei le crea le guide -_-

Ottimo lavoro Lit^^

.

Paralizer

Posted on 12/8/2012, 16:23

.

Senior Member

Group: Admin

Posts: 27,291

Status: Anonymous

Anche io alle 4 di mattina :cuccia:

se leggi il topic prima di questo

Web

.

~Sara Littner

Posted on 12/8/2012, 18:46

.

User deleted

CITAZIONE (Paralizer @ 12/8/2012, 17:03)

Questo è semplice css ma vabbè

E' semplice CSS sì ma molti non lo sanno e almeno mi sono sforzata per scriverlo...

Inoltre seguendo il tuo stesso ragionamento le guide sul CSS da principianti sarebbero inutili, perché è semplice CSS.

.

«Røxas»

Posted on 25/8/2012, 20:11

.

User deleted

I

N

T

E

R

E

S

A

N

T

E

Brava Sara!

Forza Italia! :riot:

Edited by «Røxas» - 25/8/2012, 21:31

.