Jump to content
  • Announcements

    • Xmat

      Pravidlo pro postování v TTT

      Do sekce Tipy, triky, tutoriály nepatří žádné dotazy.   Postujte sem vaše návody, tipy a různé další věci jež uznáte za vhodné sdělit zdejšímu osazenstvu, ale veškeré dotazy směřujte do sekce Všeobecná diskuse.
    • Replik

      Seznam návodů a důležitých témat v této sekci

      Pro lepší přehlednost jsem vytvořil tento seznam, který vás, méně zkušené, lépe provede touto sekcí. Věřím, že zde najdete, co hledáte. Vypsané jsou návody, které jsou oficiálně uznané jako návody. Běžné diskuze, které neposkytují postupy a rady zvěřejněny nejsou.   Instalace vlastního MaNGOS Serveru Díky těmto návodům budete (měli by jste být) schopni vytvořit a následně spustit váš vlastní server. Nastavení je pro verze s i bez datadisku.   Instalace MaNGOS Serveru (bez datadisku TBC) - Autor Benny Instalace MaNGOS Serveru (s datadiskem TBC) - Autor Malfik Instalace MaNGOS Serveru v prostředí Linux - Autor charlie Instalace MaNGOS Serveru v prostředí Linux - Autor kupkoid   Chyby a jejich řešení při přihlašování k serveru - Autor Cybe   Zálohování uživatelských dat   Dávkový soubor (BAT soubor) pro vytvoření SQL záloh - Autor Replik   Kompilování - tvoření vlastních release (revizí)   Tvorba kompilací pro Win32 (MangoScript) - Autor bLuma   Ostatní - těžko zařaditelné, ale neznamená to, že nejsou dobré   VIP Systém - Autor charlie Tvorba Webových stránek pro MaNGOS - Autor zahuba Tvorba teleportačních NPC (MangoScript) - Autor Replik Registrační web (původně předělaná SPORA) Funkční pro Antrix i MaNGOS - Autor Replik Nastavení a spuštění Minimanager pro MaNGOS - Autor BlackMartin Nastavení MaNGOS Website - Autor Artorius   Samozřejmě jsou zde i jiné návody, ale tyto jsou nejvíce používané, proto věřím, že vám budou nápomocné. Tuto sekci budeme upravovat podle potřeby. Pokud by jste něco nenašli nebo si nevěděli rady, hledejte na fóru a teprve potom založte vlastní topik. Pokud nějaký autor vytvoří kvalitní návod a chtěl by ho zveřejnit i v tomto seznamu, doporučuji, aby mi napsal zprávu skrze PM.   Díky a přeji hezký den na WoWResource   Replik
    • Aristo

      Příspěvky tam, kde nemají co dělat

      Dodržujte zákaz přispívání do topiků s repaky pokud si to zakladatelé nepřejí!! Opakované psaní příspěvků bude trestáno warnem.
    • Aristo

      Používání spoilerů

      Poslední dobou má většina uživatelů fora zvláštní nutkání postovat extrémně dlouhé texty nebo kódy, které zabírají v nejedenom případu i 80% obsahu celé stránky a hodně tak zvedají nepřehlednost v topiku. Chtěl bych všechny uživatele požádat, aby při postování citací, jakýchkoliv kódů, errorů, atp... delších než 30 řádků používali funkci spoileru.   Funkci vyvoláte příkazem [spoiler] text [/spoiler]   Ukázka:  
Sign in to follow this  
Gradencz

Gradencz template

Recommended Posts

Tak jsem se dneska nudil protože sem byl nemocný a tak sem skoušel vytvořit svůj první template :rolleyes: No a ono se mi to vydařilo aspon mě se to líbý tak uvidím co vám :)

 

screenshot001tq2.th.jpg

 

A tady si to můžete stáhnout http://filebeam.com/eb2773eb20de13428af98a30c58a6518

 

Doufám že se to někomu bude hodit a doufám že mi to pochválíte ...

Edited by Gradencz

Share this post


Link to post
Share on other sites

mnooo templata jako taková to není špatná ale ten header je otřesný, chtělo by to udělat ějaké přechody aspon mezi těmi obrázky co sou na krjích a mezi pozadím :-/ ale jinak ocenuju že se do něčeho takového pouštíš :)

Share this post


Link to post
Share on other sites

Ako snaha sa určite cení, to nepopieram, ale pozadie s tématikou webu vôbec nesúvisí, priam sa tam až nehodí (hovorím o pozadí). Potom header, WoW logo s neorezaným pozadím, dve postavy, taktiež neorezané, ale ako vravím, snaha sa cení, aj keď neviem kto by to použil ako template na svoje stránky. Gl do budúcna.

Share this post


Link to post
Share on other sites
mnooo templata jako taková to není špatná ale ten header je otřesný, chtělo by to udělat ějaké přechody aspon mezi těmi obrázky co sou na krjích a mezi pozadím :-/ ale jinak ocenuju že se do něčeho takového pouštíš :)

Jojo ja to ještě upravím a budu sem házet aktualizace...ten header je tam proto bo sme nenašel nějakej hezčíí :) kdybys nějáky měl nebo nějáke rady napiš mi na icq 491765793

Share this post


Link to post
Share on other sites
Veď header hľadať nemusíš, to je práca v PS na 5-10 minút zladiť do seba pár obrázkov.

jojo ted sem si na to vzpoměl :) ale to pozadí se tam podle mě hodíí :) sice to ktomu nesouvisi ale podle mě tomu dodava trochu šmak :) a vištak si ho někdo může upravit:)

Share this post


Link to post
Share on other sites

Pravdaže. Môžeš mi odscreenovať footer templatu? Veľmi rád by som videl, ako si ho vyriešil.

Share this post


Link to post
Share on other sites

Mě se tam to pozadí líbí :) není dobré furt cpát tam WoW :-/ to už neni originální :) tohle je budoucnosst webu :D

Share this post


Link to post
Share on other sites

Ja som nikdy netvrdil, že má byť v pozadí WoW tématika, len som povedal, že sa to pozadie tam nehodí. Axxxa to má napríklad pekne vyriešené.

 

 

// Stiahol som si template a pozrel footer, ani ten mi tam vôbec nesedí, treba to zladiť viac a bude to v pohode.

Edited by aNGElo

Share this post


Link to post
Share on other sites
Mě se tam to pozadí líbí :) není dobré furt cpát tam WoW :-/ to už neni originální :) tohle je budoucnosst webu :D

Souhlasim :) hehe už makám na trochu lepšíí verzi :))) na netu sem našel ještě Nějake html ktere mito doladíí a už dělám i novej header

Share this post


Link to post
Share on other sites

celkom pekne ;)

background uz mam na ploche :D (good)

nedostatky ako pisali hore ...header, footer (maly odskok), menu by som spravil cez css lepsie ako 100 buttonov ;), pozadie by som dal rolovat alebo staticky aby bolo dole ale to uz su len detaily .....template ako celok je dobry ;)

 

nekdo chcel footer 19755545er5.th.png

Share this post


Link to post
Share on other sites
celkom pekne ;)

background uz mam na ploche :D (good)

nedostatky ako pisali hore ...header, footer (maly odskok), menu by som spravil cez css lepsie ako 100 buttonov ;), pozadie by som dal rolovat alebo staticky aby bolo dole ale to uz su len detaily .....template ako celok je dobry ;)

 

nekdo chcel footer 19755545er5.th.png

 

jojo taky ho mam na ploše :rolleyes: hehe a v css se ještě učím...a ten header fakt uhyba mno ale ted virabim novej a trochu upravuju i to html...:) kdyby si treba to menu chtěl spravit tak ti nic nebrání :) jen budu rád

Share this post


Link to post
Share on other sites

Jen jak vidím tu spodní část; pokud nemáš pozadí, které se opakuje ve všech směrech, tak tam určitě hoď něco jako

backgound-attachment: fixed;
background-position: bottom;
background-repeat: repeat-x;

což by ti mělo zachránit správné umístění a násilné přechody na jakémkoliv rozlišení ;)

 

edit: Jinak jak tak na to koukám (ze screenů), spousta věcí ti tam vysloveně nesedí, většinou jen o pár pixelů, ovšem takovéhle drobnosti jsou právě ty, které jsou vidět nejvíc ;)

Edited by axxxa

Share this post


Link to post
Share on other sites
Jen jak vidím tu spodní část; pokud nemáš pozadí, které se opakuje ve všech směrech, tak tam určitě hoď něco jako

backgound-attachment: fixed;
background-position: bottom;
background-repeat: repeat-x;

což by ti mělo zachránit správné umístění a násilné přechody na jakémkoliv rozlišení ;)

 

edit: Jinak jak tak na to koukám (ze screenů), spousta věcí ti tam vysloveně nesedí, většinou jen o pár pixelů, ovšem takovéhle drobnosti jsou právě ty, které jsou vidět nejvíc ;)

Mno jo zkouším to upravit :-D ale moc mi to nejde tak Jestli bysi mi trosku poradila bo to trochu upravila :-D

Share this post


Link to post
Share on other sites
backgound-attachment: fixed;
background-position: bottom;
background-repeat: repeat-x;

 

to mu moc nepomože....nema to napisane v css, vsetko je v html

 

Share this post


Link to post
Share on other sites

V tom případě udělej třeba tuhle prasárnu;

<body style="backgound-attachment: fixed; background-position: bottom; background-repeat: repeat-x; background-image: url(obrazek.jpg);">

 

;)

Share this post


Link to post
Share on other sites
V tom případě udělej třeba tuhle prasárnu;

<body style="backgound-attachment: fixed; background-position: bottom; background-repeat: repeat-x; background-image: url(obrazek.jpg);">

 

;)

Ok skusim:)

Share this post


Link to post
Share on other sites

Možná když budu mít čas tak ti to přepíšu na zvlášť html a zvlášť css :) Jinak ten web je pěknej

Share this post


Link to post
Share on other sites
Možná když budu mít čas tak ti to přepíšu na zvlášť html a zvlášť css :) Jinak ten web je pěknej

Hehe diky a byl bys hodnej :) jinac už sem byl vknihovne a pučil sem si knižki o css a html :-D tak študuju :-D a vidim tu věci ktere jserm ještě neviděl :-D

Edited by Gradencz

Share this post


Link to post
Share on other sites

Ona tady na to knížka být ani nemusí stačí se podivat na www.jakpsatweb.cz nebo www.jaknaweb.cz nebo www.tvorba-webu.cz ...

Share this post


Link to post
Share on other sites
Ona tady na to knížka být ani nemusí stačí se podivat na www.jakpsatweb.cz nebo www.jaknaweb.cz nebo www.tvorba-webu.cz ...

Na jakpsatweb študuju taky:)

Share this post


Link to post
Share on other sites

A konkrétně cssko je hodně jednoduché, vždyť tam vlastně jenom "popisuješ", jak chceš aby výsledný kousek kódu vypadal :-)

Hrozně se mi líbí příkládek ve stylu: "Přála bych si jednu vrstvu, pojmenovanou obdelník, jejíž pozice bude vůči jejímu okolí relativní, ne menší než 400 pixelů na délku a 200 pixelů na výšku. Jako pozadí zvol obrázek, nacházející se na této adrese a opakuj ho v tomto směru. Bude-li do této vrstvy vypsán text, nechť je jeho velikost 40 pixelů a jeden řádek nech't je vysoký 400 pixelů. Nechť je tento text červený a podtržený. Přesáhne-li tento velikost vrstvy, nechť není zobrazen." ;)

 

Což se dá zkráceně napsat jako

 

#obdelník {
position: relative;
width: 400px; 
height: 200px;
background-image: url(obrazek.jpg);
background-repeat: repeat-y;
font-size: 40px; 
line-height: 400px;
color: red;
text-decoration: underline;
overflow: hidden;
}

Share this post


Link to post
Share on other sites
A konkrétně cssko je hodně jednoduché, vždyť tam vlastně jenom "popisuješ", jak chceš aby výsledný kousek kódu vypadal :-)

Hrozně se mi líbí příkládek ve stylu: "Přála bych si jednu vrstvu, pojmenovanou obdelník, jejíž pozice bude vůči jejímu okolí relativní, ne menší než 400 pixelů na délku a 200 pixelů na výšku. Jako pozadí zvol obrázek, nacházející se na této adrese a opakuj ho v tomto směru. Bude-li do této vrstvy vypsán text, nechť je jeho velikost 40 pixelů a jeden řádek nech't je vysoký 400 pixelů. Nechť je tento text červený a podtržený. Přesáhne-li tento velikost vrstvy, nechť není zobrazen." ;)

 

Což se dá zkráceně napsat jako

 

#obdelník {
position: relative;
width: 400px; 
height: 200px;
background-image: url(obrazek.jpg);
background-repeat: repeat-y;
font-size: 40px; 
line-height: 400px;
color: red;
text-decoration: underline;
overflow: hidden;
}

Oki :)

Share this post


Link to post
Share on other sites
A konkrétně cssko je hodně jednoduché, vždyť tam vlastně jenom "popisuješ", jak chceš aby výsledný kousek kódu vypadal :-)

Hrozně se mi líbí příkládek ve stylu: "Přála bych si jednu vrstvu, pojmenovanou obdelník, jejíž pozice bude vůči jejímu okolí relativní, ne menší než 400 pixelů na délku a 200 pixelů na výšku. Jako pozadí zvol obrázek, nacházející se na této adrese a opakuj ho v tomto směru. Bude-li do této vrstvy vypsán text, nechť je jeho velikost 40 pixelů a jeden řádek nech't je vysoký 400 pixelů. Nechť je tento text červený a podtržený. Přesáhne-li tento velikost vrstvy, nechť není zobrazen." ;)

 

Což se dá zkráceně napsat jako

 

#obdelník {
position: relative;
width: 400px; 
height: 200px;
background-image: url(obrazek.jpg);
background-repeat: repeat-y;
font-size: 40px; 
line-height: 400px;
color: red;
text-decoration: underline;
overflow: hidden;
}

 

 

 

Myslím, že keby sa takto písali knihy a návody na internete, učilo by sa programovanie oveľa ľahšie. Nie ako všade vidím odborné termíny, ktoré musím lúštiť na googli.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×