ramka - Kurs HTML i CSS
Indeks, wyszukiwarka / Ramka...będzie podać ramkę, do której mają być wczytywane dokumenty z indeksu. Należy to zrobić w pliku indeks_hasla.js: var indeks = new Indeks('indeks', ramka); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] )); Możliwe wartości: self Wartość domyślna - wczytanie nastąpi do aktualnej ramki. Jest to przydatne w następujących przypadkach: serwis w ogóle nie składa się z ramek (wtedy w ogóle można pominąć ten argument albo wpisać null) strona z...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
...Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Indeks(id, ramka) { this.id = id; if (typeof ramka == 'undefined') this.ramka = self; else if (typeof ramka == 'string') { if (ramka == '_blank') this.ramka = ''; else if (ramka == '_self') this.ramka = self; else if (ramka == '_parent') this.ramka = parent; else if (ramka == '_top') this.ramka = top; else this.ramka = ramka; }...
- Aktualizacja / System newsów
...autor 'email': '', // e-mail 'img': '', // obrazek 'width': '', // szerokość obrazka 'height': '', // wysokość obrazka 'target': '' // ramka (target="...") ////////// }; this.il_dni = typeof days != 'undefined' ? days : this.config['days']; var now = new Date(); var content = ''; this.dodaj = function(dzien,miesiac,rok, tytul,tresc, adres,ramka, dodal,email, obraz,width,height) { if (!this.il_dni || (now - new Date(rok, miesiac-1, dzien))/(24*60*60*1000) <...
Obramowanie CSS / Obramowanie obrazkowe {border-image-source}...powielony w pionie, więc wystarczy, żeby miał wysokość 1px): Wykonanie ramki graficznej wymaga użycia następujące go kodu HTML: <div class="ramka"> <div class="ramka_pojemnik"> <div class="ramka_zawartosc"> ... </div> </div> </div> ...oraz CSS: .ramka { background: url(obramowanie.gif) no-repeat top; padding-top: 12px; width: 200px; } .ramka_pojemnik { background: url(obramowanie2.gif) no-repeat bottom; padding-bottom: 12px; } .ramka_zawartosc { background: #92C892...
Komendy HTML 4.01 / IFRAMEPływająca ramka (lokalna). Pomiędzy znacznikami znajduje się treść dla przeglądarek, które nie obsługują ramek. Tylko Transitional DTD! Zobacz więcej... Atrybuty: ALIGN="ustawienie" Poziome ustawienie (wyrównanie) z uwzględnieniem otoczenia (zdeprecjonowane): center - wyśrodkowanie justify - wyrównanie do obu marginesów jednocześnie left - wyrównanie do lewej right - wyrównanie do prawej CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone...
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
...Wszystkie powyższe deklaracje można ze sobą dowolnie łączyć. Na przykład jeśli w arkuszu stylów umieścimy następującą definicję klasy: .ramka { background-color: silver; padding: 10px; border-width: 1px; border-style: solid; border-color: gray; border-radius: 5px; } a następnie w dowolnym dokumencie HTML wstawimy taki kod: <div class="ramka">To jest przykład ramki z tekstem...</div> to na stronie otrzymamy: To jest przykład ramki z tekstem... Możemy również zrezygnować...
- Komendy HTML 4.01 / FRAME
...do elementu, które muszą być rozdzielone białymi znakami FRAMEBORDER="obramowanie" Informacje na temat obramowania: 0 - pomiędzy sąsiadującymi ramkami nie będzie separatora 1 - separator pomiędzy sąsiadującymi ramkami ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LONGDESC="adres" Odnośnik do długiego opisu ramki MARGINHEIGHT="piksela" Wysokość górnego i dolnego marginesu w ramce (w pikselach) MARGINWIDTH="piksele...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...allow-same-origin - zezwala odczytywać ciasteczka przeglądarki (ang. cookie) oraz dane użytkownika z innych podobnych mechanizmów. Oczywiście jeśli ramka pochodzi z zewnętrznej domeny, będzie miała dostęp tylko do swoich ciasteczek, a nie do danych z naszego serwisu. allow-scripts - zezwala na uruchamiania skryptów JavaScript. allow-top-navigation - pozwala na używanie atrybutu target="_top" dla odnośników. allow-top-navigation-by-user-activation - pozwala na używanie atrybutu...
- Widżety HTML / Ostrzeżenie przed ramką
...BODY [zobacz: Ramy dokumentu] następujący kod: <script> if (self == parent) document.write('<div align="center"><b>UWAGA!</b> To jest tylko ramka - wróć do <a href="index.html"><b>STRONY GŁÓWNEJ</b></a></div><hr><br><br>'); </script> gdzie w miejsce tekstu "index.html" należy podać lokalizację na dysku, gdzie znajduje się strona startowa. W efekcie, jeśli strona zostanie wczytana poza ramkami, na ekranie zostanie wyświetlony tekst z odsyłaczem: "UWAGA! To jest tylko ramka...
- Komendy HTML 4.01 / Wykaz elementów
Element Znacznik otwierający/ zamykający Wyświetlanie Opis A wymag/wymag w linii Kotwica ABBR wymag/wymag w linii Forma skrócona ACRONYM wymag/wymag w linii Akronim ADDRESS wymag/wymag w bloku Informacje o autorze APPLET wymag/wymag w linii Aplet AREA wymag/zabr Obszar w mapie odnośników klienta B wymag/wymag w linii Tekst pogrubiony BASE wymag/zabr Adres bazowy BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag...