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
226 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ő

Táblázat alakítása CSS-sel

Előfordul, hogy több táblázatot is használsz az oldaladon, és szeretnéd, hogy a táblázatok egységesen nézzenek ki, de ne kelljen őket külön-külön a modulban szerkeszteni. Erre találták fel a CSS kódot :)
Ez a leírás azt mutatja be, hogy egy kész táblázatot hogyan tudsz CSS-hez rendelni.
 

LindaDesign
Linkes szöveg kinézete
Tartalom kinézete a táblázatban Háttér a cellának


Az én táblázatomnak ez a kódja:
 

<table>
    <tbody>
        <tr>
            <td class="tartalom">
                <a href="http://www.aranymeli.gportal.hu">LindaDesign</a><a href="http://www.atispeedway.gportal.hu/"><br />
          </a>Linkes szöveg kinézete</td>
            <td class="tartalom">
                Tartalom kinézete a táblázatban </td>
            <td class="bg_tartalom">
                Háttér a cellának </td>
        </tr>
    </tbody>
</table>


Csak egy sima táblázatkód mindenféle értékek nélkül. Ugyanis az értékeket a CSS kódban adjuk meg. A te táblázatod kódjában annyit kell tenned, hogy a td után be kell másolnod egy class-t, amitől majd a CSS kód fog tudni rá hatni. Példa:  <td class="tartalom">értelemszerűen ide jön majd a szöveged</td>. A táblázat kódjában is kiemeltem, hogy miről is van szó pontosan. Nem muszáj neked is pont ezeket a class neveket adni. A tartalom helyett bármilyen másik szót is kitalálhatsz és azt írd oda. Csak arra vigyázz, hogy akkor, ami nálam a CSS kódban tartalom név alatt fut, azt neked át kell írnod arra, amit te adtál meg nevet.
 

<td class="bg_tartalom"> Mint látható van egy class, aminek nem csak simán tartalom a neve. Ez azért van, mert azt szerettem volna, hogy csak egy cellának legyen háttere, ne az összesnek így neki eltérő class nevet kellett megadni. Ennek a CSS-ben is külön kódot kell írni ilyenkor.
 

A CSS kód
 

<style type="text/css">
/* táblázatos menü */
.tartalom { /* a cellák háttere, betűmérete, betűtípusa */
    font-family:Arial, Helvetica, sans-serif;
    background-color: #F3F3F3;
    padding: 6px;
    font-size: 15px;
    text-align: center;
    color: #3A3A3A;
    width: 205px;
}
.tartalom a:link, .tartalom a:visited { /* a cellában a linkek betűtípusa, betűmérete */
    font-family:Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #D32724;
}
.tartalom a:hover { /* a cellában a linkek betűtípusa, betűmérete, ha ráviszed az egeret */
    font-family:Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
}
.bg_tartalom { /* a háttérrel ellátott cella kinézete */
    color: #3A3A3A;
    text-shadow: 1px 1px 1px #ffffff;
    background-color: transparent;
    background-attachment: fixed;
    background-image: url(http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1261824073_45.gif);
    background-repeat: repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-align: center;
    width: 205px;
}
-->
</style>


1 118 megtekintés

Hozzászólások