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


A csillagjövõ asztrológia portálon akció! Születési horoszkóp + 3 év elõrejelzés + Párkapcsolati elemzés 2000 Ft. katt!    *****    Szereted a humort, jó zenéket? Szeretnél ilyen mûsorban részt venni? Keress oldalamon!    *****    "Revealing the truth is like setting a match on fire. It can bring light or set your world on fire." | PROJECT D.C.    *****    PROJECT DC egy futurisztikus-disztópikus SZEREPJÁTÉK! Bármikor szívesen látjuk a csatlakozókat!    *****    Ne maradj le semmirõl, értesülj elsõ kézbõl a Selena Gomezzel kapcsolatos hírekrõl! Hat éve várja a látogatókat az oldal    *****    Református exmisszus-gyakornok, jégkorong, izomautók, rap zene. Igen, ez mind én vagyok! Hogyan? Nézz be és megtudod! :)    *****    Szeretsz írni? Lenne egy jó témád, amit megosztanál másokkal? Akkor kattints, és nyerj egy vendégposztot nálam! :)    *****    Kedveled Ian Somerhaldert? Odáig vagy a szépséges színésznõért, Nina Dobrevért? Kattints! Nem csak TVD rajongóknak!    *****    Szeretsz filmet nézni? Akkor itt a helyed! Nézz filmet facebook messengeren. Klikk ide!!!!    *****    MAYFLOWER / egy májusban született lány blogja / MAYFLOWER / egy májusban született lány blogja / MAYFLOWER    *****    DESIGN KÉSZÍTÕT KERESEK! 100 KREDIT ÉS MEGJELENÉS JÁR ÉRTE! DESIGN KÉSZÍTÕT KERESEK! 100 KREDIT ÉS MEGJELENÉS JÁR ÉRTE!    *****    ***Egy blog. Egy lány. Egy élet.*** Ðzsí blogol. *G-PORTÁL KÖZÖSSÉGMENTÉS ugyanitt. Ha hiányzik a régi közösség.*BLOG***    *****    Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok    *****    Nézz filmet facebook messengeren!!!! Klikk! Klikk!    *****    ONMYMIND \\ EGY ÁTLAGOS SRÁC BLOGOL MINDENRÕL AMI ESZÉBEJUT \\ ZENE, CIKKEK, KRITIKA? KATTINTS ÉS OLVASS MOST KEDVEDRE    *****    **********Rengeteg AKCIÓ! Vegyszermentes kozmetikmok és bio mosó és tisztítószerek, munkalehetõséggel! ***********    *****    OKTATÁS INGYENESEN az ASZTRO-suliban, Asztrológiai tanácsadás BECSÜLET KASSZÁS alapon! Fordulj hozzám bizalommal!    *****    Bûbájos boszorkák - Charmed - Hírek a folytatásról - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed -    *****    LORDE * ISMERD MEG TE IS A ROYALS ÉNEKESNÕJÉT * LORDE * ISMERD MEG TE IS * LORDE * ISMERD MEG TE IS A ROYALS ÉNEKESNÕJÉT    *****    Re-Startoltunk! Egy SZEREPJÁTÉK, amelybe bármikor becsatlakozhatsz! Légy te is Hõs! Hõsregék RPG