-
.
Prova con: CODICE.container {margin: 30px auto; padding: 30px; border: 3px solid #0DA6FD; border-radius: 10px; background-image: linear-gradient(bottom, rgb(1,24,127) 19%, rgb(10,69,172) 49%, rgb(42,137,214) 78%);
background-image: -o-linear-gradient(bottom, rgb(1,24,127) 19%, rgb(10,69,172) 49%, rgb(42,137,214) 78%);
background-image: -moz-linear-gradient(bottom, rgb(1,24,127) 19%, rgb(10,69,172) 49%, rgb(42,137,214) 78%);
background-image: -webkit-linear-gradient(bottom, rgb(1,24,127) 19%, rgb(10,69,172) 49%, rgb(42,137,214) 78%);
background-image: -ms-linear-gradient(bottom, rgb(1,24,127) 19%, rgb(10,69,172) 49%, rgb(42,137,214) 78%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.19, rgb(1,24,127)),
color-stop(0.49, rgb(10,69,172)),
color-stop(0.78, rgb(42,137,214))
);}
Per ulteriori problemi linka il tuo forum. -
.
Indicami la tonalità chiara e scura del gradiente che desideri. -
.
In questo modo: CODICE.container {margin: 30px auto; padding: 30px; border: 3px solid #0DA6FD; border-radius: 10px; background-image: linear-gradient(bottom, rgb (42.137.214) 0%, rgb (10,69,172) 50%, rgb (1,24,127), 75%); background-image:-o-linear-gradient (bottom, rgb (42.137.214) 0%, rgb (10,69,172) 50%, rgb (1,24,127), 75%); background-image:-moz-linear-gradient (bottom, rgb (42.137.214) 0%, rgb (10,69,172) 50%, rgb (1,24,127), 75%); background-image:-webkit-linear-gradient (bottom, rgb (42.137.214) 0%, rgb (10,69,172) 50%, rgb (1,24,127), 75%); background-image:-ms-linear-gradient (bottom, rgb (42.137.214) 0%, rgb (10,69,172) 50%, rgb (1,24,127), 75%); background-image:-webkit-gradient ( linear, left bottom, left top, color-stop (0, rgb (42137214)), color-stop (0,5, rgb (10,69,172)), color-stop (0,75, rgb (1,24,127))
);} -
.
Vi sono diversi servizi che offre il web. In questo caso ti consiglio l'utilizzo di CSS3 Gradient Generator , imposti la sfumatura da te desiderata, copi il codice e incollalo nel selettore del container in colori e stili. -
.
In colori e stili:
- Per modificare la larghezza della tagboard cerca il selettore .tag ed inserisci/modifica width: Npx , dove al posto di N inserisci i pixel di larghezza.
- Per aumentare i caratteri nel selettore .tag .list li aggiungi: font-size: Npx; , dove per la N inserisic i pixel di dimensione dei caratteri. -
.
Dovendo lavorare su uno span è difficoltoso se non impossibile applicare il border-image .
Ti consiglio quindi di utilizzare una semplice immagine invece che tutta una serie di html inutile e relativamente pesante al confronto di un'img . Ho provato ad ottenere l'effetto voluto con PS. Ecco a te:
https://dumpshare.net/images/775Immagine.png -
.Uhm ho letto ma non ho capito molto >.<
Nel codice devo mettere tutte quello cose? ò.ò
Esatto. Ora mi potresti linkare l'immagine che desideri come bordo ? -
.
Così hai due strade da seguire:
- Creare la tua immagine-bordo poco più grande dell'immagine principale e impostarla come div sottostante a quest'ultima.
- Utilizzare la proprietà border-image con del css3 ( nel caso non avessi presente la funzione, prova a leggere questa guida abbastanza buona ) -
.
Il font che avevo utilizzato mi sembra di averlo scaricato dal web. Dove trovo download font di google ? -
.
Grazie dell'aiuto ma niente =| -
.
Salve a tutti,
sono qui nuovamente per chiedere un piccolo aiuto. Sto cercando da questa mattina di inserire un font face in un forum ma non vedo risultati dalle 10:40 :E
Ora ecco come ho agito in CSS:CODICE@font-face {font-family: "rock";
font-style: italic;
font-weight: 300;
src: url("http://bookmode.altervista.org/fontrock/leaguegothic-regular-webfont.woff") format("woff")}
E nel selettore desiderato ho inseritofont-family: rock
, dove sbaglio ?
Grazie anticipatamente -
.
Capisco, scusami per il disturbo e grazie mille :-) -
.
Grazie tante, non vi esistono altri modi magari usufruendo di altri linguaggi vero? -
.
Salve ragazzi Forse nel titolo non mi sono spiegato bene, quindi vorrei esprimermi meglio ora. In poche parole vorrei ottenere un effetto che mi permetta di creare uno spazio( padding-top ) nel .color di una discussione all':hover dell'immagine dell'avatar dell'utente che ha inviato il messaggio. Quindi ho pensato di elaborare in questo modo: CODICE#topic .avatar > *:hover .color {padding-top: 50px}
Ma nulla, non mi viene in mente nient'altro... come potrei risolvere? -
.
Salve, richiedo un aiuto qui con questa discussione per riuscire ad inserire un link in un div con funzione position:absolute .
Spiegando meglio, per creare la home di un mio nuovo progetto ho creato un'immagine comprendente logo e menù utente, poi successivamente lo inserita in cima alla pagina con position:relative in questo modo:
Colori e stili:Codice HTMLCODICE/*Header in home*/
#bannerone {width: 1148px; height: 400px; position:relative; top: 5px; left: 0%}HTML<div id="bannerone"><img src="http://www.cantilux.net/files7/2218891360.png"></div>
e fino a qui tutto bene. Ora andando ad inserire un link sopra all'immagine non posso riuscirci con un position:relative quindi ho utilizzato position:absolute ma così facendo il testo non ha più proprietà di link e quindi di riflesso non reindirizza al click.
Il testo lo inserito in questo modo:
Colori e stili:Codice HTMLCODICE/*Link in home*/
#link a {position:fixed; top: 20%; left: 30%}HTML<div id="link"><a href="/">Link di prova</a></div>
Ma come potete notare nel forum il link non funziona! Come posso risolvere questa situazione?
Grazie.