sosenka blog

Twój nowy blog

Info.

27 komentarzy

Póki, co życie nie pozwala mi na dalsze zajmowanie się lekcjami na sosence. W razie pytań, pewnie Jall będzie się tutaj udzielała ( w miarę możliwości). Może kiedyś strona powróci do łask.

Pozdrawiam.

Odpisując na pytanie zadane ostatnio w księdze gości sosenki, ustaliłam, że tabelki na mylogu takie jakie posiada ten blog, w księdze gości czy też na komentarzach, na mylogu da się wstawić jedynie na komentarzach. W księdze gości nie wiem czemu zmiany się nie zapisują.

Póki co kody na komentarze, które przygotowałam TUTAJ. Wklejamy je do myloga do zakładki „Pojedynczy komentarz”.

Następnym etapem jest wklejenie kodu do zakładki „Komentarze”, a kody przygotowałam TUTAJ

Wszystko razem wygląda TAK

Pytania? w komentarzach !

Ta lekcja powinna znaleźć się praktycznie na początku działalności sosenki. Jakoś uleciało mi to z głowy. W związku z pytaniem w księdze – przygotowałam lekcję TUTAJ

Ostatnio coraz częściej spotykana „zabawka”

Wystarczy wstawić tuż za znacznikiem

taki „skrypcik”

zmienną jest tutaj tło, a raczej jego kolor czyli :

background-color: #CCCCCC” – owy kolor oznacza szare tło.

Pamiętajmy, że jest to jakby odbicie lustrzane … po wstawieniu kodu w ukladzie pionwym zmieniają się miejsca tabelek, jak i niektóre formy linków, można to usunąć odręcznie.

Miłej zabawy.

We wcześniejszej lekcji opisałam płynący tekst. W dzisiejszej lekcji opiszę tekst, który będzie nam się przewijał w ramce.

Tu wstawiamy nasz płynący tekst
Tu wstawiamy nasz płynący tekst
width=20% – mówi nam procentowo jaka ma być szerokość ramki

height=20% - mowi o wysokości ramki

border: 1px dashed - mówi o obramowaniu

Inne style ramki to : (oczywiście kasujemy obramowanie dashed – i wstawiamy inne wymienione tutaj ;o) )

solid - „normalna”

dotted – wykropkowana

dashed – przerywana

double - podwójna

outset, inset – obramowanie z „cieniami”

a także – ridge i groove

#000000 – to kolor ramki

Spróbujmy teraz zmienić to i owo

Tu wstawiamy nasz płynący tekst
Tu wstawiamy nasz płynący tekst

Wyszła wiec nam czerwona wykropkowana ramka o zwiększonej szerokości ramki do 2px.

Podobnie możemy zrobić wstawiając tam jakieś fanlistingi, buttony itp. rzeczy.

Przykładowo :

button.JPG
button.JPG

Jak widać, wielkość ramki można ustalać również pikselami czyli warościami

width=120px – przyznam, że takie rozwiązanie jest o wiele lepsze :)

Pytania?

Założenie strony, nawet tylko po to aby trzymać na niej pliki, nie jest na webparku rzeczą prostą, ale tylko na samym początku. W tej lekcji postaram się to prosto i logicznie wyjaśnić, również za pomocą screenów.

Celem założenia takowej strony, wchodzimy na
webpark. Następnie klikamy link „załóż stronę”, tak jak ilustruje to poniższy

screen .

Następnie musimy wybrać rodzaj konta jakie chcemy założyć. Jak się domyślam większość z Was będzie chciała konto bezpłatne, jest to więc Starter. Oczywiście musicie pamiętać, że ma ograniczony transfer i miejsce.

Klikamy „załóż”

Teraz, jesli mamy już konto pocztowe na wp.pl wystarczy iż się zalogujemy. Natomiast jeśli go jeszcze nie posiadamy, to już będziemy je mieć. Musimy więc wypełnić niezbędne pola, zaznaczone czerwonym markerem. Należy pamiętać, że w haśle musi być jedna cyfra.

screen

Jeśli wszystko pójdzie zgodnie z planem, webpark podsumuje nasze dane, w pierwszej, czerwonej tabeli mamy dane naszego konta WWW, które warto sobie gdzieś przechować. Czarna tabela to dane konta pocztowego, jeśli ktoś chce to również może je zatrzymać.

screen

W ten sposób założyliśmy tylko naszą stronę, aby wgrywać pliki potrzebna jest nam domena, dzięki której będą one widoczne w internecie i będą mogły nam służyć. Pierwsza ramka to nazwa naszego konta. Aby założyć domenę klikamy „zarządzaj domeną”.

screen

Ukaże się nam strona i informacja, że domeny nie mamy i możemy ją „dodać”. Uczynimy to z największą przyjemnością :)

screen

Wyświetli się nam okienko popup, które należy wypełnić. Poniższy screen dokładnie to ilustruje. Nazwa objęta ramką nie musi się zgadzać z nazwą stworzonego przez nas konta, może być zupełnie dowolna.

zakładanie domeny

Gdy domena już stoi, możemy z powodzeniem wejść w „menedżer plików”

screen

To on będzie nam służył do dodawania i usuwania plików z naszej strony.
Ukażą nam się dwie tabelki. Interfejs jest tutaj już bardzo czytelny. Gdy chcemy dodać plik, kilkamy przycisk pod tym samym tytułem (czarna ramka). Możemy sprawdzić ile miejsca mamy wolnego (zielona ramka). W tabelach będą ukazywały się wrzucone przez nas pliki.

screen

Klikamy „dodaj plik”. W danej tabeli wyświetli się okienko dodawania.Naraz możemy dodać 3 pliki. Gdy chcemy edytować plik który już wrzucaliśmy, po prostu odhaczamy na dole „nadpisać istniejący plik”.

screen

Gdy plik zostanie już zapisany, wyświetli się odpowiednie okienko popup informujące nas o tym. Następnie pojawią się odświeżone tabelki, posiadające już nasz pliczek. Klikamy na niego i maxymalizujemy okienko w którym on się wyświetli.

screen

Następnie kopiujemy adres naszego pliku (czarna ramka ) i gotowe!

screen

Czyż to nie było proste ? :)
Pytania proszę śmiało zadawać!
Jall

Lekcja powstaje w związku z dzisiejszym mailem, z prośbą o zdefiniowanie pojęcia animacji tekstu efektem MARQUEE.Istnieje wiele najróżniejszych metod. Postaram się opisać wszystkie mi znane efekty.

1. Najprostszy efekt 

przykładowy tekstprzykładowy tekst

2. Można ograniczyć szerokość animacji tekstu za pomocą znacznika : width=50% gdzie procent mówi nam o swoistym ograniczeniu

przykładowy tekstprzykładowy tekst

3. Możemy także sformatować kolor przesuwanego tekstu komendą fontcolor gdzie #ff0000 oznacza dany kolor – więcej kolorów znajdziesz w dziale ważne linki – kody kolorów rgb

przykładowy tekstprzykładowy tekst

4. Efekt odbijanego tekstu a’la piłeczka do ping-ponga 

przykładowy tekstprzykładowy tekst

5. Animacja tekstu na zmienionym tle. gdzie kolor tła oznacza BGCOLOR=#FF0000

przykladowy tekstprzykladowy tekst

6. Możemy także ustawić szybkość przesuwania animacji za pomocą znacznika SCROLLAMOUNT=2

przykładowy tekstprzykładowy tekst

7. Efekt BEHAVIOR=SCROLL – tekst przesuwa się od prawej do lewej, chowa się i znów wyłania się z prawej strony.

przykładowy tekstprzykładowy tekst8. Przewijanie w lewo

Przykładowy tekstPrzykładowy tekst

9. Przewijanie w prawo

Przykładowy tekstPrzykładowy tekst

W związku z propozycją lekcji, jaka pojawiła się w księdze gości … przygotowałam lekcję, na temat wgrywania plików na ftp, na interię.

Lekcja znajduje się TUTAJ

Na blogach bardzo często widać wpisy komentatorów i gości w tabelkach. Chyba każdy przyzna mi rację, iż owe tabele nie pasują do układów poziomych, omawianych w ciągu kilku ostatnich lekcji. Często, tabele są za szerokie i przez to wprowadzony jest całkiem niepotrzebny poziomy scroll.
Wtedy najlepszym rozwiązaniem jest zamieszczenie w „Wpis do księgi”, takich zmiennych.

{autor} | www | {data}|{czas}
{tresc}


Dostosuję się wtedy owy kod, do ustawień kolorów, czcionki i efektów linków, do tych, które mamy zamieszcznone w kodach „Strona z komentarzami”.

adres_twojego_obrazka.jpg

  Strona główna  Wpisz się

Odwiedziło mnie już {ilegosci} osób

{stronicowanie}

{wpis}

{stronicowanie}


  • RSS