2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
227 napja
553 néző

WordPress themes

WordPress themes
228 napja
177 néző

G-Portál themes

G-Portál themes
228 napja
103 néző

Tumblr themes

Tumblr themes
228 napja
153 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.


671 megtekintés

Hozzászólások