Login | Iscriviti | FAQ
Anonymous

Spostare con codice CSS, widget html su blogger

+ Rispondi al messaggio

5 messaggi Pagina 1 di 1


Spostare con codice CSS, widget html su blogger

da krisfits » dom nov 18, 2012 2:00 pm

Ciao a tutti!
Mi sono appena registrata al vostro sito, perchè lo trovo molto interessante e d'aiuto.
Finalmente nel vostro sito son riuscita a trovare il codice CSS che cercavo da tanto, negli altri codici che trovano online c'era sempre qualche problema :)
Vorrei chiedervi se sapete come risolvere il mio problema:
Ho un blog, dove ho inserito dei bottoni che son riuscita a creare, in poche parole si tratta di bottoni che con il passaggio del mouse cambia l'immagine, li ho inseriti tramite codice html, e inserito come gadget/widget dal layout di blogger.
Ora vorrei però spostarlo a mio piacimento come faccio già con tutte le immagini del blog tramite i codici CSS.
Nel codice CSS che sto utilizzando da poco ( che ho preso dal vostro sito) sostituisco
box1
con Image e poi il numero dell'immagine come sotto:

#Image1 {
position:absolute;
top: -40px;
left: -15px;
}

Ecco, utilizzando questo metodo è possibile spostare il widget di blogger?

Se può essere utile per capire il mio problema questo è il codice html che ho inserito tramite il widget di blogger:
<style>
#Image3 img{
display:block; margin:auto 162px; margin:top: -300px}
</style>
<div id="Image3">
<a href="http://krisfitsblog.blogspot.it/" target="_blank"/><img src="http://i48.tinypic.com/migntd.png" onmouseover="this.src='http://i46.tinypic.com/xyi39.png';" onmouseout="this.src='http://i48.tinypic.com/migntd.png';" title="Home" alt="Home"/></a>
</div>

e lo potete vedere in fondo al blog, per capirci meglio è il bottoncino fucsia con una casetta bianca. :)

http://krisfitsblog.blogspot.it/

Vi ringrazio in anticipo e spero che mi aiuterete a risolvere il mio problema.
Un bacio

Cristina :)
Avatar utente

krisfits

  • Messaggi: 2
  • Iscritto il: dom nov 18, 2012 1:40 pm

Re: Spostare con codice CSS, widget html su blogger

da XainPro » mer nov 21, 2012 6:49 am

.myButtonLink {
display: block;
width: 100px;
height: 100px;
background: url('http://i48.tinypic.com/migntd.png') bottom;
text-indent: -99999px;
}
.myButtonLink:hover {
background-position: 0 100;
}

ora è necessario mettere entrambe le immagini in un file singolo :)

<a class="myButtonLink" href="http://krisfitsblog.blogspot.it/" target="_blank">Link</a>
Avatar utente

XainPro

  • Messaggi: 3933
  • Iscritto il: ven feb 17, 2012 8:10 pm

Re: Spostare con codice CSS, widget html su blogger

da XainPro » mer nov 21, 2012 6:50 am

se non si capisce che puoi dirmi io vi fornirà codice completo!
Avatar utente

XainPro

  • Messaggi: 3933
  • Iscritto il: ven feb 17, 2012 8:10 pm

Re: Spostare con codice CSS, widget html su blogger

da krisfits » mer nov 21, 2012 11:28 am

Ciao! son contenta che qualcuno mi abbia risposto!
Però non ho ben capito cosa mi hai detto, devo inserire quello che mi hai scritto nel codice che ho già fatto io?
Avatar utente

krisfits

  • Messaggi: 2
  • Iscritto il: dom nov 18, 2012 1:40 pm

Re: Spostare con codice CSS, widget html su blogger

da XainPro » sab nov 24, 2012 7:54 am

faire les deux images côte à côte sur un seul fichier image et afficher uniquement 1 image sur passage de la souris changer la position de l'image d'arrière-plan pour montrer 2ème image.
toute façon j'ai vu sur votre site que vous avez réussi à afficher à la maison et les boutons de profil comme ça bonne chance
Avatar utente

XainPro

  • Messaggi: 3933
  • Iscritto il: ven feb 17, 2012 8:10 pm


+ Rispondi al messaggio

Pagina 1 di 1