Cikkajánló
Az én oldalamon is lehet látni a kategóriák sorában, hogy mennyien tekintettek meg már egy adott cikket vagy oldalt. Erről a bővítményről írok pár sort, mert többet nem is
Elég régen nem hoztam már menüstílusokat és project dobozokat, így ma mivel volt némi időm hoztam két-két darabot. Nekem nagyon tetszik mindegyik :) A két project doboz majdhogynem megegyezik
Sosem hittem volna, hogy elérkezik valamikor az a nap, hogy elköltöztetem a honlapomat G-Portálról. Nagyon régóta ott motoszkált az agyamban valahol hátul, hogy esetleg mi lenne, ha…, de aztán
Emma Roberts G-Portálos téma Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák
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>

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

Hozzászólások