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

Santa Swag Background



Először is, ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/santaswagcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

A navigációs sáv (navbar) elrejtése (Nem eltávolítása!)

Keresd ki a sablonszerkesztőben:

]]></b:skin>


Elé pedig illeszd be:

#navbar-iframe {
height:5px;
}

/* IE7, IE8, IE6 */
#navbar-iframe { height/*\**/: 30px\9; }


#navbar-iframe:hover {
height:40px; !important;
}



Mentsd el a sablont.

Ha az oldalad tetejére húzod a kurzort, előtűnik a navigációs sáv.

>>>ITT<<< megtekintheted, hogyan működik.

Light Box galéria - Slide show


Ebben az esetben is úgy járunk el, mint az előző kettőnél, csak evvel egészítjük ki a kódot:

rel="lyteshow[groub1]" title="IDE JÖN A KÉPFELÍRAT"


Valahogy így kell aztán kinéznie:

<a rel="lyteshow[groub1]" title="IDE JÖN A KÉPFELÍRAT" 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><br /> <br /> <a rel="lyteshow[groub1]" title="IDE JÖN A KÉPFELÍRAT" 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> 




Demo:

Kattints a képre!









Light Box galéria - Csoportos galéria (léptethető)

A kezdő lépések megegyeznek az előző bejegyzésben leírtakkal, azzal a különbséggel, hogy itt a kóvetkező kódrészletet illesztjük be a szövegszerkezstőbe (az a és az onblur közé, szóközzel):

rel="lytebox[groub1]" title="IDE A JÖN A KÉPFELÍRAT"


Így kell a beillesztés után kinéznie:

<a rel="lytebox[groub1]" title="IDE A JÖN A KÉPFELÍRAT" 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><br /> <br /> <a rel="lytebox[groub1]" title="IDE A JÖN A KÉPFELÍRAT" 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>





Demo:
(Kattints a képre - A kurzort a jobb és bal fölső sarokba húzva léptetheted.)










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!)


2009. december 25., péntek

Falkner Press


Demo

Letöltés














Telepítés:

2009. december 24., csütörtök

Video beillesztése a Youku.com-ról

Demo:



Kód:
<iframe title="Video from YOUKU" style="WIDTH: 480px; HEIGHT: 400px" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_container.xml&up_File=http%3A%2F%2FIDE ILLESZD BE AZ URL-CÍMET HTTP:// ELŐTAG NÉLKÜL&up_FlashWidth=480&up_FlashHeight=400&up_ContainerCol=%23ffffff" frameborder="0" scrolling="no">Use a Flash Player to play Video from YOUKU - http://sites.google.com/site/annuairevin/flash-reader</iframe>

A video méretét megváltoztathatod, ha a kódban átírod a px előtt álló számokat. Fontos, hogy mind a style="WIDTH: 480px; HEIGHT: 400px, mind a FlashWidth=480&up_FlashHeight=400 tagban egyformán írd át. A kivastagításon látható, melyeket.

Flash-objektum beillesztése

Demo:




Kód:
<embed src="IDE JÖN A FLASH-OBJEKTUM URL-CÍME" width="300" height="300"  allowscriptaccess="always" allowfullscreen="true" />


A számokat tetszés és szükség szerint változtathatod. (A with a szélességet, a high a magasságot jelöli.)

2009. december 20., vasárnap

Natural Gloom


Demo

Letöltés

My World


Demo

Letöltés

MyShowcase


Demo

Letöltés

My Moleskine


Demo

Letöltés

Night Sky 2.0


Demo

Letöltés

Night Sky


Demo

Letöltés

Movie Theater


Demo

Letöltés

Monochrome


Demo

Letöltés

Moi Magazine


Demo

Letöltés

Vintage Style


Demo

Letöltés

vintage paper


Demo

Letöltés

Mainan Vintage


Demo

Letöltés

Libro Antiguo


Demo

Letöltés

Libro 01


Demo

Letöltés

Letter Frame


Demo

Letöltés

Outono Cinza


Demo

Letöltés
Related Posts Plugin for WordPress, Blogger...