Jak zrobić przeźroczysty nagłówek i podświetlenie w Sumo Paint 3.6

Sumo Paint to taka strona podobna do programu gimp tylko ze nie trzeba pobierać ;>
1.Jak już zrobimy artbooka na msp i zrobimy screena (klik tu aby zobaczyć jak zrobić screena) wklejamy to do obojętnie jakiego programu i zapisujemy na dysku ;d
2.Po zapisaniu obrazka wchodzimy w tą stronę (KLIK)
3.Na samej górze jest taka flaga klikamy w nią i dajemy na nasz język polski :>

4.Na samej górze Klikamy w Plik>Otwórz Z Mojego Komputera
No i wybieramy obraz który wcześniej zapisaliśmy na dysku
5.Gdy już pokaże nam się nasz obraz z przybornika wybieramy różdżkę i klikamy w nieprzeźroczyste tło na obrazku

6.Następnie gdy już zaznaczymy te tło będzie widać taką niebieską otoczkę , wybieramy z przybornika gumkę aby wymazać tło

7.Po wymazaniu tła mamy przeźroczyste tło :>
8.Na samej górze aby zapisać obrazek Dajemy Plik>Zapisz Na Dysku Twardym pokazuje nam się nowe okienko Tam gdzie Nazwa wpisujemy byle co a tam gdzie format musimy zaznaczyć Png , inaczej obrazek nie będzie przeźroczysty.

9.Efekt :D

Jak zrobić podświetlenie w sumo paint?

1. Wybieramy>Plik>Otwórz Z Mojego Komputera

2.Następnie Warstwa>Efekty Warstwy>Poświata Zewnętrzna

3.Postępujemy według obrazka poniżej D:

4.Na koniec zapisujemy nasz obrazek Plik>Zapisz Na Dysku Twardym>Format Png>Zapisz
5.Efekt ;>

Jak uzupełnić slider obrazkiem,tekstem itd ;d - Instrukcja

Widzicie ten slider powyżej czatu na blogu? O nim będzie ta instrukcja,mam nadzieje że pokapujecie się o co chodzi x.x
1.No to ten jak już zrobicie sobie szablon z tym sliderem <Tutaj jest instrukcja jak to zrobić> wchodzimy w Edytuj Kod HTML w projekcie bloga.

2.Gdy przesuniemy suwak na prawie sam koniec będzie coś takiego <!-- Slide 1 Code Start --> Czyli że tutaj zaczyna się slajd nr 1 żeby dodać obrazek musimy go zalinkować na jakieś stronie np iv.pl
Patrz na obrazek poniżej :

Jeżeli chcemy dodać link i tytuł do slajda aby przeniosło nas do jakiegoś innego posta postępujemy wg obrazka poniżej :

Jeżeli chcemy dodać opis do slajda patrz na obrazek niżej :

I tak robimy z pozostałymi slajdami czyli nr2,3,4 i 5 ;D

Jak zmienić kolor w rozwijanym menu w szablonie PrintDesing

1.Wchodzimy w Projekt>Edytuj Kod HTML następnie wciskamy na klawiaturze klawisze CTRL+F i wpisujemy w nią .menu-secondary-container :

2.Tam gdzie piszę background:url i tam gdzie nawias wklejamy link do naszego nowego menu tu macie przykładowe:

W jakimś programie graficznym możecie to zakolorować na jakiś inny kolor a następnie zalinkować na stronie iv.pl i wkleić w wyznaczone miejsce :

Jak zmienić kolor po najechaniu myszką w menu rozwijane:

1.Wchodzimy w Projekt>Edytuj Kod HTML na klawiaturze wciskamy CTRL+F i w wyszukiwarkę wpisujemy .menu-secondary li li a:hover
2.Następnie w miejsce gdzie zaznaczyłam na niebiesko wklejamy Hex'a z wybranym kolorem:

Hex'y z kolorami znajdziecie na stronie http://pl.wikipedia.org/wiki/Lista_kolor%C3%B3w

Jak w menu rozwijanym po najechaniu myszką zmienić kolor rozwinięcia menu:

1.Wchodzimy w Projekt>Edytuj kod HTML wciskamy na klawiaturze CTRL+F jednocześnie i w wyszukiwarce wpisujemy .menu-secondary li li a (w razie czego gdy Wam nie znajdzie zaznaczcie 'Rozszerz szablony widżetów')
2.Po wpisaniu w zaznaczone (zaznaczyłam na niebiesko) wklejamy Hex'a z wybranym kolorem:

+ Dodaje jak zmienić dolny kolor paska na blogu (tego poniżej)

1.Wchodzimy w Projekt>Edytuj Kod HTML na klawiaturze wciskamy klawisze CTRL+F (jednocześnie) i wpisujemy w nią #copyrights
2. Kopiujemy wybranego Hex'a i wklejamy go w miejsce które zaznaczyłam poniżej na niebiesko:

To wszystko,pamiętajcie o zapisaniu szablonu ;P

Jak dodać chat pod rozwijanym menu (szablon PrintDesign)

No więc ta instrukcja jest trochę skomplikowana ale może zaczaicie o co chodzi ;d
1.Wchodzimy w stronę http://www.xat.com/web_gear/chat.php i tam robimy czata np;dajemy przeźroczyste tło,język polski,kolor przycisków(kliknijcie tutaj aby dowiedzieć się jak to zrobić)
2.Po wygenerowaniu kodu będziemy mieli coś takiego jak ten kod:
<embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="640" height="480" name="chat" FlashVars="id=172832315&rl=Polish" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=172832315">Go Large!</a></small><br>
3.Wchodzimy w blogger.com logujemy się na swoje konto (chyba że już jesteśmy zalogowani) i wchodzimy w Projekt

4.Następnie na samej górze klikamy w Edytuj Kod Html

5. Po kliknięciu zaznaczamy kwadrat z napisem Rozszerz Szablony Widżetów

6.Następnie na klawiaturze wciskamy klawisze CTRL+F jednocześnie
7.Kiedy wyskoczy nam wyszukiwarka w nią wklejamy to:
<div style='clear:both;'/>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>

Tak gdzie piszę <div style='clear:both;'/>poniżej tego wklejamy kod do czatu,powinno to wyglądać tak:

Tam gdzie zaznaczone na niebiesko jest wklejony kod.
8.Teraz z kodu musimy wywalić to co nie potrzebne czyli:
<br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=171220072">Go Large!</a></small><br>

Kod Po wywaleniu tego będzie wyglądać tak:

Teraz jeżeli chcecie zmienić szerokość i wysokość czata na taką jak my mamy na blogu tak gdzie width wpisujemy 900 a tam gdzie height 400 kod będzie wyglądał następująco:

Uwaga! Jeżeli wcześniej przy robieniu czata daliśmy na język polski w kodzie czatu szukamy taki fragment kodu &rl=Polish i zastępujemy go takim kawałkiem &amp;rl=Polish
Kod wyglądał tak:

A teraz powinien tak wyglądać:

9.Na koniec dajemy 'Zapisz Szablon' powinno się Wam udać c:

Jak dodać chat pod rozwijanym menu (szablon PrintDesign)

No więc ta instrukcja jest trochę skomplikowana ale może zaczaicie o co chodzi ;d
1.Wchodzimy w stronę http://www.xat.com/web_gear/chat.php i tam robimy czata np;dajemy przeźroczyste tło,język polski,kolor przycisków(kliknijcie tutaj aby dowiedzieć się jak to zrobić)
2.Po wygenerowaniu kodu będziemy mieli coś takiego jak ten kod:
<embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="640" height="480" name="chat" FlashVars="id=172832315&rl=Polish" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=172832315">Go Large!</a></small><br>
3.Wchodzimy w blogger.com logujemy się na swoje konto (chyba że już jesteśmy zalogowani) i wchodzimy w Projekt

4.Następnie na samej górze klikamy w Edytuj Kod Html

5. Po kliknięciu zaznaczamy kwadrat z napisem Rozszerz Szablony Widżetów

6.Następnie na klawiaturze wciskamy klawisze CTRL+F jednocześnie
7.Kiedy wyskoczy nam wyszukiwarka w nią wklejamy to:
<div style='clear:both;'/>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>

Tak gdzie piszę <div style='clear:both;'/>poniżej tego wklejamy kod do czatu,powinno to wyglądać tak:

Tam gdzie zaznaczone na niebiesko jest wklejony kod.
8.Teraz z kodu musimy wywalić to co nie potrzebne czyli:
<br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=171220072">Go Large!</a></small><br>

Kod Po wywaleniu tego będzie wyglądać tak:

Teraz jeżeli chcecie zmienić szerokość i wysokość czata na taką jak my mamy na blogu tak gdzie width wpisujemy 900 a tam gdzie height 400 kod będzie wyglądał następująco:

Uwaga! Jeżeli wcześniej przy robieniu czata daliśmy na język polski w kodzie czatu szukamy taki fragment kodu &rl=Polish i zastępujemy go takim kawałkiem &amp;rl=Polish
Kod wyglądał tak:

A teraz powinien tak wyglądać:

9.Na koniec dajemy 'Zapisz Szablon' powinno się Wam udać c:

Jak zmienić nazwę w rozwijanym menu (szablon PrintDesign)

Chodzi mi o to co jest powyżej gdy chcemy zmienić Home,bussines,downlads itd...
1.Wchodzimy w blogger.com następnie klikamy w projekt

2.Po kliknięciu w Projekt przeniesie nas w układ bloga,teraz musimy kliknąć w Edytuj Kod Html

3.Następnie na klawiaturze wciskamy jednocześnie klawisze CTRL+F i w wyszukiwarkę która nam wyskoczy wpisujemy <ul class='menus menu-secondary'>

4.Teraz tam gdzie zaznaczyłam na czerwono wpisujecie swój własny tekst przykładowo: Zamiast Home>wpisujesz strona główna
A tam gdzie zaznaczyłam na niebiesko możecie wkleić link do któregoś z postów Przykładowo:Gdy wpisałeś Sklepik w zaznaczone miejsce na niebiesko wklej link do posta ze sklepikiem.Czyli tam gdzie piszę '#' zamiast znaczku # wklejacie link do wybranego posta.
Tam gdzie zaznaczyłam na pomarańczowo to to co ma się rozwinąć w tym menu przykład:Jak wpisałeś Galeria w te czerwone co zaznaczyłam to w pomarańczowe możesz napisać Zdjęcia z reala>Zdjęcia z msp>Zdjęcia z imprez itd...

Czyli w skrócie Na czerwono: Wpisujemy to co ma się pojawić na pasku menu.Na pomarańczowo: Wpisujemy to co się ma pojawić po rozwinięciu menu.Na niebiesko:Wklejamy link do strony/posta aby przeniosło nas do danej strony.

Teraz jeżeli chcemy usunąć coś z menu np Parent Category usuwamy wszystko to co zaznaczyłam na czerwono:

Jeżeli z menu chcemy usunąć Health usuwamy wszystko to co zaznaczyłam na czerwono:

Jeżeli chcemy usunąć całkowicie Business,Downlads itd robimy to samo czyli usuwamy całość.
To wszystko jeżeli chodzi o rozwijane menu ;> Pamiętaj by na koniec Zapisać Szablon.