Figyelmeztesd te is a felhasználóidat, hogy frissítsék a böngészőjüket

Úgy néz ki, hogy a mai napon is fejlődött valamicskét az oldal, a drupal.hu oldal mintájára készítettem az oldal tetejére egy kis promóciós feliratot és frissítés kezelőt egyben. Ráadásul ilyet te is csinálhatsz a saját oldaladra! Jelenleg ezeket tudja

• Figyelmezteti azokat a felhasználókat, akik nem a legfrissebb Operát használják és emiatt biztonsági kockázatnak lehetnek kitéve. (Az Opera összeállítását lehet ellenőrizni) Windows operációs rendszeren le lett tesztelve, Linuxon hamarosan, a Mac OS X-et viszont sajnos nem, de bízok benne, hogy ott is menni fog.
• Akik a legfrissebb Operát használják, azoknak az Opera támogatására buzdító szöveg jelenik meg.
• Az Internet Explorer, Firefox és Safari felhasználók böngésző specifikus üzenetet kapnak. Ezekre a szövegekre nyugodtan jöhetnek ötletek.

Ha tetszik az ötlet, akkor te is beillesztheted az oldaladba azt a két sort, ami ezt csinálja!

A beillesztendő kódokat az Opera támogatási lapon találod.

Érdemes tudni, hogy a beillesztendő kód két részletből áll: egy stílusfájlból és egy javascriptből. A javascript fájl útvonalát semmiképpen ne változtasd meg (úgy, hogy elmented és feltöltöd a saját tárhelyedre), mert nagy valószínűséggel te nem fogod átírogatni minden Opera frissítésnél az összeállítási számokat, ennek hiányában pedig hibás szövegeket fog megjeleníteni. A stílus fájl már más tészta. Ha egyik példa kód kinézete sem tetszik, mert nem passzolnak az oldaladhoz, akkor szóljál és én elkészítem, de ha te is megbirkózol vele, akkor  írhatsz saját stílus fájlt. 

Itt van egy kis segítség a stílusfájl átszerkesztésére, hogy a te oldaladhoz passzolót is egyszerűen tudjál készíteni. Mindössze ennyiből áll a formázás, a sorok utáni megjegyzések szerintem elég érthetőek, de ha mégsem, akkor kérdezzél. A színeket - amiket megszeretnél változtatni - mondjuk ezzel a minialkalmazással választhatod ki.

#operapromocio {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        height: 25px;
        line-height: 20px;
        font-size: 10px;
        font-weight: 700;
        font-family: "Lucida Sans Unicode";
        z-index: 100;
        opacity:0.7; /* A háttér átlátszósága, amikor még nincs az egér a terület fölött*/
      }
      #operapromocio a {
        padding: 5px 5px 5px 25px;
        background: #f5f5f5; /*A terület háttere*/
        background-image: url("http://www.opera-bongeszo.com/sites/default/files/kepek/opera-logo-pici.png");
        background-position: 2px 4px;
        background-repeat: no-repeat;
        border: solid 1px #ffffff; /*A területnek a kerete: folyamatos vonal, 1px vastag és ffffff, azaz fehér színű*/
        border-top-width: 0;
        text-decoration: none; 
        font-weight: bold;
        color: #AC2A27; /*A betü színe*/
      }
      #operapromocio:hover{
      opacity:0.9; /*A háttér átlátszósága ha az egér a terület fölött van*/
      }

Óhaj, sóhaj, bánat, panasz, észrevétel, ötlet hozzászólásban jöhet.