Cikkajánló
Sziasztok! Már eléggé ideje volt új kinézetet varázsolnom az oldalamra azt hiszem, így ezen a hétvégén szántam rá egy kis időt. Nem vittem túlzásba a dolgot. Nem akartam semmi
Sziasztok :) Csak, hogy ne teljen el úgy hét, hogy nem hozok legalább egy darab prémium témát, így mára is készítettem egyet. Annyira imádom Sophie ezen fotósorozatát, hogy nem
Hoztam egy újabb ingyenes WordPress sablont. A sablon akkor lesz pontos mása az enyémnek, ha letöltés után ezt használjátok. Ne azt csináljátok, hogy ebből a sablonból átmásoltok a ti
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
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!

lindadesign Hozzászólások
819 megtekintés

Hozzászólások