Sránka o tvorbe webu a HTML doplnkoch.
Môj E-mail je drevospolsk@gmail.com moje icq: 564 851 096
Prosím nevypisujte zbytočne !!!


TOPlist
Digg  Sphinn  del.icio.us  Facebook  Mixx  Google  BlinkList  Furl  Live  Ma.gnolia  Netvouz  NewsVine  Pownce  Propeller  Reddit  Simpy  Slashdot  Spurl  StumbleUpon  TailRank  Technorati  TwitThis  YahooMyWeb
Web vylepšenia:
ak nevidno všetky odkazy kliknite sem

http://www.wishafriend.com/
Rôzne flash a iné doplnky ako npr: kreslenie atd...

http://www.flashvortex.com/index.php
Tvorba vlastných flashov, bannerov atď zdarma online

http://www.freebuttons.com
Tlačítka do vašich stránok

http://webber.cz/
Rôzne doplnky ako ankety, chat, počítadlá a tak...

http://www.blueboard.cz/
Takysto rôzne doplnky na web, počítadlá, ankety, pokec a iné...

http://www.klavesoveskratky.sk/
Skratky

http://www.picturetrail.com/register/
Premenlivé obrázky na web

http://www.flash-gear.com/index.php?a
Rôzne flashové doplnky na web, ako hry, kreslenie a rôzne iné

http://www.myflashfetish.com
Flashové doplnky

http://www.crazyprofile.com/
Doplnky na web ako lietajúce motýle, kurzory, padajuce lístie a tak....

http://www.mojemp3.sk/        www.mp3s.nadrohou.net
Mp3 zdarma na stahovania

http://esa-dev.com/plugboard
Reklamna plocha na vaše stránky

http://www.iconarchive.com
Stránka s obrázkami, smajlíkmi a ikonami pre vaše stránky

http://s44.photobucket.com
Pohiblivé ikony

http://www.weblight.cz
Online kalendáre, počítadlá a podobne

http://www.poq-space.com/
Flash doplnky, alarm atď....

http://s01.flagcounter.com/
Zobrazí vlajky vašich návštevníkov a počet návštevníkov a rôzne iné zaujímavé veci

http://www.geovisite.com/en/geomap.php
Rôzne mapky na vaše stránky (pohyblivé)

http://www.smahu.com/webmasters/
Počasie. spravodajstvo, online hry, poker na váš web xD
tvorba webu www stranka web zdarma stranky zadarmo html HTML kódy kody doplnky ikona banner baner tvorba ikony navod na tvorbu ikony banneru reklama hlavicka stranky ako si vytvorit vlastny web vlastnu stranku welcomovky welkomovky oddelovace pozadia prehravac radio hodiny svetova hodiny svetovy cas icq stav ukazatel stavu icq yahoo skype ICQ tabulky html farby meniaci sa text pohiblivy text baziaci text letiaci text obrazok na web obrazok na stranku pohiblivy obrazok pocasie teplota datum narodenia meniny adresa ip adresa IP adresa prehliadac verzia blue board bannery ikonky sablony vzhald vzhlady vzhladu SMS sms zdarma kod html prekladac programy web spravy horoskop playlist stavky online anti kopirovanie email E-mail e-mail emeil refresh stranky rank ranky vyhladavaca a prehliadace vtip vtipy hry www v texte uprava textu velkost pisma presmerovanie okamzite presmerovanie online kreslenie panel reklam reklama html kod free vyrusovy radar anketa virusovy uvitacie okno ludvik stanka Ludvik Stanka HTML html text pokec chat kalendar datum rss
flash Flash banner baner ikona kód ikony flashu banneru baneru reklama reklami grafika tvorba grafiky zdarma zadarmo free fre bezplatne flashovky ikony bannery headery header hlavička hlavicka stranky stránky ako robyť hlavicku ako vložiť vlozit hlavicku na stranku do stranky eurokalkulacka eurokaľkuačka html Euro Eurokalkulacka kód kod eurokalkulacky odkaz v texte vloženie odkazu do textu vloženie linku link v texte vlzenie www adresa html HTML www text wwwtext

tvorba webu www stránka web zdarma stránky zadarmo html HTML kódy kódydoplnky ikona banner baner bannery tvorba ikony návod na tvorbu ikony bannerureklama hlavička stránky ako si vytvoriť vlastný web vlastnú stránkuwelcomovky welkomovky oddelovače pozadia prehrávač rádio hodiny svetovéhodiny svetový čas icq stav ukazateľ stavu icq yahoo skype ICQ tabuľkyhtml farby meniaci sa text pohiblivý text bažiaci text letiaci textobrázok na web obrázok na stránku pohiblivý obrázok počasie teplotadatum narodenia meniny adresa ip adresa IP adresa prehliadac verziablue board bannery ikonky šablóny vzhald vzhlady vzhladu vzhľad SMS sms zdarmakod html prekladač programy web správy horoskop playlist stávky onlineanti kopírovanie email E-mail e-mail emeil refresh stranky rank rankyvyhladavaca a prehliadace vtip vtipy hry www v texte úprava textuveľkosť písma presmerovanie okamžite presmerovanie online kresleniepanel reklám reklama html kód free výrusový radar anketa vírusový vírusovy vyrusovýuvítacie okno ľudvik stanka Ludvik Stanka HTML html text pokec chat kalendár dátum rss  čas
padajuce listie padajúce lístie padajuci sneh padajúci sneh snech odosielac emailov odosielač správ emailov automaticky meniace sa pozadie html kniha navstev kniha návštev tvorba bannerov zdarma flash ikon prehravac hudby vloženie vlozenie mp3 na web na stránku na stranku prehrávač prehravac výmena reklám bannerov odkazov ikon odkaz favicon favico fav ico .ico icona favikon tvorba výroba vyroba ikona pre adresou url html gif .gif flash header halvicka kalendár html kalendar html kody kódy flash flashes flashe doplnky pre webove webové stránky stranky html HTML kod k=od kody kód kodiky kodky kodi doplnok doplnky doplnki web zdarma zadarmo free vylepšenia vylepsenia www stránky anketa reklama reklamy výmena reklám vymena reklamy ikona kalendár kalendar kalkulacka kaľkuľačka počítadlo pocitadlo online kreslenie malovanie padajuci sneh padajuce srdcia padajuci snih padajúci sníh padajúce srdce prechody stránok prechod stranky prehody meniacy pohyblivý pohybujúci sa hybajuci sa texty text
 

 

Hlavička ako táto

Ako si a stránku vyrobiť a umiestniť hlavičku alebo obrázok ako mám ja to je popísané v nasledujúcich krokoch.
Obsah:
a. Úvod
b. Výroba hlavičky, obrázka
c. Vloženie pohyblivého textu do hlavičky, obrázka
d. Umiestnenie hlavičky, obrázka na vašu stránku,  návod na konci textu

Za popisom sú vždy vložené obrázky k textu,
V texte sa vyskytujú čísla v zátvorkách npr. (1.) ktoré označujú určitý úkon v obrázku pod daným textom.

Programi ktoré k tomu potrebujete si stiahnete tu:

http://www.gimp.org/downloads/- GIMP 2

http://www.slunecnice.cz/sw/ulead-gif-animator/stahnout/ - Ulead GIF Animator 5
Takže ak chcete vašu stránku okrášliť a oživiť tu vám poskytnem podrobný návod ako si zmeniť, respektívne vložiť do vašej stránky hlavičku podobnú ako tá moja.
Tento spôsob funguje na stránkach tvorených webgardenom ale mal by fungovať aj na iných stránkach ktoré používajú editor vzhľadu css.

Takže prvá vec čo musíte spraviť je vytvoriť si váš obrázok, pokiaľ ho už máte spravený tento krok proste vynechajte ale ak ho nemáte spravený tu je návod ako si spraviť parádny obrázok do vašej halvičky aj s pohiblivým textom:

1. Budete k tomu potrebovať pár malých a jednoduchých programov, prvý z nich je GIPM ja používam GIMP 2.6 preto bude tento návod popísaný pre túto verziu, tento program si môžete stiahnuť tu: GIMP 2.6 download
Ďalší program ktorý budete potrebovať ak chcete v hlavičke pohiblivý text je Ulead GIF Aimator 5 ktorý stiahnete kliknutím na jeho názov, pokiaľ ale nechcete mať v hlavičke pohiblivý text tak si ho sťahovať nemusíte využijeme ho totiž len na ten pohyblivý text.

2. Keď si nainštalujete GIMP 2.6 spustite ho, potom kliknite na Súbor v ľavom hornom rohu, potom na nový
3. Potom sa vám otvorí okno Vytvorenie nového obrázku, tam nastavte veľkosť obrázku a do stránok webgardenu pasuje veľkosť so:
Šírkou 1000 a výškou 200 , potom kliknite na budiš
4. Vytvorí sa novým tam obrys velkosti vášho obrázka avšak nieje tam v skutočnej veľkosti je zmenšený !!!
Potom si vytvoríte pozadie, to tak že kliknete na ikonku pozadia,štvorca (1.) v ľavom panely Nástroje, potom si vyberiete farbu prvej a druhej vrstvy a to tak že kliknete na ikonu štvorčeka v popredí (2.) , otvorím sa vám tabuľlka Zmeniť barvu popredí (4.) tam si vyberiete farbu prvej vrstvy a kliknete na Budiž, potom si kliknete na druhý štvorček prekrývajúci sa s prvým (2.) spravíte to istá ale farbu si dáte inú akú chcete,
Potom si ešte nastavte štýl prechodu vrstvy pozadia a to tým že kliknete na políčko Prechod (3.) a tam si zvolíte akú chcete , odporúčam si ich vizkúšať, avšak zatial sa s vašim zatial len pásikovo ohraničeným tvarom obrázka nič nestalo,
Vaše pozadia sa objaví až keď presuniete myš na plochu, stlačíte Ľavé tlačidlo (6.) myši a posuniete ju po ploche rámčeka kde bude obrázok (7.). Ale pritom musíte mať kliknuté na ikonu štvorca v paneli nástrojoch (5.) a musí tam mať výber mísení (8.)
5. Potom ak už pozadie máte si kliknite na obrázok písmena Text (9.) , následne sa vám zobrazí panel nástrojov pre text (10.).
Potom si kliknite do obrázka a stlačte ĽT myši a pohybom si vytvoríte pole pre text (11.) Potom do okna s názvom textový editor pro GIMP vložte text aký chcete, npr. Názov vašej stránky atď... obr. (12.) potom môžete ešte tento text posúvať kam chcete tým že kliknete ĽT myši na text, držíte ho a posúvate (13.). Nakoniec dáte na textovom editore Zavrieť (14.) a text vám tam ostane.
6. Potom si môžete ešte zvoliť typ písma a t tak že kliknete na ikonu písmenka v nástrojoch s textom (15.) a vyberiete si typ ktorí sa vám páči (16.)
7. Velkosť textu si zvolíte kliknutím do políčka velkosť (17.) a tam si vyberiete takú aká vám vyhovuje,
Farbu si vyberiete podobne kliknutím na štvorec s ferbou písma (18.), potom sa vám otvorí tabulka s farbami a tam máte na výber, nakoniec stlačte tlačidlo budiž (19.)
8. Prípadne si môžete vložiť do písma rôzne efekty, kliknutím na možnosť Filtry (20.) tam možnosť Alfa do loga (21.) a vyberte si filter aký chcete (22.) samozrejme je tu spústa možností ako kombinovať a hrať sa s tým ale to tu nebudem rozpytvávať. Ja vám dám iba základy na ostatné musíte prísť sami alebo mi napíšte E-mail.
9. Ďalej sa môžete s obrázkom rôzne hrať a skúšať rôzne veci v paneli nástrojov ale aj inde (23.)
10. Eštš je tu možnosť ak sa vám nepáči vaše pozadie môžete si sem nahrať vlastný obrázok, ja to robým tak že si otvorím adresár v počítači kde mám uložené obrázky, kliknem na obrázok ktorí sem chcem vložiť (24.) držím ĽT myši a presuniem si ho do prac poľa GIMPU.(25.)
11. Obrázok sa nám však nezobrazí hneď, je to tým že si musíme nastaviť vrstvy, na pravom paneli Vrstvy kanáli si prepneme na Vrstvy (29.) potom klikneme na vrstvu ktorú chceme presúvať v našom prípade to bude vložený obrázok (26.) , presunieme ho tým že ak ho máme zamodraný klikáme na malé zelené šípky dolu (34.) a tým presúvame medzi sebou jednotlivé vrstvy (27.)
Potom môžeme ešte nastaviť priehladnosť danej vrstvy posúvaním posuvníka krití (28.)
12. Potom už len kliknite na súbor (29.) Uložiť ako , a otvorí sa vám tebuľka tam dáte zvolte typ súboru (30.) tam vyberte
Obrázek JPEG (31.) dajte uložiť ä32.)
Ak vám náhodou vyskočí ešte nejaké okno , npr. S kritím ignorujte ho klikajte len na OK, uložiť, alebo áno len proste to uložte.
13. Tak a to je všetko, nephiblivý brázok by sme mali, už ho len vložiť do stránky, to je popísaná až na konci tohto článku úplne naspodu za návodom ako vložiť pohiblivý text do obrázka.
Ako si do obrázka vložiť pohyblivý text :
Na toto musíme použiť napríklad program ktorí si môžete stiahnuť na začiatku článku Ulead Gif Aimator 5.
Samozrejme existujú aj iné programy v ktorých by sa to dalo spraviť ale ja to popíšem v tomto pretože ho používam.

1. Takže po nainštalvaní Ulead GIF Animátora 5 si ho samozrejme spustíme, pri spúštaní sa zobrazí tabuľlka, pretože pravdepodobne budete mať len skúšobnú verziu, tak kliknite na Try More, potom chvílku počkáte pokiaľ sa vám spustí a vybehne okno s názvom startup wizard kde kliknite na open an existig image file, a vložte si tam z PC ten váš obrázok čo ste si vyrobili. K tomuto obrázky nebudem prikladať je to moc jednoduché a jasné.

2. No tento program Ulead Gif animátor má veľa možností, ale popíšem vám taký základný jednoduchý postup,
Ako prvé si vytvoríte takzvané frame v dolnej časti, a to podla toh koľko rôznych zmien textu tam chcete mať, napríklad ak by som chcel len aby sa menilo ,,super web“ a ,,je tu všetko“ tak mi stačia dve frame s mojím obrázkom pretože chcem mať vlastne iba dve zmeny, tieto frame s mojim obrázkom si vytvorím tak že kliknem na frame ktorú chcem kopírovať, tak aby zamodrela (1.) a potom kliknem na duplicate frame (2.) a máme to už máme dva obrázky, poprípade je tu ešte taká možnosť že ten druhý obrázok by mohol byť iný ako prvý ale to mi akosi od halvičky na webe vôbec nepasuje aby sa meinila celá hoci by to bolo no zaujímavé.
3. No text si do obrázka vložíme tak že klikneme na prvú frame (3.) keď zamorá klikneme a add banner text (4.) potom sa nám tvorí tabuľka s možnosťami úpravy textu, do textového poľa napíšeme náš text, ktorí sa hneď objaví v našom obrázku, kliknutím na tento text ĽT myši a tým že budeme to ĽT myši držať si môžeme tento text v obrázku posunúť kam chceme, takysto máme na výber typ písma véľkoť písma a farbu a iné veci, potom zvolíme zmenu prechodu písma v obrázku tým že klikneme na (6.) effect a tu máme ne výber, enter scene a exit scene to je effect akým písmo vstúpi do obrázka a akým odíde preč, tento efekt si môžeme zakaždým pozrieť tým že klikneme na start preview (7.), potm si ešte môžete zvoliť dĺžku zobrazenia písma a prípade nový efekt (6.) no ale to si už poskúšajte sami, keď budete s vašim písmom spokojný kliknite na ok (8.) potom zvolte tú prvú možnosť (9.).
Potom sa vytvorí dlhý rad obrázkov ale so zmenou textu, (10.)
4. Potom kliknite na obrázok za týmto radom ktorí začína iným číslom, t je prvý obrázok ešte bez úpravy (11.), a ak sem chcete text tak postup opakujte.
5. Potom môžete ešte meniť effect prechodu medzi jednotlivými obrázkami,franes a to tak že kliknte na poslednú prepážku predchadzajúceho obrázka (17.), potok kliknete na hornej lište na možnosť video F/X (12.) potom sa vám otvorí tabuľka add effects (13.) , tu môžete vybrať effect prechodu (14.) , typ prechodu (15.), a keď máte hotovo kliknite na OK.
6. Keď ste už s vašim výtvorom spokojný músíte ešte spraviť jednu vec aby sa vám text pohybval stále do okola a nie iba pár krát, a to takú že kliknete na mžnosť tween na dolnom paneli (18.) a vyberiete možnosť v otvorenom okne update selected frames (19.) a dáte OK (20.) A hotovo už len uložiť.
7. Uložíte to tak že si kliknite na File na hornej lište (21.) potom na Save as (22.) a nakoniec GIF file (23.) a Hotovka obrázok s pohiblivým textom máme, už ho len vložiť do hlavičky xD
No a teraz ako si to celé umiestniť na stránku

Takže existujú dva spôsoby, jeden je pdstatne lahší a druhý zas podstatne zložitejší xD
Ak prvý vám popíšem ten snažší spúsob:
Funguje to na stránkach webgardenu ale aj a iných stránkach ktoré používajú CSS editor vzhladu.

A.) Ten ľahší spôsob, takto to funguje na webgarden neviem či aj inde !!!!

1.  Tento postup vám opíšem bez obrázkov myslím že to pochopí každý:
2. Ked budete v editaci stránek kliknite na možnosť Nastavení, potom do políčka  Název stránek vložte tento kód:
Text:  ADRESA OBRÁZKU nahradte adresu vášho obrázku alebo hlavičky

ADRESA  OBRÁZKU">

A hotovo máte to xD




B.) Ten tažší spôsob sa robí pomocou editora CSS, popíšem vám ho takysto bez obrázkov, snaď  to bude stačiť.

1. V admiistrácií stránok si kliknite na Vzhľed, potom kliknite na Editovať css,
    potom sa vám otvorí tabuľka s kódom css, na ľavej strane máte obrázky pro          
   vzhled, tam si vložíte váš obrázok z počítača, potom musíte v css kóde nájsť 
    určitý odstavec ktorí nebýva spravidla daleko od vrchu, tento odstavec vyzerá
    takto:
}
.top .titles .header{
    background-image: url(' http://media1.webgarden.name/cssimages/media1:4a44dd002e334.gif/media1:4a44dd002e334.gif ');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(0, 0, 0);
}
.top .titles .header h1{
    letter-spacing: 0px;
    padding: 100px 70px 100px 70px;
    font-weight: bold;
    font-size: 3.5em;
    color: rgb(247, 247, 186);
}
.top .titles .header h1 a{
    color: rgb(255, 255, 255);
    text-decoration: none;
}


Keď ho nájdete červený text zmente na adresu vášho obrázka, alebo banneru či hlavičkz podla toho čo tam chcete mať a zelený text tie číslice nezabudnite zmeniť na tú istú hodnotu ako mám ja v tom odstavci. (100px a 70px a 100px a 70px'

A dajte uložiř a Hotovo. !!!

Výsledok ? pozrite sa na halvičku mojej stránky !!!

Tu je obrázok označení jednotlivých miest na webgardenu ak by niekto chcel meniť iné miesta prípadne nahradzvať brázkami :
Tu je adresa k schématu stránky webgarden:

http://admin.webgarden.cz/help/editor/index_skelet.htm
konik
 
Prohlášení o Cookies |
Name
Email
Comment
Or visit this link or this one