A kiemelt k�p seg�ts�g�vel m�g egyedibb� �s szebb� tehetitek a leg�jabb bejegyz�seket. Ezeket ink�bb rajong�i oldalakon szokt�k haszn�lni, de szerintem blogon is �pp olyan j�l mutat.:)

Haszn�lata rendk�v�l egyszer�:

• Els�nek ki kell v�lasztanod egy k�pet, �s azt m�retre v�gni. A kiemelt k�p magass�g�t Te hat�rozod meg a k�dban (jelenleg 280 px), a sz�less�g�n�l pedig a k�d alapj�raton lev�gja a felesleget, viszont �rdemes ar�ny�ban j�l v�gni a k�pet. Ez f�gg a k�z�ps� modul sz�less�g�t�l, a hagyni k�v�nt kerett�l. (�n a blogon a 280px magas �s 600px sz�les k�peket szoktam haszn�lni.)
• Mikor az �j bejegyz�sed �rod, megjelenik a c�mk�k megad�s�n�l egy Kiemelt k�p: szekci�, ahov� az �ltalad kiv�gott k�p URL c�m�t kell beilleszteni - fel kell t�lteni egy t�rhelyre.

• Fontos, hogy a k�d a kiemelt k�pet a bejegyz�s c�m�nek h�tterek�nt tekinti, �s a k�p magass�ga fogja "eltolni" a c�met a k�vetkez� bejegyz�s c�mk�it�l �s a d�tumt�l. Teh�t, ha mondjuk egy bejegyz�shez nem teszel k�pet, k�nnyen �sszemos�dik a c�m egy k�vetkez� bejegyz�ssel. Ilyenkor �rdemes lehet egy sima, �tl�tsz� h�tteret berakni, hogy legal�bb az eltol�s meglegyen.
• Szint�n fontos, hogy a megjelen�s akkor fog megfelel�en m�k�dni, ha a blogmodulban a c�mk�k �s a d�tum is alulra van �ll�tva!

A CSS k�dunkban mind�ssze n�h�ny r�szt kell beilleszteni �s kip�tolni. A blogmodul r�szn�l a k�vetkez� �rt�keket kell be�rni:

table[module_id*="36699959"] <- ide a saj�t blogmodulod URL c�m�nek v�g�n tal�lhat� sz�msor j�n

.modtitle {

    display: none;

}

table[module_id*="36699959"]<- ide a saj�t blogmodulod URL c�m�nek v�g�n tal�lhat� sz�msor j�n

.modtitle {

.modbody {

    background: transparent !important;

    position: relative;

    top: 0px;

    border: 0px !important;

}

table[module_id*="36699959"]<- ide a saj�t blogmodulod URL c�m�nek v�g�n tal�lhat� sz�msor j�n

.modtitle {

.modbottom {

    background: transparent!important;

    display: none!important;

    margin-bottom: 0px;

    padding-left: 0px;

}

div[id*="post_"] h2, div[id*="post_"] h2:hover {  /*  blog c�m�nek kin�zete */

    font-family: 'Playfair Display', serif;

    color: #7d988e;

    background: #ffffff;

    font-size: 15px !important;

    text-align: center !important;

    font-weight: normal !important;

    font-style: normal !important;

    text-transform: uppercase;

    letter-spacing: 1px;

    width: 560px; <- bejegyz�s c�m�nek sz�less�ge

    padding: 10px 0 10px 0; <- keret fel�l �s alul

    margin: 0px auto !important;

    margin-top: -50px !important;

    margin-bottom: 30px !important; <- a k�p elj�t�l sz�m�tott                      eltol�s

}

 

/* kiemelt k�p = //framework.gportal.hu */

.featuredImage {

    height: 280px; <- k�p magass�ga

    background-size: cover;

}

A l�bl�cbe a k�vetkez� scriptet kell beilleszteni:

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