Cikkajánló
Mára is hoztam egy WordPress témát. Kivettem a WordPress témás modult a regisztráltak közül, így bárki megtekintheti vagy letöltheti azt. Egyébként hihetetlen, hogy mennyivel hamarabb össze lehet dobni egy
Ha használtatok már valaha például fejléces menü kódot vagy hasonló kódokat, amikkel helyzeteket lehet változtatni, akkor a következő leírás nem lesz idegen a számotokra. Azért írtam, hogy ha pl.
Hoztam még kettő darab Sosugary galéria témát, hogy ne csak egy darabból tudjatok válogatni, hanem mindjárt háromból :) A CSS kód átírása egyébként nagyon egyszerű. Kiírtam minden fontos kód
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
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.

lindadesign Hozzászólások
591 megtekintés

Hozzászólások