2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Coppermine Gallery themes

Coppermine Gallery themes
16 napja
24 néző

WordPress themes

WordPress themes
17 napja
26 néző

G-Portál themes

G-Portál themes
17 napja
12 néző

Tumblr themes

Tumblr themes
17 napja
25 néző

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.


638 megtekintés

Hozzászólások