Apžvalgos 10Naujienos 11Patarimai 2P. Kūrimas 1Uždarbis 11Kita 6
Stebėkite naujienas Google+
Kaip papuošti savo puslapį snaigėmis
Paskelbta: 2016-11-23 / 11:12    Gold
Sveiki. Artėjant žiemai, nusprendžiau pateikti pavyzdį (neturintiems patirties) kaip pasipuošti savo puslapį snaigėmis. Ašmeniškai aš, nesinaudoju tokiomis kaip "snaigėmis" ir nekišu į puslapius, bet tarp WAP puslapių yra tikrai nemažai kurie mėgsta įsidėt snaiges. Pateiksiu gana paprastas ir lengvai integruojamas snaiges, taip pat lengvai modifikuojamas pagal savo poreikius. Snaigių integravimui prireiks bent minimalių žinių.

Pavyzdys 1 (Panaudojus * simbolį.)


Kaip pradėti:
1. Atsidarykite savo puslapio stiliaus failą (css, ar php) ir pridėkite:
#snowflakeContainer {
position: absolute;
left: 0px;
top: 0px;
}

.snowflake {
padding-left: 15px;
font-family: Cambria, Georgia, serif;
font-size: 14px;
line-height: 24px;
position: fixed;
color: #ffffff;
user-select: none;
z-index: 1000;
}

.snowflake:hover {
cursor: default;
}


2. Atsidarykite savo puslapio failą kuriame yra headeris. (headeris prasideda <head> dalimi ir baigiasi</head>. Po head dalies prasideda body, po <body> įterpiame
<div id="snowflakeContainer">
<p class="snowflake">*</p>
</div>


3. Į failą (kuriame norite, kad būtų rodomos snaigės) pridėkite JavaScript failus
<script src="//www.kirupa.com/js/fallingsnow_v6.js"></script>
<script src="//www.kirupa.com/js/prefixfree.min.js"></script>


Pastarieji JS failai turi būti integruojami ne puslapio head dalyje, o apačioje, geriausiai tam tinkanti vieta būtų prieš kodo pabaigą </body></html>.


Reklama:
gal kas susipažinti m?



Pavyzdys 2 (Html elementas:❄ - &#10052;.)



Išsamiau apie talpinamus kodus:
1. Pirmoji dalis talpinama į puslapio css stilių, nustato #snowflakeContainer ir .snowflake vietą. .snowflake pagrindinis snaigės įvaizdis. padding-left:15px; leidžia nustatyti kiek nuo kairės pusės bus pastumtos snaigės, font-size:14px; nurodo snaigės dydį, color:#ffffff; nurodo snaigės spalvą. Tai yra aktualiausias dalykas. Visi kiti parametrai nėra svarbūs, vistik atvėrus puslapį ir jame užsikrovus js failams, labiausiai atkualu lieka snaigės spalva, visi kiti parametrai labiau aktualūs iki tada kol naršyklė užkrauna js failus.

2. Į body dalį įterpiame html kodus kurie nustato kokia bus snaigė. Būtent <p class="snowflake">*</p> nurodo kokia bus snaigė. Šiuo atviju snaigė padaroma iš * simbolio, atvėrus puslapį * simbolis rodomas tol kol naršyklė užkrauna js failus (priklausomai nuo interneto greičio, gali per sekundę, kitą užsikraut) ir jie pradeda atvaizduot snaiges. Jei pradinis simbolis trukdo puslapio išvaizdai, būtinai jį pasikoreguokite ir "paslėpkite" kad mažiau matytusi. Tai neturėtu sukelt didelio nepatogumo. Vietoj * simbolio galima naudoti ir paveikslėlį. * pakeitus tarkim į <img src="http://snaiges_adresas.lt" alt="*"/>, taipogi galima naudoti ir įvairius html elementus kaip ❄ - &#10052; ir panašiai. Nepamirškite, kad snaigės spvalą (jei ne iš paveikslėlio rodoma snaigė) galima keisti per css .snowflake esantį color: #ffffff; elementą.

3. Standartiniai js failai iš kirupa.com puslapio paruošti snaigėms. Jų keisti nereikia, bet failus atsisiuntus ir atvaizduojant juos iš savo puslapio būtų galima keisti js elementus, snaigės greitį ir panašiai.


Pavyzdys 3 (Panaudojus paveikslėlį.)


Jei kas neaišku, reikalingos kokios pamokos (ne konkretaus puslapio sukūrimo ir viso darbo padarymo už jus, o kokių php elementų panaudojimo pamokos ar pan.), klauskite, galbūt galėsiu padėt.


Naujas komentaras



Apsaugos kodas
Komentarų nėra.
Apie Blogą
Blogas.mywap.eu - Asmeninis Gold blogas kuriame pateikiamos puslapių naujienos, įvairios apžvalgos, internetinių puslapių kūrimo pamokos ir įvairūs kiti pamąstymai.
Draugai
Mano projektai
Naršyklinis Žaidimas MP3 Muzika Lankomumo rodikliai
Kontaktai
Skype: Goldas49
El. Paštas: pagalba@mywap.eu
Gold Projektai: Mywap.Eu

© 2016 - 2019 Blogas.mywap.eu