Návod na používání Éstránek
Na základě množících se dotazů jsem se rozhodl napsat tento článek ve kterém jsem chtěl shrnout jak postupovat s vkládáním Anket, knihy... a ostatních aktivních částí na těchto stránkách www.pda.estranky.cz. Na většinu dotazů najde už odpověď ve fóru estranek, na adrese www.estranky.cz/forum, kde jsem také na hodně dotazů reagoval. Tento článek budu postupně rozšiřovat.
Žádám odborníky o schovývavost snažil jsem se tento návod napsat tak aby to s troškou nadsázky zvládla i moje babička;-). Předpokládám, že uživatelé estranek jsou lidé, kteří toho o Html, java a podobných věcech moc neví. Předem upozorňuji, že zde zveřejněné kódy se můžou lišit podle vámi vybrané šablony.
Takže začneme od vrchu:
Vyhledávání
Vyhledávání probíhá přes server www.jyxo.cz do šablony stránek je potřeba vložit tento kod pro vyhledávání:
Přihlašte se na účet svých estranek, kde v nastavení klikněte na "Upravit kód šablony". Až dole je nastavení levého sloupce:
Portrét
Menu
Položka menu
Popisek - "Fotoalbum"
Popisek - "Úvod"
Menu fotoalbum
Položka menu fotoalbum
Poslední fotogalerie
Obrázek náhled v poslední fotogalerii
Oblíbené odkazy
Odkaz v oblíbených odkazech
Archiv - kalendář¨
Vyberte kam chcete novou funkci Vašich stránek vložit. Já ji vložil nad "Menu". Klikněte tedy na odkaz menu. Otevře se okno s html kódem.
<h3>Menu</h3>
<div id="menu"> <ul> <!-- user_menu_polozky -->
</ul></div>
Doplníte kód funkce vyhledávání: (kopírovat CTRL+C / vložitCTRL+V)
<h3>Vyhledávání</h3>
<div class="box">
<P align=center><form action="http://jyxo.cz/search.php?">
<label>Hledat tady: </label>
<input type="hidden" value="on" name="stem" />
<input type="hidden" value="cz@www.pda.estranky.cz" name="d" />
<input type="text" name="s" size="10"/>
<input type="submit" value=" OK " />
</form>
<form method="get" action="http://www.google.com/search">
<label>Hledat na internetu:</label>
<input type="hidden" name="hl" value="cs" />
<input type="hidden" name="inlang" value="cs" />
<input type="hidden" name="as_sitesearch" />
<input size="10" name="as_q" />
<input type="submit" value=" OK " />
</form>
</P>
</div>
<h3>Menu</h3>
<div id="menu"> <ul> <!-- user_menu_polozky -->
</ul></div>
Červený text nahradíte adresou Vašich stránek www.neco.estranky.cz
Pokud chcete jen vyhledávání na svých stránkách a ne vyhledávač pro celý internet vložte jen první form.
<h3>Vyhledávání</h3>
<div class="box">
<P align=center><form action="http://jyxo.cz/search.php?">
<label>Hledat tady: </label>
<input type="hidden" value="on" name="stem" />
<input type="hidden" value="cz@www.pda.estranky.cz" name="d" />
<input type="text" name="s" size="10"/>
<input type="submit" value=" OK " />
</form>
</P>
</div>
<h3>Menu</h3>
<div id="menu"> <ul> <!-- user_menu_polozky -->
</ul></div>
Pokud nechcete aby kolem pole byl ten rámeček ze šablony (tak jako u hodin na těchto stránkách) vynechejte pole div:
<P align=center><form action="http://jyxo.cz/search.php?">
<label>Hledat tady: </label>
<input type="hidden" value="on" name="stem" />
<input type="hidden" value="cz@www.pda.estranky.cz" name="d" />
<input type="text" name="s" size="10"/>
<input type="submit" value=" OK " />
</form>
</P>
Tento postup bude podobný i ostatních vložených prvků.
Hodiny
Hodiny si vytvoříte na adrese http://www.clocklink.com/ENG/gallery.htm . Vyberte si vzhled hodin které se Vám líbí. Klikněte na odkaz "View HTML tag".
Upravte si barvu která se hodí do vaší šablony.
Natavte časové pásmo "CET: Cental Europe Time (+01:00).
Nastavte rozměr.
Zobrazí se Vám kod například:
<embed src="http://www.clocklink.com/clocks/0007-Blue.swf?TimeZone=CET" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash">
Tento vložíte do svých stránek stejně jako vyhledávání tentokrát do Archívu
Například:
<P src="http://www.clocklink.com/clocks/0005-Blue.swf?TimeZone=CET" width="150" height="150" wmode="transparent" type="application/x-shockwave-flash"></P>
<h3>Zasílání novinek</h3>
<div></div>
<h3>Archiv</h3>
<div id="kalendar"> <!-- table -->
</div>
Kniha, Anketa...
Knihu a ostatní aktivní prvky si vytvoříte například na adrese http://www.blueboard.cz/. Je potřeba provést zdarma registraci a vytvoříte si "ShoutBoard" Nastavíte barevné schéma a ostatní úpravy. Jen pozor na šířku! Šířka knihy by neměla být širší než šířka levého sloupce. Jinak to rozhodí vzhled stránek. ( U šablony kterou mám já je to 155 ). Potvrdíte tlačítkem "Ulož nastavení" Dole je potom kód, který vložíte do svých stránek například:
<!-- BLUEBOARD SHOUTBOARD -->
<iframe frameborder="0" scrolling="no" width="155" height="220" src="http://www.blueboard.cz/shoutboard.php?hid=j7j1nfi9p5f2c6b0ds56i2f5r3sdaj">
<a href=http://www.blueboard.cz/....>ShoutBoard od BlueBoard.cz</a>
</iframe>
<!-- BLUEBOARD SHOUTBOARD KONEC -->
Tento vložíte do svých stránek stejně jako vyhledávání tentokrát do Archívu
Například:
<h3>Archiv</h3>
<div id="kalendar" class="box">
<!-- table -->
</div>
<h3>Kniha</h3>
<div class="box">
<p align="center">
<!-- BLUEBOARD SHOUTBOARD -->
<iframe frameborder="0" scrolling="no" width="155" height="220" src="http://www.blueboard.cz/shoutboard.php?.....">
<a href=http://www.blueboard.cz/shoutboard.php?......>ShoutBoard od BlueBoard.cz</a>
</iframe>
<!-- BLUEBOARD SHOUTBOARD KONEC -->
</p>
</div>
Stejným způsobem vložíte i ankety a ostatní prvky
EDIT 10.5.2006
Provedené změny v šabloně je potřeba ?Aktivovat?!
V "Nastavení" / "Upravit kód šablony"
cca třetí řádek je nazev šablony (Například Styl C - výchozí) záleží na vámi vybraném vzhledu. Přepište název (třeba na Styl C - Upravená) a stiskni dole "Ulož změny jako novou šablonu"
cca druhý řádek nahoře je "Přiřazená šablona:"
Vyber tu svoji přejmenovanou a potvrď "Nastavit"
Barvy
Při vkládání všech anket, chatů a ostatních prvků si můžete nastavit barvu aby to ladilo;-). Opravdu to vypadá blbě, když máte vybrané zelené barevné schéma na estránkách a do toho vložíte růžovou knihu a fialovou anketu. Pro tyto potřeby se Vám může hodit jednoduchý program pastelka:
Popis:
http://www.hronware.com/?rel=pastelka
Soubor ke stažení:
http://hronware.com/freeware/download/Pastelka2.zip
není potřeba instalvat jen spustíte soubor pastelka.exe
Potom již vidíte kod jakékoliv barvy, která je pod kurzorem myši. Je to jednoduchý.
tady je recenze programu:
http://owebu.cz/editory/vypis.php?clanek=84
Video
Kód pro přehrávání videa:
<OBJECT ID="video0" WIDTH=330 HEIGHT="290" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" border="0" type='application/x-oleobject' align="middle">
<param name="balance" value="0">
<param name="uiMode" value="full">
<param name="stretchToFit" value="-1">
<param name="enableErrorDialogs" value="0">
<param name="volume" value="50">
<param name="url" value="http://adresa">
<param name="autoStart" value="0">
</OBJECT>
Červený text nahradíte adresou vašeho videa. Kod vložíte do stránky přepnutím se do HTML editoru odkaz vpravo nad editorem "WYSIWYG / HTML". Pak uložit. POZOR! pak už stránku neotvirejte jinak než v HTML editoru jinak se kód rozhodí a přestane video na stránkách fungovat.
Zajímavé odkazy
ChatBoard - Pokecejte si s kamarády ve vašem vlastním chatu...
OnlineMonitor - Ukazuje kolik lidí si právě prohlíží vaše stránky
BlueForm - Návštěvníci vašich stránek vám pošlou rychle email...
Anketa - Zjistěte názory návštěvníků vašich stránek...
ShoutBoard - Rychlý způsob, jak se vyjádřit...
Počítadlo - Zaznamenávejte přístupy na vaše stránky...
Návštěvní kniha - Nechte návštěvníky vašich stránek zanechat vzkaz...
Počítadlo stažení - Počítá stáhnutí jakýchkoli souborů
Anketa
Formulář
Guestbook
Chat
Link Counter
Newsboard
On-line ukazatel
Počítadlo
Rozesílač novinek
Vzkazník
Návštěvní kniha
LoginForm
Kvíz (testy)
MailForm
Novinky
http://www.jakpsatweb.cz/ Rozsáhlý web o tvobě stránek
http://www.jaknaweb.com/ Rozsáhlý web o tvobě stránek
http://java.tatousek.cz/ Hotové Java scripty pro Vaše stránky
http://www.estranky.cz/forum/ Forum estránek
EDIT 24.4.2006:
Jak upozornil spravce serveru je tu i druhá možnost jak vložit do menu prvky:
Cituji z fóra:
Osobně bych spíše doporučil upravit přímo hlavní šablonu. Takto pokud někdy vypnete modul archi, nezobrazí se ani úpravy.
Vložte to například sem:
<div id="submenu">
<div id="submenu-in">
<!-- user_portret -->
<!-- user_menu -->
<!-- user_fotoalba -->
<!-- user_poslednifotoalbum -->
<!-- user_odkazy -->
<!-- user_kalendar10 -->
T a d y t o m ů ž e t e v l o ž i t
<!-- user_toplist -->
</div></div>
Přihlašte se na účet svých estranek, kde v nastavení klikněte na "Upravit kód šablony". Dále pak: Hlavní: / Hlavní šablona
Otevře se nové okno a vněm naleznete submenu-in.
Ty tagy <!-- user_portret --> atd. určují, kde se vypisují jednotlivé moduly. Co je mezi nimi se vypíše mezi ně. Můžete měnit i pořadí