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.

870 megtekintés