13 marca 2012

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;"><font style="color: rgb(zapis koloru tekstu w palecie rgb);" size="1"><font size="1"><span style="font-family: [nazwa czcionki];">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;"><font style="color: rgb(KOLOR - KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">

<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;"><font style="color: rgb(KOLOR-KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">TEKST<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Tekst<br></span></font></font></div></span></font></font></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;"><font style="color: rgb(KOLOR- KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">TEKST<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Tekst</span></font></font></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;"><font style="color: rgb(KOLOR - KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">

<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;"><font style="color: rgb(KOLOR-KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">TEKST<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Tekst<br></span></font></font></div></span></font></font></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;"><font style="color: rgb(KOLOR- KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">TEKST<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Tekst</span></font></font></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;"><font style="color: rgb(KOLOR- KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">TEKST<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Tekst</span></font></font></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;"><font style="color: rgb(KOLOR - KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">

<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;"><font style="color: rgb(KOLOR-KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">TEKST<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Tekst<br></span></font></font></div></span></font></font></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;"><font style="color: rgb(KOLOR- KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">TEKST<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Tekst</span></font></font></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;"><font style="color: rgb(KOLOR- KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">TEKST<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Tekst</span></font></font></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;"><font style="color: rgb(KOLOR- KOD PALETA RBG);" size="1"><font size="1"><span style="font-family: [CZCIONKA];">TEKST<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Tekst</span></font></font></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:

  1. 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ń
  2. kopiujesz sobie obraz z googli do swojego folderu
    wchodzisz na www.imageshack.us
    hostujesz
    i bierzesz link

    OdpowiedzUsuń
  3. Ale ty jesteś mądra!!! Tylko Ci pogratulować pomysłu !!!! Też umiem skopiować z czyjejś strony i się tym pochwalić.
    BRAWO !!!

    OdpowiedzUsuń
  4. Bardzo pomocne, dzieki!

    ▶▶ Kody do Howrse ◀◀ sa na stronie WSPOMAGACZE NET

    OdpowiedzUsuń