2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Eltérő idézetblokk a modulokban

Hoztam kettő darab idézetblokk kódot. Ezek a a kódok arra szolgálnak, hogy a szélső modulban és a fő modulban lévő idézetblokkok a G-Portálon különbözőek lehessenek. Lásd a képen a példát.
 


 

Szélső modulhoz idézetblokk kódja
 

.column_side_td blockquote {
    background: #D9E6B0;
    font-family: Arial;
    font-size: 13px;
    color: #000000;
    text-align: justify;
    padding: 5px;
    margin-left: 0px;
    margin-right: 0px;
}


Középső modulhoz idézetblokk kódja
 

.column_main_td blockquote {
    background: #ACC964;
    font-family: Arial;
    font-size: 13px;
    color: #687C29;
    line-height: 20px;
    text-align: justify;
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
}


Kód magyarázata
 

background – idézetblokk háttérszíne
font-family – idézetblokkban a betűtípus
font-size – idézetblokkban a betűméret
color – idézetblokkban a szöveg színe
text-align – szöveg elhelyezkedése. justify: sorkizárt, de lehet jobbra (right), balra (left) vagy középre (center) is igazítani
padding – szöveg és a háttér széle közötti távolság
margin-left: 0px – idézetblokk igazodik a modul szélességéhez.
margin-right: 0px – idézetblokk igazodik a modul szélességéhez.


607 megtekintés

Hozzászólások