Cikkajánló
Kárpótlásnak, hogy mostanában nem igazán volt friss még az aranymelin, így mára is hoztam kettő darab leírást. A címből már gondolom kiderült, hogy WordPress leírásokról van szó. Két egyszerű
Ha használtatok már valaha például fejléces menü kódot vagy hasonló kódokat, amikkel helyzeteket lehet változtatni, akkor a következő leírás nem lesz idegen a számotokra. Azért írtam, hogy ha pl.
A Bővebben link átnevezését már elég sokan tudjátok, nem is ez a legfontosabb része ennek a cikknek. Inkább arról van szó, ahogy az ikont használjátok előtte. Mindenhol úgy látom,
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 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 020 megtekintés

Hozzászólások