Lavoriamo insieme ✨

Sei pronta a diventare la blogger che hai sempre sognato di essere?
Agire facendo il primo passo è un ottimo modo per cominciare ecco chi sono

Blogger in Azione

Blogger in Azione

Primi Passi

Primi Passi

F.A.Q.

F.A.Q.

Il mio shop di design su Luvly.com

19.5.14
Simona S.
12 commenti
Il mio shop di design su Luvly.com
Eh sì, sono di nuovo sul mercato, ma già da un bel po'!!!
Tanto tempo fa, infatti, quando ancora avevo il mio shop sull'innominabile market place, fui contattata da una delle fondatrici di questo sito molto carino che racchiude solo lavori digitali e che mi invitava ad aprire uno shop sulla loro piattaforma.



All'inizio non molto si muoveva, giusto qualche social icons, ora invece comincia ad aumentare la mia visibilità, grazie anche al lavoro di chi cura l'aspetto dei social media.
Fra l'altro per la prossima settimana mi è stato chiesto di partecipare ad un contest, ma di questo ve ne parlerò poi ;)

Per ora vi mostro i miei ultimi lavoretti che potete trovare nel mio shop, che potete acquistare o ammirare, come volete, mi farà comunque piacere ^_^

Per questo template qui sotto ho una mezza idea di usarlo per il mio blog, che dite?
Qui trovate il demo.





Blog design: menu delle pagine fisso in alto

12.5.14
Simona S.
27 commenti
Blog design: menu delle pagine fisso in alto
Innanzitutto scusatemi l'assenza di ben quasi un mese (cavoli), ma tante cose, fra cui influenza spietata si sono messe fra me ed un bel post che dovevo fare da tempo -.-
Vi sono mancata? Spero di sì :D
Nel frattempo ho visto che una cara amica blogger mi ha citata in un suo post sulla larghezza delle immagini: Tine/Silvia!!!!
Non avete ancora visto il post? E che aspettate?

Ma passiamo a noi, al come spostare il menu delle pagine in alto nel nostro blog e mantenerle fisse, facendo in modo che coprano tutti gli altri elementi del blog, una volta che si scende verso il basso con lo scrollbar.

In partica come nel mio blog :P

blogger menu fisso in alto - Simona S.

Ho realizzato un video tutorial per facilitarvi l'inserimento dei codici, ma i codici ve li scrivo qui, così vi basterà copiarli ed incollarli come mostrato nel video.
Dite la verità... ma quanto vi voglio bene??? TANTO COSI'!!!!!!!!!!!!

Vi lascio qui il link diretto ;) CLICCA PER IL VIDEO

Per centrare la pagine (e vale anche se non lasciate le pagine così come sono, senza spostarle in alto) inserite questo codice nel blocco delle tabs (vedi video)
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;text-transform:uppercase;}

Per eliminare i bordi
.tabs-outer {border:none !important;}

Copia e incolla questo codice per inserire le pagine (vedi video)
<div style='width:100%; height:30px; display:block; position:fixed; z-index:9000; background:#fff;'>

INSERISCI QUI IL CODICE DELLE PAGINE

</div>

PER APPROFONDIRE


Avrai notato dal video che le pagine non sono proprio attaccate al bordo superiore, questo perchè, anche se io l'ho reso invisibile dal gadget, la navbar resta comunque presente.
Per eliminare quello spazio, dobbiamo eliminarlo dal contenitore che racchiude tutto il nostro blog, quindi cerca body (lo trovi all'inizio degli stili) e inserisci questo codice all'interno degli stili:
margin-top:-30px;

Se non sono stata abbastanza chiara, se ti sei persa un passaggio, lascia pure un commento qui ;)