AR Design
CSS
CSS : Menü/Friss kiírás táblázattal és CSS-vel

Menü/Friss kiírás táblázattal és CSS-vel


Demó:

ide jön dátum stb
ide jön a szöveg vagy a kép ide jön a szöveg vagy a kép ide jön a szöveg vagy a kép ide jön a szöveg vagy a kép

Kettő kódra van szükségünk, az egyik a táblázat, a másik pedig a CSS.

Táblázat:
Ezt a kódot annak a modulnak a forráskódjába kell beillesztened, amelyikbe szeretnéd a menüt / frissítést kirakni. A beillesztés után visszatérhetsz rendes szerkesztői nézetbe, ahol látni fogsz két cellát egymás alatt. Értelemszerűen az elsőbe megy a menü neve, vagy a frissítés neve, dátuma; a másodikba pedig a tartalmi rész. Kód:

<table>
    <tbody>
        <tr>
            <td class="friss1">ide jön dátum stb</td>
        </tr>
    </tbody>
</table>
<table>
    <tbody>
        <tr>
            <td class="friss2">ide jön a szöveg vagy a kép ide jön a szöveg vagy a kép ide jön a szöveg vagy a kép ide jön a szöveg vagy a kép</td>
        </tr>
    </tbody>
</table>

CSS:
A CSS kódban tudjuk megadni a menünk / frissítésünk kinézetét. Ha jól megfigyelted az előbbi táblázat kódban van kettő "class" rész, ezek a CSS-ben is megtalálhatóak. A "friss1" vonatkozik a menü / frissítés címére, dátumára stb; a "friss2" pedig a tartalmi részre. Ezt a kódot legcélravezetőbb jobb/bal oldalon lévő egyszerű modul forráskódjába rakni, így ha több helyre is beilleszted a táblázat, nem kell mindig újra elkészíteni hozzá a CSS-t. A kódban lévő magyarázatot nem kell kitörölnöd, a kód így is működik. Kód:

<style type="text/css">

td.friss1             /* menü vagy frissítés címe */
{width: 400px;    /* szélesség */
 height: 15px;    /* magasság */
 background-color: #cccccc;    /* háttérszín */
 font-size: 9px;   /* betűméret */
 font-color: #000000}  /* betűszín */

td.friss2             /* tartalmi rész */
{width: 400px;   /* szélesség */
 background-color: #F0F8FF;   /* háttérszín */
 font-size: 10px;   /* betűméret */
 font-color: #000000}   /* betűszín */

</style>

Természetesen több tulajdonság is megadható (betűtípus, keret stb.).

 
Menü Plusz

 Üdvözlés
 Regisztráció
 Bejelentkezés
 Honlaptérkép
 Oldal: infó, vk
  AR mackók
 Szabályzat
 Hirdess ingyen!
 Linkcserék
 Buttoncserék
 ALL szövetség

 
AR ajánló

 Design-szettek
 CSS kódok
 Üzenőfal portálodra
 Több kinézet CSS-vel
 Képváltós menü
 Kérdezz-Felelek script
 Különleges frissítés
 Egy modulban több
 Képeffekt CSS-vel
 CSS magyarázat
 Különleges modulstílus
 Különleges modulstílus div

 
Chat


 
Online
2 látogató van itt
 
   
                                   

 

                                                              


Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre