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

2010. január 24., vasárnap

Bingo Gallery


Demo

Letöltés
















Telepítési útmutató:

A sablon sajnos nem automatikusan működik, nem tartalmaz JavaScriptet, igényel egy kis pepecselést. De ha használni akarod, mindenképpen kövesd az alábbi útmutatást, különben nem fog üzemelni!

0. lépés

Nyiss új blogot, ha ezt a sablont akarod használni, legfeljebb később pakold át a már meglévő postokat a régiből.

1. lépés
Csomagold ki, és töltsd föl a sablont, és mentsd el.

2. lépés
Lépj be: Beállítások > Formázás
Itt keresd a Sortörések konvertálása-mezőt, és állítsd át Nem-re.

3. lépés
Lépj be: Elrendezés > HTML-kód szerkesztése, és keresd a következőt:
<div id='mainmenu'>
<ul>
<li class='first current_page_item'><a href='/'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a></li>
<li class='page_item page-item-12'><a href='#' title='Contact'>Contact</a></li>
<li class='page_item page-item-13'><a href='#' title='Advertise'>Advertise</a></li>
<li class='page_item page-item-14'><a href='#' title='themes'>themes</a></li>
</ul>
</div>



A #-ek helyére link-URL-eket illeszthetsz, és ezeknek megfelelően a piros betűs szavakat írd át, és mentsd. (Ez lesz a fölső menüsorban.)


4. lépés

Lépj be: Beállítások > Formázás
Itt a Bejegyzéssablon-ba illeszd be az alábbi kódot:

<img src="KÉP URL" alt="" border="0" title="KÉP CÍME" />
<img class="thumbnail" src="VIDEO KÉP URL" alt="" border="0" title="VIDEO KÉP CÍME" />

<div class="datapost">
<ul>

<li class="name">
Name : BEJEGYZÉS CÍME
</li>

<li class="designer">
Author : SZERZŐ
</li>

<li class="site-link">
URL : <a href="LINK" target="blank">TEXT</a>
</li>

<li class="fullview">
<a href="LINK A DEMÓHOZ" target="blank" rel="nofollow">View Real Demo</a>
</li>

<li class="download"><a href="LETÖLTÉS URL" target="blank">Download</a>
</li>

<li class="categ">
Category : <a href="KATEGÓRIA URL">KATEGÓRIA NÉV</a>
</li>

<li class="posttag">
Keywords : CÍMKÉK IDE
</li>
</ul>
</div>

<div class="postvideo">
VIDEO EMBED CODE IDE
</div>

<div class="postdescribe">
LEÍRÁST IDE
</div>

Mentsd el!

A telepítés ezennel kész.

A piros szövegeket kell majd megváltoztatni, értelemszerűen.

Ha képet akarsz betenni, az alábbiak szerint kell eljárni.

Kattints az Új bejegyzésre, és ott látni fogod, hogy már van ott valami. A szövegszerkesztőt állítsd HTML-kód szerkesztésére. Na, ott láthatod a teljes kódot, amit az imént elmentettél a Bejegyzéssablon-ba. Ebből azonban csak ezt a részt hagyd meg, a többit töröld:

<img src="http://dryicons.com/files/templates_previews/stylissimo_preview_new.jpg" alt="Stylissimo Wordpress Theme" border="0" title="Stylissimo Wordpress Theme"/>
<div class="datapost">
<ul>

<li class="name">
Name : Stylissimo
</li>

<li class="designer">
Author : Dryicons
</li>

<li class="site-link">
URL : <a href="http://dryicons.com/" target="blank">dryicons.com</a>
</li>

<li class="fullview">
<a href="http://dryicons.com/free-templates/demo/stylissimo/" target="blank" rel="nofollow">View Real Demo</a></li>
<li class="download"><a href="http://dryicons.com/free-templates/stylissimo/" target="blank">Download</a>
</li>

<li class="categ">
Category : <a href="http://www.gzon.us/search/label/Wordpress%20Themes">Wordpress Themes</a>

</li>

<li class="posttag">
Keywords : Wordpress Theme, WP Theme, Elegant, 3 Column, Clean Layout, Company layout
</li>
</ul>
</div>
<div class="postdescribe">
DryIcons presents its second free template, called "Stylissimo". This template is carefully designed following the most basic design rules: style, simplicity and functionality. It can be used as a personal blog, where users could showcase their portfolio to the world, share design-related resources and inspiration and communicate with other designers. "Stylissimo" can also be used as a unique magazine theme, with lots of inspirational portfolios, tutorials, resources and freebies.
<br/><br/>
"Stylissimo" is a three-column template with clear separation of the header, footer and the main container. The HTML/CSS code is well structured and commented which will make your implementation very easy. Initially available as a plain HTML/CSS and as a WordPress theme.</div>

A pirosakat kell megváltoztatni, azok csak példaszövegek és -linkek. Ha mindent beírtál, akkor mentsd a postot.

Video beágyazása:

A kódból csak ennyit hagyj meg ezúttal:

<img src="http://1.bp.blogspot.com/_Iewg6WA-1Pk/SrKx9asf4MI/AAAAAAAAADY/YO3IIX6sdUk/s400/manga.JPG" alt="How To Draw Manga Hair, Four Different Ways" border="0" class="thumbnail" title="How To Draw Manga Hair, Four Different Ways"/>

<div class="postvideo">
<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/SEA8sG0FMHI&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/SEA8sG0FMHI&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object>
</div>

<div class="postdescribe">Manga creator Mark Crilley presents a tutorial on drawing four different manga hairstyles, two of them shown in real time.</div>


A beágyazott pl. Youtube video nem fog megjeleníteni magától képet a főoldalon, ezért neked kell valamilyen képet föltenni az img src-részbe.

Hát kb. ennyi...

Ha nem voltam érthető, >>>ITT<<< megtalálod az eredeti angol nyelvű útmutatót.
Related Posts Plugin for WordPress, Blogger...