Cikkajánló
Általában a lapozást is mindenki bővítménnyel oldja meg. Viszont én amit lehet szeretek kóddal megoldani, mert a túl sok bővítmény lassíthatja a honlapot. Plusz kevesebb macera, mert nincs mit
Ezekben a hetekben összegyűlt egy csomó .png képem, amiket ma feltöltöttem a galériába. Ezek az albumok frissültek:   Amanda Seyfried – új album 20db Beyonce – 8 darab Demi
Jó sok kérdést kaptam már arról, hogyan lehet a G-Portálon úgy kinézetet készíteni, hogy a szélső és középső modulok a lap alján egyforma hosszúak legyenek. Volt már szó ezekről
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma
2017. május. 22.
Átlátszó modul, ami csak a modulra hat

Már többször kérdeztétek tőlem, hogy meglehet-e azt csinálni, amikor átlátszó modult használtok, hogy csak a modul legyen átlátszó, de a benne lévő tartalom vagy kép az ne. A válasz az, hogy igen meglehet csinálni, és ennek most el is hoztam a leírását. Teljesen egyszerű az egész. Annyi a változtatás az eddigiekhez képet, hogy a CSS kódban a background-color részhez nem a HTML színkódot kell írni (#000000), hanem az RGB színkódját, ami a HTML színkódnak megfelelő. Ezt például Photoshop-ban itt találjátok meg (a bekeretezett rész az). Mondjuk jó színt választottam, mert a feketének az RGB kódja pont három darab nulla, de ha másik színt választotok, akkor ott lent ez az érték nektek más lesz.

 

 

A CSS kód pedig valahogy így néz ki ekkor:
A három RGB számot egymás után vesszővel el kell választani. A negyedik érték pedig az átlátszóság értéke. Ez mind a zárójelen belül van!!! Minél nagyobb a szám, annál kevésbé átlátszó a modul.

 

.column_side_td .module .modbody {
font-size: 15px;
background-color: rgb(0, 0, 0, 0.3);
font-family: 'Rajdhani', sans-serif;
color: #CFCFCF;
line-height: 22px;
letter-spacing: 0px;
text-align: justify;
border: 1px solid #56222E;
padding: 15px 0 15px 0;
}

 

Én példának az egyik próba G-Portálos oldalamon készítettem ezt el és ennek a képét hoztam el ide, hogy lássátok, hogy csak a modul lett átlátszó, de a benne lévő tartalom az nem :)

 

Kapcsolódó bejegyzések

lindadesign
459 megtekintés

Előző, következő cikk

Bővítmény telepítése WordPress-ben

Leírom, hogy én hogyan szoktam telepíteni és használni egy WordPress bővítményt. Meg kell jegyeznem, hogy ezt ÉN szoktam így, biztos van olyan emberke, akik ezt máshogy oldják meg, mert nem ez az egyetlen megoldás erre.   Jelentkezzetek be a

Kapcsolódó bejegyzések megjelenítése WordPress-ben

Amikor rákattintunk egy cikkre, hogy teljes egészében elolvassuk, akkor sok helyen van a cikk alatt egyfajta cikkajánló. Nálam is van ilyen. Arról már írtam, hogy azt kóddal hogyan lehet előhozni. Viszont van olyan, aki a bővítményeket szereti jobban, mert

 

Hozzászólások