Keresés a blogban

2010. április 11.

Magazine style Blogger theme with slider - Bloggersablon lapozóscripttel


A blogom bejegyzések feletti részén láthattok egy lapozómodult, amely a két legfrissebb posztot emeli ki. Ez az ún. újságstílusú (magazine style) sablonokon manapság gyakran alkalmazott elem, és javascripttel valósítható meg. A Bloggeren azonban nehézkes a javascript-használat, ezért a témáknak egy új családja jelent meg, amelyekbe ez a lapozómodul már eleve be van építve úgy, hogy a scriptet maga a sablon tartalmazza.
Ilyen típusú újdonság a Magnolia a Templatesblock-on, melyet 4 színben - zöld, narancs, kék, lila - is letölthetünk.
A Magnolia sorozat alapvetően a sötét témák közé tartozik. Nagyon elegáns megjelenésű, érdekes felosztással 3 hasábot tartalmaz. A sidebar és a posztterület nagyjából felezi a teljes oldalszélességet. A sablon fix szélességű, a fejlécen két linksáv is található. A sarkok enyhén lekerekítettek. A Read more funkciót tartalmazza. A láb rész négy hasábra osztott, ahová szintén modulokat tehetünk, akár az oldalsávba.

MAGNOLIA EVO



MAGNOLIA ORANGE




MAGNOLIA MARINE




MAGNOLIA BURGUNDY



A lapozómodul beállítása:
Hogy megváltoztasd a Képek/Címek/Leírás... részt, ismerkedj meg a kóddal.
Menj ide: Elrendezés - HTML-kód szerkesztése,
nyomd meg Ctrl+f, és a megnyíló keresőbe írd be: Natlie Imburglia
Láthatod, ez a kép címe, amely a lapozóban eléúszik, a sok kód között szinte elvesz.

MINDEN LAPOZÓ a következő kódrészekből áll, amelyek egymástól üres hellyel vannak elválasztva.
Egy-egy lapnak ugyanaz a kódja, de mások a linkek és a cím benne.

Mindegyik képlap ezzel kezdődik
<!--Start Slide Code Set--> 

és ezzel végződik
<!--End Slide Code Set-->

Mindegyik képlaphoz a következő kód tartozik:

<!--Start Slide Code Set-->
<li>
<div class='slider-position'>
<div class='post-tittle'>

<h3>Natlie Imbruglia</h3>

<div class='post-tittle-p'>
<p>Doesn`t she look very cool?</p></div>

</div><!--end post-tittle-->
</div><!--end slider-position-->
    
<a href=''><img height='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9mo1ebGonwQN3RGbBrl6qZkKb2LWt9OJ8m2faz4g-d1lDAsf7A_GWT80guhGJbO826solHGJYTSXLmjEtnRPVVcuOo7eeEqL6DkfFtxqgE9W0Y3GA8xirmORJ7_-RaUJpLzOXXv_zdvIV/s1600/Natalie-Imbruglia.jpg' width='400px' zc='1'/></a> 
</li>
<!--End Slide Code Set-->

Tehát ahány képet akarsz, annyiszor kell ezt a kódot beírnod. Ha akarod, másolhatsz még belőle többet vagy törölhetsz is.

A kép címe: Natalie Imbruglia - ezt írd át
A leírás: Doesn`t she look very cool? - ezt írd át
A kép: a href="ide kell a képed URL címe"

A képeket egy képszerkesztővel jó, ha eleve 240px magasságúra és 400px szélességűre alakítod, mert ha eltérő arányú és méretű ettől, akkor torzulás és minőségromlás következik be.

Ha a sablont használni akarod, de a lapozóra nincs szükséged, akkor csak töröld ki a HTML kódból a fenti kódrészeket. Teljesen jól fog így is működni.

Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

13 megjegyzés:

Tj Blogi írta... [Válasz erre...]

szia,
letöltöttem egy ilyen sablont teszt jelleggel,de a "gyári" képeket lapozza.
hogyan lehet megcsinálni,hogy ne azokat lapozza?

Wise Lady írta... [Válasz erre...]

Van a letöltött csomagban egy Setting Up Slider txt fájl, abban részletesen le van írva, hogyan lehet a lapozót beállítani.

Tj Blogi írta... [Válasz erre...]

in englis :-((((
de majd kiküszködöm,köszi

Wise Lady írta... [Válasz erre...]

OK, kiegészítettem a posztot.

Tj Blogi írta... [Válasz erre...]

nagyon kedves vagy!
de ezzel ne fáradj,köszi!a google fordít nekem,most ott tartok,hogy a kép meg a címe már át írva,csak azt nem tudom,hogy ha rá klikkelek akkor mitől fog oda vinni a az adott bejegyzésre

Wise Lady írta... [Válasz erre...]

Ebben a sablonban nem olyan típusú lapozó van, mint az én blogomban. Nálam az van beállítva, hogy a legfrissebb posztokból jelenjen meg az utolsó akárhány (2). Ez viszont képgalériát tud lapozni.

Tj Blogi írta... [Válasz erre...]

idő közben rájöttem.
pasi vagyok lassan kapcsolok :-D
igazából olyanon gondolkozom mint a tiéd,mert akkor levehetném a 3. oszlopomat a blogomban,ahol vannak az utolsó bejegyzéseim.
találtam egy másik wordpresses adaptáció a blospotra,nagyon komoly sablont(fehér, elegáns,meg kő profi).ott van egy gördülő képes menü de már ott megakadtam a többoldalas leírásában,hogy mentsem le a gépre a "The Box.net" kezelőjét így azt hagytam is... nem az én szintem egyenlőre,talán a következő évi sablonom lesz

Tj Blogi írta... [Válasz erre...]

látom kibővítetted,köszönöm.
itt hagyom neked a teszt blogomat holnapig nyitva hagyom,hogy le tudd csekkolni,szerintem neked tetszeni fog.(pl a blogarhivum bejegyzés címeket ad meg,nem csak dátumokat)
http://hammtest2.blogspot.com/
jó éjt!

Wise Lady írta... [Válasz erre...]

Ismerem ezt a sablont, nagyon mutatós, és sokat is tud.

E. Anikó írta... [Válasz erre...]

szia:)

lehet nagyon amatőr kérdés:de ha letöltöm ezt a sablont-hogyan tudom "magyaritani"?

köszönöm:)-és bocsi, ha hülye a kérdés.

a:)

Wise Lady írta... [Válasz erre...]

@E. Anikó
Végig kell menni a HTML kódon, és a megfelelő szavakat magyarra átírni.

HUMANPIAC-a munka piaca írta... [Válasz erre...]

nagyon köszönöm:)

a:)

Susanne írta... [Válasz erre...]

Kedves Wise Lady!

Már régóta vágyok egy ilyen lapozómodulra.
Segítségedet kérném. Betudom tenni, és miként ezt a modult a 3 oszlopos Simple sablonom középső oszlopába a bejegyzések fölé? A saját szerkesztésű képeimet szeretném lapozgatni.
Segítségedet előre is köszönöm.

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-