Prezętacja html z 4 ramkami :)
Jak zrobic grafikę i pokazywałam w 2 postach na tym blogu możecie je bez problemu zrobic :) Dokładne wytłumaczenia na prezentacje tez jest na innym poście pod tytułem prezentacja html ,dzisiaj dam wam tylko gotowe ale nie uzupełnine kody html na1, 2 , 3 i 4 ramki . Szukałam blogu na którym tłumaczą to ale znalazłam tylko 3 blogi ale tam kody są długie i trudniejsze do uzupełnienia , więc nie każdy je zrozumie i postanowiłam zrobić dla was prostszy i mam nadzieje że się wam przyda .
Kod html do obrazka(grafiki ):
Kod do grafiki:
<div style="background:url(link bezpośredni do tła); width: szerokość tłapx; height: wysokość tłapx; overflow: auto; margin-top: 0px; margin-left: 0px;">
UWAGA!! Obojętnie czy prezentacja wasza ma 1 , 2 czy 3 ramki do każdego z podanych prze ze mnie kodów dodaj jako pierwszy kod do grafiki !!!
Kod html na 1 ramkę :
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: odległość ramki od górnej krawędzi tłapx; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
Kod html na 2 ramki :
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: odległość ramki od górnej krawędzi tłapx; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramki px; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
UWAGA!! Jak mamy ramkę rozmieszczoną jedną pod drugą to 2 ramkę liczymy nie od górnej krawędzi tylko od dolnej do góry ramki tak samo jak mamy 3 lub 4 ale pierwszą liczymy normalnie od górnej . Ale jeżeli mamy rozmieszczoną obok siebie i jedną do góry albo tylko koło siebie liczymy odległości miedzy ramkami .
Kod html na 3 ramki :
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: odległość ramki od górnej krawędzi tłapx; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramkipx; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramki px; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
Kod html na 4 ramki :
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: odległość ramki od górnej krawędzi tłapx; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramki px; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramki px; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramki px; margin-left: odległość ramki od lewej krawędzi tłapx; overflow:
auto">twój tekst</div>
UWAGA!! :
Po 1 wszystkie odległości wymiary liczymy w pixelax.
Po 2 Masz pytania pisz w komentarzach a ja wytłumaczę i pomogę w parę minut,można też pisac na moje konto na howrse jestem wampirka* pisz na pr.
Po 3 pixele możesz mierzyc w paincie , i robisz otwórz wybierasz swoją prezke robisz zanacz - zaznaczenie kwadratowe czy prostokątne zaznacz i na dole ci się wyświetla . Nadal nie rozumiesz ? PISZ!!!!
Po 4 Gotowy kod html kopiujecie i wklcia na prezke w howrse ale w trybie html jest to zielony przycisk z prawej strony:)
Po 5 Link do obrazka czyli do naszej grafiki można zrobic łatwo na stronie ifotos.pl jest ona darmowa i prosta po prostu wchodzimy bez logowań wybieramy plik i jest link :)
I coś specjalnego NIESPODZIANKA - Darmowa prezentacja dla was (możecie korzystać ale nie przerabiać i mówić ze jest twoja lub ze ty ją robiłaś itp):
<div style="background:url(http://s6.ifotos.pl/img/gotowiec-_eaxwsrn.png); width: 1077px; height: 490px; overflow: auto; margin-top: 0px; margin-left: 0px;"> <div style="width: 411px; height: 409px; margin-top: 47px; margin-left: 602px; overflow: auto">twój tekst</div>
Jest to prezentacja z jedną ramką i zezwalam na jej używanie na stronie www.Howrse.pl ale nie na przypisowanie sobie tego że ją zrobiłeś nie zezwalam na jej kopiowanie na innych strona tylko na howrse .
Jak ktoś ma problemy z kodami albo z czymkolwiek albo czegoś nie rozumie proszę o komentarz i login na howrse a się z tobą w ciogu 20 godzin skontaktuję .
POZDRAWIAM wampirka*
Kod html do obrazka(grafiki ):
Kod do grafiki:
<div style="background:url(link bezpośredni do tła); width: szerokość tłapx; height: wysokość tłapx; overflow: auto; margin-top: 0px; margin-left: 0px;">
UWAGA!! Obojętnie czy prezentacja wasza ma 1 , 2 czy 3 ramki do każdego z podanych prze ze mnie kodów dodaj jako pierwszy kod do grafiki !!!
Kod html na 1 ramkę :
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: odległość ramki od górnej krawędzi tłapx; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
Kod html na 2 ramki :
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: odległość ramki od górnej krawędzi tłapx; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramki px; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
UWAGA!! Jak mamy ramkę rozmieszczoną jedną pod drugą to 2 ramkę liczymy nie od górnej krawędzi tylko od dolnej do góry ramki tak samo jak mamy 3 lub 4 ale pierwszą liczymy normalnie od górnej . Ale jeżeli mamy rozmieszczoną obok siebie i jedną do góry albo tylko koło siebie liczymy odległości miedzy ramkami .
Kod html na 3 ramki :
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: odległość ramki od górnej krawędzi tłapx; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramkipx; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramki px; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
Kod html na 4 ramki :
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: odległość ramki od górnej krawędzi tłapx; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramki px; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramki px; margin-left: odległość ramki od lewej krawędzi tłapx; overflow: auto">twój tekst</div>
<div style="width: szerokość ramkipx; height: wysokość ramkipx; margin-top: Odległośc od dolnej krawędzi do ramki px; margin-left: odległość ramki od lewej krawędzi tłapx; overflow:
auto">twój tekst</div>
UWAGA!! :
Po 1 wszystkie odległości wymiary liczymy w pixelax.
Po 2 Masz pytania pisz w komentarzach a ja wytłumaczę i pomogę w parę minut,można też pisac na moje konto na howrse jestem wampirka* pisz na pr.
Po 3 pixele możesz mierzyc w paincie , i robisz otwórz wybierasz swoją prezke robisz zanacz - zaznaczenie kwadratowe czy prostokątne zaznacz i na dole ci się wyświetla . Nadal nie rozumiesz ? PISZ!!!!
Po 4 Gotowy kod html kopiujecie i wklcia na prezke w howrse ale w trybie html jest to zielony przycisk z prawej strony:)
Po 5 Link do obrazka czyli do naszej grafiki można zrobic łatwo na stronie ifotos.pl jest ona darmowa i prosta po prostu wchodzimy bez logowań wybieramy plik i jest link :)
I coś specjalnego NIESPODZIANKA - Darmowa prezentacja dla was (możecie korzystać ale nie przerabiać i mówić ze jest twoja lub ze ty ją robiłaś itp):
<div style="background:url(http://s6.ifotos.pl/img/gotowiec-_eaxwsrn.png); width: 1077px; height: 490px; overflow: auto; margin-top: 0px; margin-left: 0px;"> <div style="width: 411px; height: 409px; margin-top: 47px; margin-left: 602px; overflow: auto">twój tekst</div>
Jest to prezentacja z jedną ramką i zezwalam na jej używanie na stronie www.Howrse.pl ale nie na przypisowanie sobie tego że ją zrobiłeś nie zezwalam na jej kopiowanie na innych strona tylko na howrse .
Jak ktoś ma problemy z kodami albo z czymkolwiek albo czegoś nie rozumie proszę o komentarz i login na howrse a się z tobą w ciogu 20 godzin skontaktuję .
POZDRAWIAM wampirka*
Brak komentarzy:
Prześlij komentarz