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
 
   
                                   

 

                                                              


Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    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.    *****    Gigágá! Márton napján is gyertek a Mesetárba! Nemcsak libát, de kacsát is kaptok! Játsszatok velünk!    *****    A Nintendo a Nintendo Music-kal megint valami kiváló dolgot hozott létre! Alaposan nagyító alá vettem, az eredmény itt.    *****    Leanderek, Parfümök, Olajok, és Szépségápolási termékek! Használd a LEVI10 kupont és kapj 10% kedvezményt!Megnyitottunk    *****    Megjelent a Nintendo saját gyártású órája, a Nintendo Sound Clock Alarmo! Ha kíváncsi vagy, mit tud, itt olvashatsz róla    *****    Megnyílt a webáruházunk! Parfümök, Szépségápolási termékek, Olajok mind egy helyen! Nyitási akciók, siess mert limitált!    *****    Az általam legjobbnak vélt sportanimék listája itt olvasható. Top 10 Sportanime az Anime Odyssey-n!    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Megnyílt a webáruházunk! NYITÁSI AKCIÓK! Tusfürdõ+Fogkrém+Sampon+Izzadásgátló+multifunkcionális balzsam most csak 4.490!    *****    Új mese a Mesetárban! Téged is vár, gyere bátran!    *****    Veterán anime rajongók egyik kedvence a Vadmacska kommandó. Retrospektív cikket olvashatsz róla az Anime Odyssey blogban    *****    Parfümök, Olajok, Párologtatók mind egy weboldalon! Siess mert nyitási AKCIÓNK nem sokáig tart! Nagy kedvezmények várnak    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Aki érdeklõdik a horoszkópja után, az nem kíváncsi, hanem intelligens. Rendeld meg most és én segítek az értelmezésben!    *****    A Múzsa, egy gruppi élményei a színfalak mögött + napi agymenések és bölcseletek    *****    KARATE OKTATÁS *** kicsiknek és nagyoknak *** Budapest I. II. XII.kerületekben +36 70 779-55-77    *****    Augusztus 26-án Kutyák Világnapja! Gyertek a Mesetárba, és ünnepeljétek kutyás színezõkkel! Vau-vau!    *****    A horoszkóp elemzésed utáni érdeklõdés, nem kíváncsiság hanem intelligencia. Rendeld meg és nem fogod megbánni. Katt!!!    *****    Cikksorozatba kezdtem a PlayStation történelmérõl. Miért indult nehezen a Sony karrierje a konzoliparban?