Prezentacje HTML Howrse: Kody HTML

Cześć!
Na tej zakładce podam Ci kody HTML, jeśli chciałbyś zrobić swoją prezentację. Jeśli jesteście nowi, to zapraszam na tego bloga : I-love-Howrse

Kod na 1 ramkę:
Obrazek:
<div style="background-image:url(link do obrazka); width: [szerokość obrazka w pixelach]px; height: [wysokość obrazka w pixelach]px; overflow: auto; margin-top: 0px; margin-left: 0px;">

Ramka:
<div style="width: [szerokość ramki w pixelach]px; height: [wysokość ramki w pixelach]px; color: rgb(0, 0, 0); overflow: auto; margin-top: [odległość ramki od górnej krawędzi obrazka w pixelach ]px; margin-left: [odległość ramki od lewej krawędzi obrazka w pixelach]px;">TEKST

Znaczniki zamykające:
</div> </div>

Kod na 2 ramki:
<div style="background-image:url(LINK DO OBRAZKA); width: [SZEROKOŚĆ OBRAZKA]px; height:[WYSOKOŚĆ]px; overflow: auto; margin-top: 0px; margin-left: 0px;">

<div style="width: [TAK SAMO JAK SZEROKOŚĆ OBRAZKA]px; height: [TAK SAMO JAK WYSOKOŚĆ OBRAZKA]px; color: rgb(0, 0, 0); overflow: auto; margin-top: 0px; margin-left:0px;">

<div style="width: [SZEROKOŚĆ RAMKI]px; height: [WYSOKOŚĆ RAMKI]px; color: rgb(0, 0, 0); overflow: auto; margin-top: [ODLEGŁOŚĆ RAMKI OD GÓRNEJ KRAWĘDZI W PIKSELACH ]px; margin-left: [ODLEGŁOŚĆ RAMKI OD LEWEJ KRAWĘDZI W PIKSELACH]px;">TEKST Tekst </div></div>

</div>

<div style="width: [SZEROKOŚĆ RAMKI]px; height: [WYSOKOŚĆ RAMKI]px; color: rgb(0, 0, 0); overflow: auto; margin-top: [ODLEGŁOŚĆ RAMKI OD DOLNEJ KRAWĘDZI OBRAZKA W PIKSELACH NA MINUSIE]px; margin-left: [ODLEGŁOŚĆ OD LEWEJ KRAWĘDZI W PIKSELACH]px;">TEKST Tekst</div>

Kod na 3 ramki:
<div style="background-image:url(LINK DO OBRAZKA); width: [SZEROKOŚĆ OBRAZKA]px; height:[WYSOKOŚĆ]px; overflow: auto; margin-top: 0px; margin-left: 0px;">

<div style="width: [TAK SAMO JAK SZEROKOŚĆ OBRAZKA]px; height: [TAK SAMO JAK WYSOKOŚĆ OBRAZKA]px; color: rgb(0, 0, 0); overflow: auto; margin-top: 0px; margin-left:0px;">

<div style="width: [SZEROKOŚĆ RAMKI]px; height: [WYSOKOŚĆ RAMKI]px; color: rgb(0, 0, 0); overflow: auto; margin-top: [ODLEGŁOŚĆ RAMKI OD GÓRNEJ KRAWĘDZI W PIKSELACH ]px; margin-left: [ODLEGŁOŚĆ RAMKI OD LEWEJ KRAWĘDZI W PIKSELACH]px;">TEKST Tekst </div></div>

</div>

<div style="width: [SZEROKOŚĆ RAMKI]px; height: [WYSOKOŚĆ RAMKI]px; color: rgb(0, 0, 0); overflow: auto; margin-top: [ODLEGŁOŚĆ RAMKI OD DOLNEJ KRAWĘDZI OBRAZKA W PIKSELACH NA MINUSIE]px; margin-left: [ODLEGŁOŚĆ OD LEWEJ KRAWĘDZI W PIKSELACH]px;">TEKST Tekst</div>

</div>
<div style="width: [SZEROKOŚĆ RAMKI]px; height: [WYSOKOŚĆ RAMKI]px; color: rgb(0, 0, 0); overflow: auto; margin-top: [ODLEGŁOŚĆ RAMKI OD DOLNEJ KRAWĘDZI OBRAZKA W PIKSELACH NA MINUSIE]px; margin-left: [ODLEGŁOŚĆ OD LEWEJ KRAWĘDZI W PIKSELACH]px;">TEKST Tekst</div>

Kod na 4 ramki:
<div style="background-image:url(LINK DO OBRAZKA); width: [SZEROKOŚĆ OBRAZKA]px; height:[WYSOKOŚĆ]px; overflow: auto; margin-top: 0px; margin-left: 0px;">

<div style="width: [TAK SAMO JAK SZEROKOŚĆ OBRAZKA]px; height: [TAK SAMO JAK WYSOKOŚĆ OBRAZKA]px; color: rgb(0, 0, 0); overflow: auto; margin-top: 0px; margin-left:0px;">

<div style="width: [SZEROKOŚĆ RAMKI]px; height: [WYSOKOŚĆ RAMKI]px; color: rgb(0, 0, 0); overflow: auto; margin-top: [ODLEGŁOŚĆ RAMKI OD GÓRNEJ KRAWĘDZI W PIKSELACH ]px; margin-left: [ODLEGŁOŚĆ RAMKI OD LEWEJ KRAWĘDZI W PIKSELACH]px;">TEKST Tekst </div></div>

</div>

<div style="width: [SZEROKOŚĆ RAMKI]px; height: [WYSOKOŚĆ RAMKI]px; color: rgb(0, 0, 0); overflow: auto; margin-top: [ODLEGŁOŚĆ RAMKI OD DOLNEJ KRAWĘDZI OBRAZKA W PIKSELACH NA MINUSIE]px; margin-left: [ODLEGŁOŚĆ OD LEWEJ KRAWĘDZI W PIKSELACH]px;">TEKST Tekst</div>

</div>

<div style="width: [SZEROKOŚĆ RAMKI]px; height: [WYSOKOŚĆ RAMKI]px; color: rgb(0, 0, 0); overflow: auto; margin-top: [ODLEGŁOŚĆ RAMKI OD DOLNEJ KRAWĘDZI OBRAZKA W PIKSELACH NA MINUSIE]px; margin-left: [ODLEGŁOŚĆ OD LEWEJ KRAWĘDZI W PIKSELACH]px;">TEKST Tekst</div>
</div>

<div style="width: [SZEROKOŚĆ RAMKI]px; height: [WYSOKOŚĆ RAMKI]px; color: rgb(0, 0, 0); overflow: auto; margin-top: [ODLEGŁOŚĆ RAMKI OD DOLNEJ KRAWĘDZI OBRAZKA W PIKSELACH NA MINUSIE]px; margin-left: [ODLEGŁOŚĆ OD LEWEJ KRAWĘDZI W PIKSELACH]px;">TEKST Tekst</div>

Ja nie za bardzo lubię robić prezentacje 3-4 ramkowe, więc w zakładce "Gotowe prezentacje" będą głównie prezentacje 1-2 ramkowe, ale te 3-4 ramkowe też będą ale będzie ich mniej. No to tyle! :)
Micia12

Prezentacje HTML Howrse

Strony

Kody HTML

Brak komentarzy:

Prześlij komentarz