Moja ściągawka na obrazek z tekstem.doc

Ściągawka dla Ani …

PRZYKŁAD  ADRESU  HTML DLA SAMEGO OBRAZKA .

Lekcja 1.

<img src= ADRES  OBRAZKA />

To jest link (adres) http://www.bysio.com/i/img15.dreamies.de/img/345/b/19u4ff6fad9.gif

do tego obrazka  

A kod na sam obrazek wygląda jak niżej :

<img src= http://www.bysio.com/i/img15.dreamies.de/img/345/b/19u4ff6fad9.gif />

Pamiętać musimy bezwzględnie o tym żeby pomiędzy końcem adresu a skośną kreseczką musi być spacja czyli przerwa , bo nie wyświetli się obrazek .

Myślę , że nie ma sensu – skoro wyświetlasz obrazki – tłumaczyć jak pobrać link do danego obrazka.

Lekcja 2.

PRZYKŁAD TEKSTU KOLOROWEGO O OKREŚLONYM WYGLĄDZIE

Aniu żeby nie motać Ci w głowie na początek tyko jeden kod na pismo :

<b style="font-family:monotype corsiva;font-size:25px;color:#00FF00;">TU WSTAWIASZ TEKST </b>

Rodzaj pisma - monotype corsiva – tu możemy wpisywać różne rodzaje pisma (ja używam głównie – monotype corsiva – wydaje mi się najładniejszy ).

Wielkość liter -  też do zmiany , ale 25 px (pikseli) to taka wielkość akuracik

Kolor pisma -  kolor pisma – też do zmiany

A to podstawowe kolory :

No i wreszcie: TU WSTAWIASZ TEKST – wiadomo o co chodzi – jakiś wierszyk , pozdrowienia itp.

Lekcja 3.

SZABLON NA LUŹNY TEKST I OBRAZEK

<center> <b style="font-family:Monotype Corsiva;font-size:25px;color:#9400D3;" > (¸.•*(¸.•*DZIEŃ   DOBRY *•.¸)*•....)  </b><center><img src= http://www.bysio.com/i/img15.dreamies.de/img/345/b/19u4ff6fad9.gif  style="float: right;" /> <b style="font-family:monotype corsiva;font-size:25px;color:#FF0000;"> ♥*** ♥...★**☆ . ★**☆ ★..**
Drzewo poznaje się po owocach, człowieka po czynach. Dobry czyn nigdy nie idzie na marne. Kto sieje Uprzejmość, zbiera Przyjaźń. Kto sadzi Dobroć, zbiera Miłość. ★**☆
. ★**☆ ★..**.♥*** ♥ </b> <b style="font-family:'Monotype Corsiva';font-size:25px;color:#008000;"> ¸.•★´¨) ¸.•☆¨) ¸.•´¸.•☆´¨)
. ,•☆¸.•´¸.•☆´¨) - CUDOWNEGO   SŁONECZNEGO  ★•¸.•´ ¸.•☆)  DNIA¸.•★´¨) ¸.•☆¨) ŻYCZY  ☼ ** ANIA  ** ☼ </b><center>

To co na brązowo , to jest Twoje przywitanie , wiersz i Twoje pożegnanie – i to możesz za każdym razem zmieniać .

Na niebiesko – to jest link do obrazka i też go zmieniasz .

FF0000 – kolor możesz zmienić

008000 – kolor możesz zmienić

*****************************************

Lekcja 4.

Aniu chciałbym Ci dać tą – przysłowiową rybę ale najpierw dam Ci wędkę , żebyś nauczyła się te ryby łowić sama.

Otóż na najprostszej pojedynczej ramce , której kod jest poniżej pokażę Ci jak zmieniać wygląd tejże ramki .

Zacznijmy od tego, że zanim wypuścisz jakiekolwiek życzenia , sprawdzasz je u siebie jak wychodzą. Tak jak robisz wysyłając życzenia , że u kogoś na stronie wklejasz w okienko i naciskasz wyślij – to tak samo robisz to u siebie żeby nie wypuścić bubla. Jak masz już porobione (wprowadzone) zmiany w kodzie wklejasz go na swojej stronie w okienko do wysyłania i naciskasz wyślij . Teraz na Twojej stronie wyświetli się to co zrobiłaś . Na swojej stronie masz możliwość kasowania tego po obejrzeniu . Nad obrazkiem po prawej stronie jest czerwony krzyżyk i napis –usuń- . Usuwasz to , dokonujesz kolejnych poprawek i znowu wyświetlasz , oglądasz efekt i kasujesz i tak aż do momentu kiedy uznasz , że ramka nadaje się do wysłania .

Dałem Ci na początek bardzo prostą ramkę z jedną obwódką abyś na takiej prostej ramce mogła szybko załapać o co tu w ogóle chodzi .

Zauważyłaś pewnie , że cały kod podzieliłem na człony i każdy człon dotyczy czegoś innego , i tak :

Pierwszy  człon – to ten kolorowy migający pasek wokół

Drugi człon        -  to człon który odpowiada za tło (to różowe – tutaj) wewnątrz ramki

Trzeci człon       -  to człon tekstowy ( Mamy tu umieszczone słowo – center- czym narzucamy żeby powitanie «♥» DZIEŃ «♥» DOBRY «♥» znalazło się pośrodku ramki

Ponadto znajduje się tu informacja o stylu pisma - Monotype Corsiva- informacja o wielkości pisma – 30 px i wreszcie informacja o kolorze pisma – 008000 .

Te wielkości możemy zmieniać przez co możemy otrzymywać wiele różnych kombinacji .

Czwarty człon    -  to człon obrazka . Obrazek zmienimy w tej ramce wstawiając w miejsce obecnego linku (to co na niebiesko) nowy link do nowego obrazka .

Piąty i szósty człon – To również człony tekstowe – opis jw.w trzecim członie

Zmieniając np. w pierwszym członie link (ten na niebiesko) - http://chomikuj.pl/Image.aspx?id=222203324);">  na 

Link http://chomikuj.pl/Image.aspx?id=660263574;">

Oraz link z drugiego członu (ten na niebiesko) –

http://chomikuj.pl/Image.aspx?id=222203226 na Link

http://chomikuj.pl/Image.aspx?id=660263567

Otrzymamy inną ramkę . Do tego możemy zmienić wierszyk zmodyfikować powitanie czy pożegnanie . Jeżeli w pierwszym członie zmienisz wymiar 10 na mniejszy lub większy to otrzymasz węższą lub szerszą pierwszą obwódkę . Pobaw się zmieniając ten wymiar , zobacz jak się to zmienia . Baw się zmieniając te rzeczy , które możemy zmieniać  . Wyświetlaj je sobie , zdobędziesz w ten sposób doświadczenie . Za 10 zauważ - width=”100%” ( tutaj „width” – szerokość ramki) .

Spróbuj zmniejszyć na 90% , poźniej na 80% zauważ jak zwęża się ramka . Wróć do 100% jeżeli taka szerokość Ci odpowiada . Zmniejszasz tylko szerokość (to 100%) w pierwszym członie .

Następna ramka poniżej (zielona i czerwona obwódka) ma dwie rameczki – próbuj zmieniać tam tła – baw się kolorami , dobieraj je tak aby do siebie pasowały aby się nie „gryzły” . Tam w pierwszym członie adres na niebiesko to ramka zielona , w drugim członie adres na niebiesko to ramka czerwona a w trzecim członie niebieski adres to jest tło wewnątrz ramki .

Powodzenia i pochwal się swoimi postępami …Trzymamy kciuki .

P.s. Tła masz u mnie do wyboru do koloru , jeżeli nie podobają Ci się Twoje , zapraszam …

Rameczka kolorowa – gliter- – tło różowe(gliter)

<table border="0" cellspacing="2" cellpadding="10" width="100%" align="center" bgcolor="#000002" style="background-image:url(http://chomikuj.pl/Image.aspx?id=222203324);"><tbody><tr><td bgcolor="#000003" style="background-image:url(http://chomikuj.pl/Image.aspx?id=222203324);">

<table border="0" cellspacing="2" cellpadding="10" width="100%" align="center" bgcolor="#000002" style="background-image:url(http://chomikuj.pl/Image.aspx?id=222202857);"><tbody><tr><td bgcolor="#000003" style="background-image:url(http://chomikuj.pl/Image.aspx?id=222203226);">

<p align="center"><em style="font-family:Monotype Corsiva;font-size:30px;color:#008000;"> «♥» DZIEŃ «♥» DOBRY «♥»

<img src=http://www.bysio.com/i/img189.imageshack.us/img189/3578/re7.gif />

<b style="font-family:'Monotype Corsiva';font-size:25px;color:#008000;"> Powiedz"Dzień Dobry" wsystkim stworzeniom, niech wszystkie drzewa się zazielenią, niech wszystkie kwiaty zakwitną obficie i niech to wszystko stanie się o świcie, niech piękne serce zerwie się do lotu, a dzień przeminie Ci bez kłopotów....

<b style="font-family:'Monotype Corsiva';font-size:25px;color:#008000;"> Pozdrawiam ** życzę **Udanego   Dzionka ☼  Ania ☼...</b><br />  </em></p></td></tr></tbody></table>

*****************************************

Zielona I czerwona obwódka

<table border="0" cellspacing="3" cellpadding="15" width="100%" align="center" bgcolor="#000002" style="background-image:url(http://chomikuj.pl/Image.aspx?id=222202916);"><tbody><tr><td bgcolor="#000003" style="background-image:url(http://chomikuj.pl/Image.aspx?id=222202916);">

<table border="0" cellspacing="3" cellpadding="8" width="100%" align="center" bgcolor="#000002" style="background-image:url(http://chomikuj.pl/Image.aspx?id=400855972);"><tbody><tr><td bgcolor="#000003" style="background-image:url(http://chomikuj.pl/Image.aspx?id=400855972);">

<table border="0" cellspacing="2" cellpadding="10" width="100%" align="center" bgcolor="#000002" style="background-image:url(http://chomikuj.pl/Image.aspx?id=222203651);"><tbody><tr><td bgcolor="#000003" style="background-image:url(http://chomikuj.pl/Image.aspx?id=222203651);">

<p align="center"> <b style="font-family:'Monotype Corsiva';font-size:25px;color:#0000FF;">

☀☀☀ WITAM  O PORANKU ☀☀☀<center>

<img src=http://www.bysio.com/i/74.50.124.22/image/images2_full/xbbh-1qa-1.gif style="float: right;" />

<b style="font-family:'Monotype Corsiva';font-size:45px;color:#800080;"> S <b style="font-family:'Monotype

Corsiva';font-size:25px;color:#FF0000;">
zczęśliwy każdy nowy dzień,
gdy z życiem idzie w parze.
Cieszmy się jego każdą chwilą ,
nie patrzmy co da w darze.
Uśmiech rozdawać od rana.
I kochać wszystko,  co żyje.
W ludziach poszukać dobroci.
Bo w każdym ona się kryje...

 

<center><b style="font-family:'Monotype Corsiva';font-size:25px;color:#0000FF;">

(●‿● )CIEPLUTKO
POZDRAWIAM –ŻYCZĄC MIŁEGO DNIA (●‿●)

  ❀ღ☀ ANIA ❀ღ☀
</em></p><a><center>

ZŁOTE TŁO

<table border="0" cellspacing="15" cellpadding="10" width="100%" align="center" bgcolor="#000002" style="background-image:url(http://chomikuj.pl/Image.aspx?id=386265540);"> <tbody><tr><td bgcolor="#000003" style="background-image:url(http://chomikuj.pl/Image.aspx?id=627185610);">

<p align="center"><b style="font-family:monotype corsiva;font-size:25px;color:#800000;">

•☆ ★ DOBRY ★ WIECZÓR ☆ ★•

<img src=http://www.bysio.com/i/zdjecia.nurka.pl/images/id.joe.pl-sub-images-pictures-5b3d039e9861262d8c60da2feb3c332d-th2.gif /> 

<b style="font-family:'Monotype Corsiva';font-size:25px;color:#000000;"> ★**☆ .
Noc koszyczek srebrny niesie,
a w nim niespodzianki:
gwiazdki z nieba, róg księżyca,
sen i kołysanki.
★**☆
Kołysanki - utulanki
śpiewnie utulają.
Kołysanki - utulanki
do snu zapraszają. ★**☆
. ★**☆ ★

<em style="font-family: Monotype Corsiva...