2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Kiemelt képre cím kóddal Blog modulban

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!


853 megtekintés

Hozzászólások