|
Kiemelt kp a blogmodulban
2019.08.22. 09:17
A kiemelt kp segtsgvel mg egyedibb s szebb tehetitek a legjabb bejegyzseket. Ezeket inkbb rajongi oldalakon szoktk hasznlni, de szerintem blogon is pp olyan jl mutat.:)
Hasznlata rendkvl egyszer:
-
Elsnek ki kell vlasztanod egy kpet, s azt mretre vgni. A kiemelt kp magassgt Te hatrozod meg a kdban (jelenleg 280 px), a szlessgnl pedig a kd alapjraton levgja a felesleget, viszont rdemes arnyban jl vgni a kpet. Ez fgg a kzps modul szlessgtl, a hagyni kvnt kerettl. (n a blogon a 280px magas s 600px szles kpeket szoktam hasznlni.)
-
Mikor az j bejegyzsed rod, megjelenik a cmkk megadsnl egy Kiemelt kp: szekci, ahov az ltalad kivgott kp URL cmt kell beilleszteni - fel kell tlteni egy trhelyre.
-
Fontos, hogy a kd a kiemelt kpet a bejegyzs cmnek httereknt tekinti, s a kp magassga fogja "eltolni" a cmet a kvetkez bejegyzs cmkitl s a dtumtl. Teht, ha mondjuk egy bejegyzshez nem teszel kpet, knnyen sszemosdik a cm egy kvetkez bejegyzssel. Ilyenkor rdemes lehet egy sima, tltsz htteret berakni, hogy legalbb az eltols meglegyen.
-
Szintn fontos, hogy a megjelens akkor fog megfelelen mkdni, ha a blogmodulban a cmkk s a dtum is alulra van lltva!
A CSS kdunkban mindssze nhny rszt kell beilleszteni s kiptolni. A blogmodul rsznl a kvetkez rtkeket kell berni:
table[module_id*="36699959"] <- ide a sajt blogmodulod URL cmnek vgn tallhat szmsor jn
.modtitle {
display: none;
}
table[module_id*="36699959"]<- ide a sajt blogmodulod URL cmnek vgn tallhat szmsor jn
.modtitle {
.modbody {
background: transparent !important;
position: relative;
top: 0px;
border: 0px !important;
}
table[module_id*="36699959"]<- ide a sajt blogmodulod URL cmnek vgn tallhat szmsor jn
.modtitle {
.modbottom {
background: transparent!important;
display: none!important;
margin-bottom: 0px;
padding-left: 0px;
}
div[id*="post_"] h2, div[id*="post_"] h2:hover { /* blog cmnek kinzete */
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; <- bejegyzs cmnek szlessge
padding: 10px 0 10px 0; <- keret fell s alul
margin: 0px auto !important;
margin-top: -50px !important;
margin-bottom: 30px !important; <- a kp eljtl szmtott eltols
}
/* kiemelt kp = //framework.gportal.hu */
.featuredImage {
height: 280px; <- kp magassga
background-size: cover;
}
A lblcbe a kvetkez scriptet kell beilleszteni:
<script title="Kiemelt kp" src="/portal/framework/upload/766182_1466600166_02284.js" charset="UTF-8"></script>
|
AJÁNLOM AZ OLDALT
