Purtroppo non tutti i browser li visualizzano nel modo corretto, e alcuni non rilevano alcuna modifica, ma se usi Chrome, avrai notato questa piccola novità grafica :)
Ecco come si fa!
Copia e incolla fra gli stili del tuo blog il codice che trovi qui sotto.
body, html {
scrollbar-base-color: #f7cdce;
scrollbar-face-color: #f7cdce;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-dark-shadow-color: #FFFFFF;
scrollbar-3d-light-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}
::-webkit-scrollbar {
height: 12px;
width: 12px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background: #f7cdce;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-corner {
background: #fff;
}Il valore che vedi '#FFFFFF' indica il
colore bianco, mentre '#f7cdce' indica il
colore rosa del mio blog.Ti basta cambiare il secondo valore con uno dei colori del tuo blog per avere anche tu una scrollbar abbinata al tuo salotto sul web.
Hai trovato interessante questo post? Condividilo!!! :P
.jpg)
Uff...io uso ubuntu con firefox e purtroppo la scrollbar non la vedo rosa! Però grazie per il mini tutorial, potrà tornarmi utile comunque!
RispondiEliminaeh sì, non tutti li visualizzano... grazie a te :)
Eliminafra l'altro ho notato ora che con firefox non si vedono nemmeno i font corretti per i titoli dei post e del menu in alto... che schifo però :(
EliminaGià, anch'io sul mio blog ho perso ore ed ore per mettere alcune cose carine che poi ho scoperto non essere visibili da Explorer o Chrome...
EliminaComunque il tuo blog è bellissimo ugualmente! ;-)
mi sapresti indicare precisamente dove inserire questa modifica... cioè sotto quale codice . grazie mille
RispondiEliminasegui il percorso indicato in questo post (per la modifica dell'immagine della lista) e dove indica di inserire il codice, metti quello che hai trovato qui sopra :)
Eliminascusa ho dimenticato il link:
Eliminahttp://sketchyourblog.blogspot.it/2013/05/tiny-tips-list-style-inseriamo.html
Wow!
RispondiEliminaGrazie!
Mary
Interessantissimo, grazie!!
RispondiEliminaChe peccato però che una funzione così carina sia così poco supportata cross-browser. Poi io sono affezionata a Firefox ma ultimamente sta facendo cose strane, giusto ieri non mi prendeva lo spessore corretto di un web font :(
Mi sa che uno di questi giorni mi passo tutti i bookmark su Chrome e ci "migro" definitivamente.
si guarda, io ero un'affezionatissima di firefox, ma dopo il passaggio a chrome ho potuto solo godere di miglioramenti, anche nella velocità!
EliminaSimo cavoli non ho mica capito dove devo andare...
RispondiEliminaNon ho mai modificato il codice html!
Allora: Modello, modifica html e poi????
Scusaaaaaaa
Ciao Sere! Per arrivare agli stili segui il tutorial a questo link:
Eliminahttp://sketchyourblog.blogspot.it/2013/05/tiny-tips-list-style-inseriamo.html
Scusa ma avevo dato per scontato che lo sapeste :)
Incredibile incredibile ce l'ho fatta, grazie Simo!!!!
EliminaChe sudata!!! E' la prima volta che tocco l'html!
vengo subito a vedere :D
EliminaDunque... una domandina per un tuo futuro post:
RispondiEliminaSe guardi adesso l'header del mio blog, come colore risulta grigino, nonostante io con photoshop abbia messo lo sfondo trasparente..tu sai come mai?
E in questo caso puoi insegnarci qualcosa??
Baci baci e GRAZIE!!!!!!!!
allora io ho avuto questo fastidioso problema un bel po' di tempo fa, anche dicendolo in un post.. all'inizio avevo optato per un altro 'image hosting' ossia photobucket, ma mi è risultato fastidiosissimo... poi ho provato a caricare le foto su un altro mio blog di prova, che aveva poche foto caricate, e venivano bene, senza lo sfondo grigio.
Eliminacomunque sarà momentaneo, perchè dopo un po' di giorni è tornato tutto alla normalità :)
ecco... non ho fatto il beckup prima di iniziare una modifica e adesso il risultato è che la versione per cellulare del mio blog è diversa da quella per pc..
RispondiEliminacavolina.. mi puoi aiutare?
ahi ahi, bisogna sempre salvare il template prima di ogni modifica 'devastante'... mi spiace non so proprio, fra l'altro non ho neanche dispositivi mobile per verificare :(
EliminaVisto che sto apportando un restyling al mio blog, ho utilizzato questo tuo tuo tutorial. Fa proprio un bell'effetto! Speriamo che presto sia visualizzabile su qualche browser in più.
RispondiEliminaGrazie ancora :)
sisi ho visto :)
Eliminapurtroppo il codice non funziona con firefox, e con IE si vede, ma amodo suo -.-
Bellissimooo ho la scroll Rosa *O* Graziee
RispondiEliminaMi fa piacere che ti piaccia Amber ^.^
Elimina