Mi a fene ez?

Mi a fene ez?

Semmi különös, itt próbálom ki a cuccokat, mielőtt beteszem a többi blogomba... Ha jól működik, fent hagyom, hogy érte jöhessek, ha szükségem van rá máskor, de hogyha tetszik, nyugodtan viheted Te is! De mielőtt bármibe kezdenél, olvasd el a Tanácsokban leírtakat a modulok és sablonok sikeres használatának érdekében!

Közlemény!

Először is: sajnálom, ha nem válaszoltam a kommentedre, de sokáig nem jöttem a blogra, elnézést! Másodszorra pedig, mint láthatod új külsőt kreáltam a próbajáratnak, ezért néhány dolog lehet, hogy nem működik - hiába van feltüntetve néhány kódnál, hogy a demó látható az oldalon valahol -, mivel a sabloncserével néhány később hozzáadott kódrészlet törlődött. Majd pótolom lassanként.

Köszönöm megértésedet és türelmedet,
von Birken


Az oldal mentése PDF-be

2009. december 26., szombat

Light Box galéria - Képek egyenként a boxban


1. lépés


Keresd meg a következőt a HTML-szerkesztőben:

/head>


Elé illeszd be az alábbi kódot:


<!--Code-By-AllBlogTools-->
<link href='http://www.mydatanest.com/files/allblogtools/29603_izeup/lytebox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://www.mydatanest.com/files/allblogtools/29602_xemqf/lytebox.js' type='text/javascript'/>
<!--Code-By-AllBlogTools-->


Mentsd a sablont.

A Beállításoknál állítsd át a blogod a Régi szerkesztőre.

Ha a Blogspotot használod a rendszer automatikusan a Picasába menti a feltöltött képidet. Lépj be oda, töltsd föl és/vagy válaszd ki a light boxba kívánt képet, jobb egérgombbal klikklej rá, kép címének másolása pontot válaszd ki.

Visszatérvén a bloggerbe, a szövegszerkesztőben lépj a HTML-kód szerkesztésére, nyisd meg a képfeltöltőt, és másold be a kép URL-jét, a megfelelő dobozba, majd feltöltés.A nagy képeket érdemes kicsire húzni, hogy jól nézzen ki, ha rákattintanak.

A következőhöz nagyon hasonló kód fog megjelenni a HTML-szerkesztőben:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s1600/3924705805_15d638ca8d_o.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 324px;" src="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s400/3924705805_15d638ca8d_o.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a>


Az alábbi kódrészletet illeszd bele (az a és az onblur szavak közé, szóközzel.)

rel="lytebox"

Eképpen kell majd kinéznie:

<a rel="lytebox" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s1600/3924705805_15d638ca8d_o.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 324px;" src="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s400/3924705805_15d638ca8d_o.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a>


Ha a "lytebox" után bemásolod - szóközzel - a következőt, feliratozhatod a képet:

title="IDE JÖN A FELIRAT"


Megjegyzés: Minden beillesztett kép kódját a fentiek szerint át kell írni!

Demo:
(Kattints a képekre!)


Related Posts Plugin for WordPress, Blogger...