Cikkajánló
A költözésem óta a Coppermine Galéria témák menüpont üresen maradt. De most volt egy kis időm és három darab régebbi sablont a G-Portálos oldalamról áthoztam ide. Kicsit alakítottam rajtuk,
Készítettem egy újabb ingyenes .psd fejlécet, amit bárki letölthet és felhasználhat forrás megjelölésével természetesen. A fejléc innen tölthető le: PSD – Photoshop fejlécek   megnézem teljes nagyságban Kapcsolódó bejegyzések
Az eddig elkészült rendelések előnézeti képeit feltöltöttem a galériába, ott meg tudjátok nézni. Akiknek még nem jeleztem, hogy kész a design-juk, legyenek türelemmel, mert készülnek azok is.:) Most Sosugary
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
Képváltó kód 07.

Ezzel a kóddal több hátteret lehet hozzáadni a honlaphoz, amik váltogatják egymást.

 

Demó látható :)

 

Javascript kódok
Csak JS kódokból áll a script és semmi nehézség nincsen a használatában. :)

 

1. kód – simán ki kell másolni és beilleszteni az oldalatokba. Ha G-Portál, akkor szélső modulba, ha pl. WordPress, akkor a header.php-ba kell tenni mindegyik kódot!

 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

 

2. kód – le kell menteni a kódot innen és az én kódomban ki kell cserélni az URL címet a sajátotokra. URL címről itt: link

 

<script src="/js/kepvalto-fejlec-script-07.js"></script>

 

3. kód – Ebben pedig meg kell adni a ti háttérképeitek URL címét. Akármennyi képet tehettek bele. Értelemszerűen lehet a sorokat növelni és csökkenteni is ;) A képek mérete mindegy mekkora, mert igazodik a böngészőhöz, tehát minden felbontásban jól fog mutatni :)

 

<script>
$.backstretch([
"/images/scripts/kepvalto-fejlec/07/001.jpg",
"/images/scripts/kepvalto-fejlec/07/002.jpg",
"/images/scripts/kepvalto-fejlec/07/003.jpg",
"/images/scripts/kepvalto-fejlec/07/004.jpg",
"/images/scripts/kepvalto-fejlec/07/005.jpg",
"/images/scripts/kepvalto-fejlec/07/006.jpg"
], {
fade: 750,
duration: 4000
});
</script>



lindadesign Hozzászólások
1 302 megtekintés

Hozzászólások