G-Portál keretrendszerek, kódok

Scriptek
Scriptek : Kiemelt kép blogmodulban

Kiemelt kép blogmodulban


G-Portálon sajnos nincs beépített kiemelt kép funkció, pedig sokan szeretik ilyennel díszíteni bejegyzéseiket. Ezért írtam meg ezt a scriptet, melynek segítségével itt is tudtok majd kiemelt képet beállítani az egyes posztokhoz, ehhez pedig mindössze egy sor kódra van szükség:

<script title="Kiemelt kép" src="/portal/framework/upload/766182_1466600166_02284.js" charset="UTF-8"></script>

A kódot jobb(!) oldali modulba, vagy szerkeszthető láblécbe kell tenni.

Mivel ugyebár a G-Portál adatbázisában lévő táblákhoz mi nem tudunk új mezőt adni a kiemelt képek linkjének tárolásához, sajnos le kell mondanunk az alcímről (valamit valamiért), ennek a helyére lesz ugyanis mentve kiemelt képünk linkje az adattáblában. Mituán beágyazásra került a kód, azonnal láthatjátok, hogy az alcím lehetőség el is tűnt, helyette képet tudtok beállítani.

A kiemelt képeket formázni is tudjátok CSS-ben a .featuredImage szelektorral. Mivel ezek valójában nem képek, hanem elemek, melyeknek a háttérképe az, amit a script állít be, az alap formázás valami ilyesmi kell, hogy legyen:

.featuredImage {
    height: 200px;
    background-size: cover;
}

Így már látható is lesz a kép. A background-size értékét kétféleképpen ajánlott beállítani: cover - ezesetben a képet úgy méretezi a böngésző, hogy az kitöltse az egész elemet; contain - ekkor úgy, hogy a teljes kép látszódjon.

A script még elég fiatal, így hibák előfordulhatnak. Ha valami nem úgy működik, ahogy kéne, kérlek jelezzétek.

Verziók

v1.0.2 - legújabb

Újdonságok: hibajavítás (a script megszakadt olyan posztoknál, ahol nem volt kiemelt kép); URL mező automatikus kitöltése, ha van beállítva kép

v1.0

A script legelső verziója

Még nincs hozzászólás.
 
Bejelentkezés
Felhasználónév:

Jelszó:
SúgóSúgó
Elfelejtettem a jelszót
 

Kezdőlap


Supernatural - ODaát - 13. ÉVad - Extrák - Infók - ÉRdekességek - ODaát - Supernatural - 13.ÉVad - Supernatural - ODaát    *****    A csillagjövõ oldalon,nem csak alacsonyak az árak, hanem a tanácsadás, teljesen ingyenes. Szeretettel várlak minden nap    *****    Új design! Az egyetlen magyar Olicity és a legaktívabb Zöld Íjász rajongói oldala! 6. évad & Arrowverse hírek!    *****    No.1 Christina Aguilera Fan Site - Minden ami X-Tina, minden héten újdonságok! Katt!    *****    TelenovelasWeb - Hírek, képek, videók, saját véleménnyel tarkított bejegyzések telenovellákról és a színészekrõl! Gyere!    *****    Hamarosan olvashatók lesznek az oldalamon az Asztro-tükör asztrológiai írásai, cikkei.    *****    Gesztenye, gesztenye, gesztenye... és egy álmos sün! Gyertek az októberi rétre Mályvával és Pipitérrel! Irány a Mesetár!    *****    Születési,baba,hold horoszkóp,elõrejelzés,párkapcsolati elemzés,fogamzási képlet! Ingyenes tanácsadás!Várlak!Kattints!    *****    Ha te is a letisztult stílus híve vagy, nézz be hozzám! Smink, ruha, kritika //Style and Stuff// Style and Stuff//    *****    MINDEN HÓNAPBAN INGYENES G-PORTÁL SABLON! TELJESEN ÁTSZERKESZTHETÕ A LEGÚJABB KÓDOKKAL! Ne maradj le egyik hónapban sem!    *****    Rendeld meg az asztrológiai csomagok egyikét és teljesen ingyen megbeszélheted velem a kérdéseidet telefonon, skypeon!!!    *****    Nézz filmet messengeren! Ha szereted a filmeket klikk ide! Film!Film!Film!Film!Film!Film!Film!Film!Film!Film! Film!Film!    *****    Nézz filmet messengeren! Ha szereted a filmeket klikk ide! Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!    *****    A CSILLAGJÖVÕ OLDALON RENDKÍVÜLI AKCIÓK,LEHETÕSÉGEK.A MEGRENDELÉSEK UTÁN TELJESEN INGYENES KONZULTÁCIÓ,TANÁCSADÁS.VÁRLAK    *****    Õszi manókalandok a réten! Búcsúztassátok el ti is útra kelõ madarainkat Mályvával és Pipitérrel! Gyertek a Mesetárba!    *****    | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale |    *****    Bûbájos boszorkák - Charmed - Extrák - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed - Charmed -Játékok    *****    Infrashape Horizontal fittness stúdió Debrecen    *****    WISE-VOGUE | SZISSZ ÉS KLAU BLOGJA TERMÉKTESZTEKKEL, TIPPEKKEL, ÖTLETEKKEL A MINDENNAPOKRA // WISE-VOGUE // WISE-VOGUE    *****    * GP Life * Webes hírek * Nem csak gportálos oldalaknak * GP Life * Webes hírek * Nem csak gportálos oldalaknak *