← Back to branch summary

~ubuntu-fi/ubuntu-fi-www/stable

« back to all changes in this revision

Viewing changes to index.html.tmpl

  • Committer: Petri Järvisalo
  • Date: 2010-02-13 18:10:24 UTC
  • mto: This revision was merged to the branch mainline in revision 7.
  • Revision ID: petri.jarvisalo@mbnet.fi-20100213181024-i0lge46tvgybsjjc
Hifin koodaama parempi animaatio javascriptillä lisätty etusivulle.

Show diffs side-by-side

added added

removed removed

Lines of Context:
index.html.tmpl
7
7
<meta name="keywords" content="ubuntu,suomi,lataa,keskustelualueet,tapahtumat,vapaa,ohjeet,blogi,yhteisö,Linux,palvelut,tuki,tietokoneet">
8
8
<meta name="description" content="Ubuntu on vapaa, Debianiin perustuva Linux-käyttöjärjestelmä, jolle on sekä yhteisön että yritysten tarjoamaa tukea. Säännölliset julkaisut, käytettävyys ja 18kk tietoturvapäivitykset ovat Ubuntun tunnusmerkkejä.">
9
9
 
 
10
<script src="eff_fade.js" type="text/javascript"></script>
10
11
<script src="prototype.js" type="text/javascript"></script>
11
12
<script src="news.js" type="text/javascript"></script>
12
13
 
33
34
margin-left: 2em;
34
35
}
35
36
 
 
37
#keskilogo {
 
38
    position: relative;
 
39
    width: 249px;
 
40
    height: 258px;
 
41
    margin: 0 auto;
 
42
    display: none;
 
43
}
 
44
 
 
45
#keskilogo div.ufi-color, #keskilogo div.ufi-black {
 
46
    position: absolute;
 
47
    top: 0;
 
48
    left: 0;
 
49
    width: 100%;
 
50
    height: 100%;;
 
51
    background-image: url('images/etusivu/910_2/ubuntu-fi-anim.png');
 
52
    background-repeat: no-repeat;
 
53
    background-position: 0 0;
 
54
 
 
55
    /* reset opacity */
 
56
    visibility: visible;
 
57
    opacity: 0;
 
58
    filter: alpha(opacity = 0);
 
59
 
 
60
}
 
61
 
 
62
#keskilogo div.ufi-black {
 
63
    background-position: -249px 0px;
 
64
}
 
65
 
36
66
</style>
37
67
 
38
68
<script type="text/javascript">
58
88
/* news ticker */
59
89
DisplayNews();
60
90
 
 
91
/*Logo animation */
 
92
$('keskilogo').style.display='block';
 
93
setTimeout(fade_start_eff, 1000)
 
94
 
61
95
/* utilize this function also to preload XML */
62
96
 
63
97
 /* preload finished */
84
118
window.onload=startList;
85
119
 
86
120
</script>
 
121
        <script type="text/javascript">
 
122
           function fade_next_eff() {
 
123
                eff_fade_out('logo_black', 3000, 15);
 
124
                eff_fade_in('logo_color', 2000, 30);
 
125
            }
 
126
            function fade_start_eff() {
 
127
                eff_fade_in('logo_black', 2000, 30, fade_next_eff);
 
128
            }
 
129
        </script>       
87
130
<script type="text/javascript">
88
131
function changeBgInput(idLayer){
89
132
idLayer_n = document.body;
210
253
     <p><a href="http://wiki.ubuntu-fi.org/Esittely">Ubuntun esittely</a></p>
211
254
           </div>
212
255
        </td>
213
 
        <td style="width:33%; text-align:left; vertical-align:middle"><div id="circle" style="text-align:center" ><img src="http://www.ubuntu-fi.org/images/etusivu/910/Ubuntu-suomi-logo.gif" alt="ubuntu" width="298" height="258"></div></td>
 
256
        <td style="width:33%; text-align:left; vertical-align:middle">
 
257
        <noscript><div id="circle" style="text-align:center" >
 
258
        <img src="http://www.ubuntu-fi.org/images/etusivu/910/Ubuntu-suomi-logo.gif" alt="ubuntu" width="298" height="258"></div></noscript>
 
259
        <div id="keskilogo">
 
260
            <div id="logo_black" class="ufi-black"></div>
 
261
 
 
262
            <div id="logo_color" class="ufi-color"></div>
 
263
        </div>
 
264
</td>
214
265
        <td style="width:33%; text-align:center; vertical-align:top">
215
266
          <div id ="Lupaus">
216
267
          <h3>Ubuntun lupaus</h3>