Cikkajánló
Már is belevágok a közepébe. Remélem kisebb kárpótlás lesz ez a segítség sorozat, ha már az oldalam költöztetése miatt nem igazán maradt időm frissítéseket is hozni. Egy pár design
Hat hónap után végre kicsit felfrissítettem az oldalam kinézetét. Eltartott egy darabig mire megálmodtam, hogy hogyan nézzen ki. Eléggé egyszerűre sikeredett, de nekem tetszik. Ez által megismertem kettő darab
Készítettem egy újabb ingyenes .psd fejlécet, amit bárki letölthet és felhasználhat forrás megjelölésével természetesen. A fejléc innen tölthető le: PSD – Photoshop fejlécek   megnézem teljes nagyságban Kapcsolódó bejegyzések
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
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
756 megtekintés

Hozzászólások