29 elokuuta 2011

HTML-KOODI

Multa on monta kertaa kysytty miten saan nuo kuvat haalistumaan. No tässä teille ohje.
Ihan ekaks menkää html muokkaus kohtaan ja ettikää sieltä kohta </head> .
Sitten lisäätte siihen ylä puolelle tossa alapuolella olevan koodin :)
Tossa koodissa on noita numeroita ja niitä vaihtamalla voitte säätää miten nopeesti tai paljon kuva haalistuu ja miten nopeasti haalistus lähtee pois. Tossa on nyt samat numeron kun mulla koska tongin ton mun omasta html-koodista mutta kokeilemalla voitte säätää ne semmoseksi kuin ite haluatte. Toivottavasti kaikki tajus ja kysykää vaan jos tulee jotain ongelmia :)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.post img&quot;).fadeTo(&quot;slow&quot;, 2.0);
$(&quot;.post img&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.8);
},function(){
$(this).fadeTo(&quot;slow&quot;, 2.0);
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.latest_img&quot;).fadeTo(&quot;slow&quot;, 2.0);
$(&quot;.latest_img&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.8);
},function(){
$(this).fadeTo(&quot;slow&quot;, 2.0);
});
});
</script>

20 kommenttia :

mellu kirjoitti...

KIITTI TOSI PALJON :) täst oli oikeest paljon apuu meille muille bloggaajille :--)

HElli kirjoitti...

mellu : no kiva jos oli tästä oli apua:)

iinaannika kirjoitti...

KIITOS!

HElli kirjoitti...

iinaannika : toivottavasti oli apua:)

ela kirjoitti...

kiittii :)

HElli kirjoitti...

ela : oleppa hyvä:)

Anonyymi kirjoitti...

haluutko viä kertoo, et muten saat ton otsikon ja päivämäärän tohon keskelle!? ((:

HElli kirjoitti...

Anonyymi :
Eti html-koodista kohta
h2 {
margin: 0 0 1em 0;

font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: uppercase;
text-align:left;}


Sitten vaihda tohon left kohdan tilalle center. Tän koodin avulla toi päivämäärä siirtyy keskelle.

sitten eti kohta
h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
text-align:left;


Sitten taas vaihda left kohdalle center. Tän avulla saat otsikon keskelle.

aino kirjoitti...

siis mistä html muokkaus hommasta? siitäkö mikä oon tuolla ulkoasun muokkas jutussa?

HElli kirjoitti...

aino : meet sinne ulkoasun muokkaukseen ja sieltä sinne muokkaa HTML-koodia :)

Anonyymi kirjoitti...

tiiääkö mitä numeroit pitää muuttaa et saa nopeemmin ton kuvan 'muuttumaa' vaaleemmaks, ku se on jotenki tökerö ku ensi se muuttuu hitaast ja si ku hiiren ottaa pois nii se on nopee.. :)

Anonyymi kirjoitti...

kiitti ihan hirveesti näistä!! :)kiusaan sua viä sen verran, et kerroppas et miten noi kuvat saa keskelle :D

HElli kirjoitti...

Anonyymi : En osaa tuota neuvoo, mut eikun kokeilemaan vaan. Eiköhän onnistu!
Anonyymi2 : en oikein tajunnu miten keskelle, mut en oo mitenkään koodeista tota keskelle menoa muokannu nii ihan vaan mallinmuokkauksesta?

Isa kirjoitti...

Oi, valaisit muakin todella paljon (:

iina kirjoitti...

mistä toi kohta oikeen tuolta löytyy........?

HElli kirjoitti...

Isa : Kiva jos auttoi :)
iina : jos et löydä tota kohtaa sulla saattaa olla eri malli kun mulla. En osaa nyt auttaa enempää.:(

Anni kirjoitti...

Mikä malli sulla on? :)

HElli kirjoitti...

Anni : Simple ja siitä se viimenen

katariina kirjoitti...

Nää autto ihan sairaasti kiitos!

HElli kirjoitti...

katariina : oleppa hyvä:)

Me Gusta - Rage Face Comics