Cikkajánló
Általában a lapozást is mindenki bővítménnyel oldja meg. Viszont én amit lehet szeretek kóddal megoldani, mert a túl sok bővítmény lassíthatja a honlapot. Plusz kevesebb macera, mert nincs mit
A design színvilága is egy nagyon-nagyon fontos dolog egy weboldal beindításában. Egyáltalán nem mindegy, hogy milyen színeket, mennyit és hogyan alkalmazunk egy oldalon. Nem tudom, ti hogy vagytok vele,
Ahogy tegnap írtam ma meghoztam a régóta feltöltésre váró .png képeket.  :) Ezek az albumok frissültek vagy születtek meg ma:   Kelly Rowland // 25 darab Lana Parrilla //
Emma Roberts G-Portálos téma Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák
Képváltó kód 06.

 

CSS kód
A CSS kódot betettem egy hivatkozásba, amit nektek nem kötelező. (Legalábbis G-Portálon nem) Ott magát a CSS-t egy szélső egyszerű modulba kell másolni //persze máshová is lehet ;)//
A CSS kód innen tölthető le: letöltöm

 

<link type="text/css" rel="stylesheet" media="screen" href="/js/kepvalto-fejlec-script-06.css" />

 

A két javascript fájl hozzá
1. nem kell lementeni, csak kimásolni a kódot

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

 

2. Ezt le kell menteni és feltölteni a saját tárhelyetekre és a kódban cserélni az én URL címemet a tietekre. URL címről itt olvashattok: link
Javascript letöltése

 

<script type="text/javascript" src="/js/kepvalto-fejlec-script-06.js"></script>

 

Ez pedig a HTML kód
Itt kell a képek URL címeit bemásolni a megfelelő helyre. Értelemszerűen lehet kevesebb és több képet is tenni bele. A demóban látható a jobb alsó sarokban a hat darab keskeny vízszintes sáv. Attól függően, hogy mennyi képet tesztek bele, az úgy változik automatikusan :)

 

<div class="AIVEN-scrollSlider"><div class="inner"><a href="link helye" title="Főcím"><img src="KÉP URL CÍME"  /></a><a href="második link helye" title="újabb ismertető"><img src="KÉP URL CÍME"  /></a><a href="megint link helye" title="információ"><img src="KÉP URL CÍME"  /></a><a href="link helye" title="infó róla"><img src="KÉP URL CÍME"  /></a><a href="linkelés" title="mini információ"><img src="KÉP URL CÍME"  /></a><a href="következő link" title="információ a linkről pl"><img src="KÉP URL CÍME"  /></a></div></div>

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

Hozzászólások