Pamiętnik o Howrse: nowe ulepszone kody na prezentacje

jeśli kod jest w nawiasach[ ] to usuwamy a jeżeli w ( ) to do środka wpisujemy daną rzecz

KOD NA 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;">

KOD NA 1 RAMKE- Jeśli komuś zależy tylko na jednej ramce to po całym kodzie, wstawia znaczniki zamykające - </div> </div>

<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

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>

Aby druga ramka nie była pod obrazkiem prezentacji, trzeba zrobić następujące czynności.

1. Skupiamy się na kodzie na drugą ramkę.
2. Patrzymy na fragment kodu, gdzie jest "odległość ramki od górnej krawędzi obrazka w pixelach" .
3. W pierwszym kodzie wpisywaliśmy np. 100 i wtedy ramka była 100 px od górnej krawędzi, ale tu jest inaczej. Jeśli wpiszesz w drugiej ramce "100 px" to pojawi się ona 100px pod obrazkiem prezentacji. Jak temu zapobiec? Ustawiamy ilość pikseli na minusie ! np. (-100px). Będzie to oznaczało, że ramka będzie 100 pikseli od dolnej krawędzi prezentacji
Tak samo jest z kolejnymi ramkami ! np. z 3, 4, 5 ... W pierwszej pozostawiamy wszystko normalnie

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>

UWAGA !

Ramki nie mogą nachodzić na siebie, bo nie będą chciały się przesuwać !

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>

oto tabela z kodami na kolory-zapis koluru z palecie rbg

UWAGA
jeżeli byście mieli jakieś problemy to piszczie w kometnatrzach lub na nr gg
41308738
zawsze postaram sie pomóc

4 komentarze:

Anonimowy9 kwietnia 2012 19:47
Czy link do obrazka ma być ten długi z google galeria? A jak nie to ską wziąść krótki kod do danego obrazka?
OdpowiedzUsuń
Odpowiedzi
Edola29 kwietnia 2012 20:03
kopiujesz sobie obraz z googli do swojego folderu
wchodzisz na www.imageshack.us
hostujesz
i bierzesz link
OdpowiedzUsuń
Odpowiedzi
Anonimowy14 stycznia 2014 16:16
Ale ty jesteś mądra!!! Tylko Ci pogratulować pomysłu !!!! Też umiem skopiować z czyjejś strony i się tym pochwalić.
BRAWO !!!
OdpowiedzUsuń
Odpowiedzi
pier3330 listopada 2016 01:04
Bardzo pomocne, dzieki!

▶▶ Kody do Howrse ◀◀ sa na stronie WSPOMAGACZE NET
OdpowiedzUsuń
Odpowiedzi

Dodaj komentarz

Pamiętnik o Howrse

Strony

13 marca 2012

nowe ulepszone kody na prezentacje

4 komentarze: