Cikkajánló
Elérkeztünk a Honlapverseny első fordulójának a végéhez. Itt azokra a honlapokra lehetett szavazni, akik nem kerültek be az első 10 közé, ami már csak 9, mert azóta egy oldal
Megszületett a honlapverseny eredményhirdetése. Az első 3 helyezett sok-sok nyereménnyel lett gazdagabb. Részletes végeredmény nincsen. Akik nem kerültek be az első 3-ba, azok holtversenyben mind a 4. helyen végeztek
Elkészültek kérésre a leírások. Egy kérés volt igazából a Sosugary Coppermine galériához, de ebből kifolyólag eszembe jutott még kettő hasznos leírás, így azokat is megcsináltam. :) Amit kértetek leírás,
Prémium téma | Ellie Goulding G-Portálos téma WordPress | Bejegyzés nem jelenik meg a főoldalon Gal Gadot G-Portálos téma Emilia Clarke G-Portálos téma Cole Sprouse 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
589 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