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:

• Kiemelt kép blogcímnek
• Kiemelt kép végigér a modulban
• Kiemelt képre nem hat a képeffekt

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 125 megtekintés