Ha még nem tudod, hogy mi az a kiemelt kép G-Portálon a Blog modulban, akkor ezeket a leírásokat előtte ajánlott elolvasni:
Eddig 95%-ban úgy oldottuk meg a a cím kérdését, hogy egy képszerkesztővel rászerkesztettük a kiemelt képre a címet és már úgy lett feltöltve a képtárba és bemásolva a cím helyére.
Már többen kérdeztétek, hogy azt hogyan lehet megcsinálni, hogy ne képszerkesztővel legyen ráírva a képre a cím, hanem kódolással, így elhoztam a legegyszerűbb változatot. Szóval ezentúl a képeket simán üresen kell feltölteni a képtárba és beilleszteni azt a Blog modulban a Cím mezőbe. Ez után az Alcím mezőbe pedig beírjuk a blogbejegyzésünk címét, amit pedig CSS kóddal formázunk és a helyére illesztünk ugyanúgy, mint pl. a címkéket vagy a dátumot is tudjuk mozgatni.
Erről itt olvashattok bővebben.
A CSS kód pedig ez az Alcímhez:
div[id*="post_"] .txtbold { /* blog alcíme */
background-color: #ffffff;
font-style: normal !important;
font-family: Arial;
font-size: 14px;
color: #5C436E;
font-weight: bold !important;
text-transform: uppercase;
text-align: center;
text-shadow: 1px 1px 1px #C4B5C8;
margin-top: -45px !important;
padding: 6px 15px !important;
position: absolute;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
}
Kiemeltem benne azokat a sorokat, amik a cím helyzetét adják meg. Nem muszáj pont a kép szélére tenni a címet. Lehet a kép közepén, tetején vagy a jobb oldalon is. Bárhova tehetitek a kiemelt képen. A végeredmény pedig ez lett nekem:
kattints a képre a nagy mérethez!
1 530 megtekintés