登录 | 注册 | FAQ
Anonymous

Spostare con codice CSS, widget html su blogger

+ 发表回复

5 篇帖子 分页: 1 / 1


Spostare con codice CSS, widget html su blogger

krisfits » 周日 11月 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 :)
头像

krisfits

  • 帖子: 2
  • 注册: 周日 11月 18, 2012 1:40 pm

Re: Spostare con codice CSS, widget html su blogger

XainPro » 周三 11月 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>
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Spostare con codice CSS, widget html su blogger

XainPro » 周三 11月 21, 2012 6:50 am

se non si capisce che puoi dirmi io vi fornirà codice completo!
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Spostare con codice CSS, widget html su blogger

krisfits » 周三 11月 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?
头像

krisfits

  • 帖子: 2
  • 注册: 周日 11月 18, 2012 1:40 pm

Re: Spostare con codice CSS, widget html su blogger

XainPro » 周六 11月 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
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1