Villám Blogtipp: Egyedi bejegyzésképek
2016.07.07. 20:20, Chantalle
Nagyon sok ember kísérletezik azzal a hogy a legmegfelelőbbre szerkessze össze a blogja bejegyzéseinek a képet, akarom mondani magát a "kiemelt képet". Van rá egy nagyon egyszerű technika amivel az egészet designfüggetlenné teheted. Ezt szeretném most nektek bemutatni.
Két alapvető összetevője van a módszernek:
Transparent!
Fontos mozzanata a dolognak hogy olyan képet szerkesszünk amiben van átlátszó szakasz, lehet ez maga a szöveg is, vagy akár a kis doboz amibe a szöveget írod, vagy a kerete is, lényeg a lényeg alkossatok egy sémát, ami tartalmaz ilyen szakaszokat.
Doboz!
Milyen király lenne ha a képed lehetne fekete fehér, és mégis színes pattern-es kerete lenne, és mondjuk csak annak a képnek amelyiknek te akarod. És ha másik design-t csinálsz, máris más minta vagy szín kerülhet az előzőnek a helyébe. Csábító nem? Ha csak magát a képet effektezed, minden fekete fehér lesz meg ilyesmi. A megoldás egy dobozka beszúrása, amiben magát a képet tárolod, ezáltal egyedileg formázhatod a képet is és a dobozt is, és így egy fekete-fehér képek alatt az átlátszó részek maradhatnak mintásak is. Lehet ez div táblázat vagy szinte bármi amit akarsz.
Így néz ki a kiemelt képed a blogbejegyzésben:
<div id="kiemelt"><img src=""></div>
A CSS-ben pedig így formázhatod a képet(#kiemelt img), és a dobozt(#kiemelt):
#kiemelt {
background: green;
border: 3px solid red;}
#kiemelt img{}
Így a képed egyedi lesz, de mégis igazodhat az adott design-hez, innentől kezdve csaka képzelet meg a CSS nyújtotta lehetőségek szabhatnak határt!
AJÁNLOM AZ OLDALT
Súgó