Zaloguj | Zarejestruj | FAQ
Anonymous

Spostare con codice CSS, widget html su blogger

+ Odpowiedz

Posty: 5 Strona 1 z 1


Spostare con codice CSS, widget html su blogger

przez krisfits » N lis 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 użytkownika

krisfits

  • Posty: 2
  • Dołączył(a): N lis 18, 2012 1:40 pm

Re: Spostare con codice CSS, widget html su blogger

przez XainPro » Śr lis 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 użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Spostare con codice CSS, widget html su blogger

przez XainPro » Śr lis 21, 2012 6:50 am

se non si capisce che puoi dirmi io vi fornirà codice completo!
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Spostare con codice CSS, widget html su blogger

przez krisfits » Śr lis 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 użytkownika

krisfits

  • Posty: 2
  • Dołączył(a): N lis 18, 2012 1:40 pm

Re: Spostare con codice CSS, widget html su blogger

przez XainPro » So lis 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 użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1