« 1 2 »
Autor Zpráva
zis
Profil *
nazdar lidi
chtěl sem se zeptat že dělám stránky stylem že si nakreslim šablonu, tu dám na pozadí stránky a pak na ní relativně pozicuju aby to přesně sedělo, bohužel i tabulky. Problém je v tom že když má uživatel třeba nastavený větší písmo či co tak už je to pochopitelně všechno rozházený.
takže jak tak mám udělat web aby všechno sedělo nějakej postup nebo tak.
předem díky za rady
Tin
Profil
??????????
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
přečti si www.jakpsatweb.cz
mám tomu rozumět tak, že máš fotku pozadí a nad ní text stránky???
V tom případě si opravdu přečti JPW.
Problém je v tom že když má uživatel třeba nastavený větší písmo -- no tak to písmo nedělej zvětšovací (px, pt místo em, %) -- v IE to nepůjde zvětšit nijak, O zvětšuje CELOU stránku včetně obrázků, FF nevim. Ale pokud to necháš takhle, tak jak jsem ateista ať je bůh nade mnou, že se na takovéhle stránky v životě nedostanu
zis
Profil *
no nevim jestli si mě pochopil dám si na pozadí divu "šablonu" která je nakreslená a kde co přesně bude,
potom začínám psát a dávat img a buttony na již nakreslenou šablonu přesně že se to překrejvá. Problém nastává v tom že když dá na prohlížeči zvětšit písmo tak se mi to rozhází kvůli tomu relativnímu pozicování protože se text a obrázky myslim taky zvětšej...
Petra
Profil
Bylo by dobrý, dát sem odkaz, abychom viděli, o čem se tu vlastně bavíme. Jestli si to ale představuju správně, tak je potřeba tu tvojí šablonu na pozadí vzít a rozřezat jí na kousky podle jednotlivých elementů - menu, tlačítek, hlavičky, nadpisů, atd. To pak dáš na pozadí těch příslušných elementů.

Jinak se zvětšováním písma je dobrý v grafice počítat a nedělat vylomeniny, u kterých se web totálně rozpadne i při malém zvětšení.
zis
Profil *
jojo ten web bude na netu během dneška či zítřka pak sem hodim odkaz, jinak jaks řikala tu šablonu sem rozřezal a umisťuju je tam kam potřebuju pomocí relativního pozicování což podle mě neni moc dobře protože jakmile si zvětší to písmo tak se to bude pozicovat o větší rozměr příklad
normál img width="10" height="10" po zvětšení-> img width="20" height="20" a to co pozicuju od toho prvního je rázem o 10px vedle
to je právě ono web se mi rozpadne při sebemenšim zvětšení
Tin
Profil
...vzít a rozřezat jí na kousky... jo a nebo se naučit http://www.jakpsatweb.cz/css/border.html
Tin
Profil
1) každá číselná hodnota MÁ MÍT svojí JEDNOTKU
2) pokud napíšu 10px tak to JE 10px ať se to zvětšuje jak chce (IE to neumí zvětšit nijak, O zvětšuje CELOU stránku včetně obrázků, FF nevim)
zis
Profil *
jojo zvětšuje celou stránku jak ff tak ie, ale on to zvětší pomocí na liště zobrazit->velikost textu->zvětšit
a pak se mi to rozhází
Tin
Profil
zobrazit->velikost textu -- to ale dokáže šáhnout jen na rozměry v relativních jednotkách. Pro ie je PIXEL pořád PIXEL, ať se děje cokoliv
zis
Profil *
hele já ti pak dám odkaz až to bude na netu a vyzkoušíš to, já taky přesně nevim proč se mi to rozhazuje podle mě je to že to pozicuju relativně a jak se jeden rozměr zvětší, "zvětší" se i pozicování o určitej kus ale možná se pletu
Tin
Profil
jo ok. Kdyby ie dokázal zvětšit rozměr v px, tak bych vážně zíral
relativní pozicování v ie ti web odešle do imho háje
stejně si myslím ža ta tvoje skládanka by se měla pozicovat absolutně -- když už teda nějak
zis
Profil *
jojo vim že relativně je to naprd, a absolutně ještě víc protože mám div na středu do kterýho dávám ty věci a absolutní pozicování máš od okraje stránky, nevím no
Tin
Profil
absolutně to nemusí být od kraje stránky http://www.jakpsatweb.cz/css/position.html
jo a prosimtě, ukaž mi zdroj. ad a bych strašně rád viděl, cos poskládal za šílenost, ad b bych ti s tim rád pomohl
zis
Profil *
ok
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>~:Jira´s Games website:~</title>

<style>

.TableClass{
font: 17px/0.6 Monotype Corsiva;
color:#ff9900;
}
div.menu {
display:none;
position:relative;
width: 80px;
border:2px black solid;
color: white;
background-image:url('Photoshop/animace-aktualizace.gif')

}

div.menu2 {
display:none;
position:absolute;
width: 80px;
border:1px blue solid;
color: white;
}

DIV {
margin: auto;
Margin-left: auto;
Margin-right: auto;
padding: 0px 0px 0px 0px;
padding-botom: 1px;

border: 0px solid black;
text-align: left;
vertical-align: bottom;
display:inline;
display:block;

clear:both;
}

.click {
color: black;
font:bold 8px/0.1 Arial;
position:relative;
left:10px;
}

</style>


</head>
<body style="text-align:center" bgcolor="black" background="Photoshop/backg.jpg">
<script>
function show(idmenu){
x = document.getElementById(idmenu);
x.style.display="block";
}

function closeME(idmenu){
x = document.getElementById(idmenu);
x.style.display="none";
}

</script>


<div style="background-image:url('Photoshop/pozadi.jpg');width:750; height:1000;text-align:">

<table width="708" height="200" border="0" align="center">
<td></td>
<tr>
<td></td>
<tr>
<td></td>
<tr>
<td></td>
<tr>
<td></td>

<tr>
<td></td>
<tr>
<td></td>
<tr>
<td></td>
<tr>
<td></td>
<tr>
<td style="background-image:url('Photoshop/runtext.gif')"></td><!-- <img style="position:absolute;left:148px;top:178px;"src="C:/Documents and Settings/Zis/Dokumenty/Zis - Škola/T4.A/PVY/JirkaWeb/Photoshop/runtext.gif" ALT="Ukazatel"> -->
<tr>
</table>


<img style="position:relative;left:483px;top:0px;"src="Photoshop/animace-př ekrytí.gif" ALT="animace">
<span style="color:red;position:relative;left:90">Aktuální čas:</span> <span style="color:#ffcc00;position:relative;left:90" id="cas"></span>.
<script>

function naplnCas (){
var datum = new Date();
sec = datum.getSeconds();
mint = datum.getMinutes();
hour = datum.getHours();

if (hour<10){
if (mint<10){
if (sec<10){aktualniCas = "0"+ hour + ":0" + mint + ":0" + sec;}
else {aktualniCas = "0" + hour + ":0" + mint + ":" + sec;}}

else {if (sec<10){aktualniCas = "0" + hour + ":" + mint + ":0" + sec;}
else {aktualniCas = "0" + hour + ":" + mint + ":" + sec;}
}
}

else{
if (mint<10){
if (sec<10){aktualniCas = hour + ":0" + mint + ":0" + sec;}
else {aktualniCas = hour + ":0" + mint + ":" + sec;}}

else {if (sec<10){aktualniCas = hour + ":" + mint + ":0" + sec;}
else {aktualniCas = hour + ":" + mint + ":" + sec;}
}
}
window.document.getElementById("cas").innerHTML = aktualniCas;

}

naplnCas();
window.setInterval("naplnCas()", 1000);
</script>

<span style="color:red;position:relative;left:-200">Dnes je:</span><span id="dat" style="color:#ffcc00;position:relative;left:-200"></span>
<script>

function datum(){
var promenna = new Date();
month = promenna.getMonth()+1
aktdatum = promenna.getDate() + "." + month+ "." + promenna.getFullYear();
window.document.getElementById("dat").innerHTML = aktdatum;
}

datum();
window.setInterval("datum()", 1000);
</script>

<script>
function on(idp){
p = document.getElementById(idp)
p.style.color = "red";
p.style.cursor = "pointer";
}

function leave(idp){
p = document.getElementById(idp)
p.style.color = "black";
}
/*
function DivBack(idp){
p = document.getElementById(idp);
p.style.background.image = 'Photoshop/animace-aktualizace.bmp';
}
*/
</script>

<!-- onclick="window.open('http://www.seznam.cz')" - přesměruje -->

<img style="position:relative;left:-516;top:60;cursor:pointer" src="Photoshop/uv.bmp" onmouseover="this.src='Photoshop/animace-uvbutt.gif'" onmouseout="this.src='Photoshop/uv.bmp'" onclick=" window.location.href='uvod.htm'">
<img style="position:relative;left:-607;top:82;cursor:pointer" src="Photoshop/hry1.bmp" onmouseover="this.src='Photoshop/animace-hry1butt.gif'" onmouseout="this.src='Photoshop/hry1.bmp'" onclick=" window.location.href='hryvprodeji.htm'">
<!---->
<table table-layout:fixed cellspacing="0" cellpadding="0" border="1" frame="void" rules="none" width="110" height="60" style="position:relative;left:29;top:82">
<td><img id="ro"style="cursor:pointer" src="Photoshop/robobutt.jpg" onmouseover="this.src='Photoshop/robobutt.bmp';show('m_div1')" onmouseout="this.src='Photoshop/robobutt2.bmp';closeME('m_div1')" onclick=" window.location.href='robomaso.htm'"></td>
<td><div class="menu" id="m_div1" style="background-color:#ffcc00;width:100;height:15;cursor:pointer" onmouseover="ro.src='Photoshop/robobutt.bmp';show('m_div1')" onmouseleave="closeME('m_div1');ro.src='Photoshop/robobutt2.bmp'" onclick=" window.location.href='info.htm'"><!--<span id="s1" class="click" style="top:-3" onmouseover="on('s1')" onmouseout="leave('s1')" onclick=" window.location.href='http://www.seznam.cz'">Aktualizace</span>--></di v></td>
<tr>
<td style="position:relative;left:1;top:3"><img id="ju"style="cursor:pointer" src="Photoshop/juchbutt2.bmp" onmouseover="this.src='Photoshop/juchbutt.bmp';show('m_div2')" onmouseout="this.src='Photoshop/juchbutt2.bmp';closeME('m_div2')" onclick=" window.location.href='juchajdo.htm'"></td>
<td><div class="menu" id="m_div2" style="background-color:red;width:100;height:15;position:relative;top: 2;cursor:pointer" onmouseover="ju.src='Photoshop/juchbutt.bmp';show('m_div2')" onmouseleave="closeME('m_div2');ju.src='Photoshop/juchbutt2.bmp'" onclick=" window.location.href='info.htm'"><!--<span id="s2" class="click" style="" onmouseover="on('s2')" onmouseout="leave('s2')" onclick=" window.location.href='http://www.seznam.cz'">Aktualizace</span>--></di v></td>

<tr>
<td style="position:relative;left:1;top:6"><img id="byr"style="cursor:pointer" src="Photoshop/byrobutt.bmp" onmouseover="this.src='Photoshop/byrobutt2.bmp';show('m_div3')" onmouseout="this.src='Photoshop/byrobutt.bmp';closeME('m_div3')" onclick=" window.location.href='byrokros.htm'"></td>
<td><div class="menu" id="m_div3" style="background-color:orange;width:100;height:15;position:relative;t op:7;cursor:pointer" onmouseover="byr.src='Photoshop/byrobutt2.bmp';show('m_div3')" onmouseleave="closeME('m_div3');byr.src='Photoshop/byrobutt.bmp'" onclick=" window.location.href='info.htm'"><!--<span id="s3" class="click" style="text-align:center" onmouseover="on('s3')" onmouseout="leave('s3')" onclick=" window.location.href='http://www.seznam.cz'">Aktualizace</span>--></di v></td>
</table>

<img style="position:relative;left:20;top:92;cursor:pointer" src="Photoshop/pripbutt.bmp" onmouseover="this.src='Photoshop/animace-pripbutt.gif'" onmouseout="this.src='Photoshop/pripbutt.bmp'" onclick="window.location.href='prip.htm'">
<img style="position:relative;left:-52;top:112;cursor:pointer" src="Photoshop/kolbutt.bmp" onmouseover="this.src='Photoshop/kolbutt2.bmp'" onmouseout="this.src='Photoshop/kolbutt.bmp'" onclick="window.location.href='kolem.htm'">
<img style="position:relative;left:-142;top:136;cursor:pointer" src="Photoshop/hryobn.bmp" onmouseover="this.src='Photoshop/animace-hryobn.gif'" onmouseout="this.src='Photoshop/hryobn.bmp'" onclick="window.location.href='hrynaobjednavku.htm'">
<img style="position:relative;left:-241;top:159;cursor:pointer
Tin
Profil
hmm, šílený to je (nebo to alespoň vypadá dost šíleně)
jde se pomáhat
btw: http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=17 007&page=-1 to jsi taky ty?
zis
Profil *
jojo to je skoro ten samej problém jestli to chceš řešit tak můžem přes icq to bude možná rychlejší?
Tin
Profil
šla by k tomu poslat druhá půlka?
zis
Profil *
tam už nic moc neni

<img style="position:relative;left:-241;top:159;cursor:pointer" src="Photoshop/didbutt.bmp" onmouseover="this.src='Photoshop/didbutt2.bmp'" onmouseout="this.src='Photoshop/didbutt.bmp'" onclick="window.location.href='didaktickehry.htm'">


<table cellspacing="0" cellpadding="0" style="position:relative;left:30;top:161">
<td><img style="cursor:pointer" src="Photoshop/covs-butt.bmp" onmouseover="this.src='Photoshop/covs-butt2.bmp'" onmouseout="this.src='Photoshop/covs-butt.bmp'" onclick="window.location.href='covse.htm'"></td>

</table>
<img style="position:relative;left:30;top:147;cursor:pointer" src="Photoshop/or.bmp" onmouseover="this.src='Photoshop/or2.bmp'" onmouseout="this.src='Photoshop/or.bmp'" onclick="window.location.href='orientalnikalkulace.htm'">
<img style="position:relative;left:-87;top:167;cursor:pointer" src="Photoshop/kontakty-butt.bmp" onmouseover="this.src='Photoshop/animace-kontakty-butt.gif'" onmouseout="this.src='Photoshop/kontakty-butt.bmp'" onclick="window.location.href='kontakty.htm'">
<img style="position:relative;left:-145;top:187;cursor:pointer" src="Photoshop/ohr.bmp" onmouseover="this.src='Photoshop/animace-ohr.gif'" onmouseout="this.src='Photoshop/ohr.bmp'" onclick="window.location.href='ohrachobecne.htm'">

<img src="photoshop/uvod.bmp" alt="Úvodní stránka" style="position:relative;left:-50;top:-100">

<table class="TableClass" border="0"style="position:relative;left:200;top:-100">
<td>&nbsp&nbsp Firma Jirasgames se zaměřuje především na výrobu společenských her.</td><tr>
<td>Funguje na českém trhu od roku 2002, kdy ji založil její jediný majitel a multipoziční</td><tr>

<td>zaměstnanec Jiří Mikoláš. Firma je mladá a snaží se v konkurenčním boji uspět.</td><tr>
<td>Proto každému jejímu výrobku předchází důkladný monitoring a analýza trhu.</td><tr>
<td>Na základě získaných informací volíme pro své hry takové náměty, jež na trhu nejsou</td><tr>
<td>dostatečně zastoupeny nebo vyvíjíme takové hry, které by mohly překvapit</td><tr>
<td>originalitou a při zachování kvality konkurovat cenou.</td><tr>
</td><tr></td><tr>
<td>&nbsp&nbsp Vyrábíme také hry na objednávku, stolní společenské ale i exteriérové hry</td><tr>
<td>např. (bojovky a akční hry) a pro nejrůznější účely (zábava, výchova, osvěta, školení).</td><tr>

<td>(viz hry na objednávku)Základní charakteristickou vlastností společenských her od</td><tr>
<td>firmy Jirasgames je jejich originalita. Hry se zakládají vždy na nových neobehraných</td><tr>
<td>principech.
</td><tr></td><tr>
<td>&nbsp&nbsp Další důraz je kladen na hratelnost a také na grafickou stránku.</td><tr>
<td>Spolupracujeme s předními českými výtvarníky (Kája Saudek, Petr Poltavec,</td><tr>
<td>Barbora Olmrová, Petr Štefek a další). Snažíme se, aby každá hra měla svůj</td><tr>

<td>neopakovatelný design, který by v souladu s herním systémem vytvářel dokonalé</td><tr>
<td>herní prostředí se strhující atmosférou. Proto volíme vždy ilustrátora a grafickou</td><tr>
<td>úpravu na míru danému tématu hry. Stejně tak se snažíme vybírat i herní systémy</td><tr>
<td>tak, aby co nejvíce vycházeli z předloh v realitě nebo z příběhů. Je li systém hry dobře</td><tr>
<td>zvolen, je jeho hraní a pochopení spíše intuitivní, protože vychází z reálných vztahů.</td><tr>
</td><tr></td><tr>
<td>&nbsp&nbsp Je-li hra doprovozena zajímavým příběhem a zakotvena tak v nějakém širším</td><tr>
<td>kontextu, vytváří skvělé podmínky proto, aby se hráči mohly snadno vcítit do svých</td><tr>
<td>herních rolí. Prožívání hráčů se stane uvolněnější a tak sami hráči přispějí</td><tr>

<td>k dotvoření dokonalé herní atmosféry. Naše hry jsou schopny zdravé manipulace</td><tr>
<td>hráčů a jejich hraní může vést ke skutečně nezapomenutelným zážitkům. Tím,</td><tr>
<td>že dokážeme spojit chytlavý příběh a intuitivní herní systém vytvoříme ve výsledku</td><tr>
<td>dobře hratelnou, lehce pochopitelnou a zábavnou společenskou hru s působivou</td><tr>
<td>atmosférou.</td><tr>




</td><tr>



</table>


<!--
<div style="background-:black;color:white;width:500;height:150" onmouseover="show('m_div1');show('m_div2');show('m_div3')" onmouseleave="closeME('m_div1');closeME('m_div2');closeME('m_div3')">
Najeď na mě
</div>

<div class="menu" id="m_div2" style="background-color:white;width:100;height:20;left:0px;top:0px" onmouseover="show('m_div1');show('m_div2');show('m_div3')" onmouseleave="closeME('m_div1');closeME('m_div2');closeME('m_div3')">

</div>

<div class="menu" id="m_div3" style="background-color:green;width:100;height:20;left:0px;top:0px" onmouseover="show('m_div1');show('m_div2');show('m_div3')" onmouseleave="closeME('m_div1');closeME('m_div2');closeME('m_div3')">

</div>


</div>
-->

</body>
</html>
zis
Profil *
tak co
Tin
Profil
dělám na tom. Počítám, že různý marginy si už dopíšeš ručně
Ještě něco provedu s tím menu, #obsah by už byl
jo a co to v poznámkách? smazat, použít, nechat na pokoji?
Tin
Profil
něco jsem s tím udělal, tabulky jsou pryč.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 


<html>
<head>
<title>~:Jira´s Games website:~</title>

<style>
#hlavni{
background-image: url('Photoshop/pozadi.jpg');
width: 750px;
height: 1000px;
margin: auto;
position: relative;
}
#obsah{
margin: 0 0 0 200px;
text-align: left;
}
#obsah p{
margin: 0 auto;
text-indent: 50px;
font: 115%/1.2em Monotype Corsiva;
color:#ff9900;
}


div.menu {
display:none;
position:relative;
width: 80px;
border:2px black solid;
color: white;
background-image:url('Photoshop/animace-aktualizace.gif')

}

div.menu2 {
display:none;
position:absolute;
width: 80px;
border:1px blue solid;
color: white;
}

.click {
color: black;
font:bold 8px/0.1 Arial;
position:relative;
left:10px;
}

#m_div1
{background-color:#ffcc00;width:100;height:15;cursor:pointer}
#m_div2
{background-color:red;width:100;height:15;cursor:pointer}

#sloupek{
position: absolute;
top: 100px;
left: 0px;
width: 150px;
background-color: red;
}

#sloupek img{
display: block;
}

</style>

</head>
<body style="text-align:center" background="Photoshop/backg.jpg">




<DIV id="hlavni">

<span style="color: #f00;">Aktuální čas:</span>
<span style="color: #ffcc00;" id="cas"></span>

<span style="color: #f00;">Dnes je:</span>
<span id="dat" style="color: #fc0;"></span>

<img src="Photoshop/animace-překrytí.gif" ALT="animace">


<!-- onclick="window.open('http://www.seznam.cz')" - přesměruje -->

<br>

<img src="Photoshop/uv.bmp" onmouseover="this.src='Photoshop/animace-uvbutt.gif'" onmouseout="this.src='Photoshop/uv.bmp'" onclick=" window.location.href='uvod.htm'">

<img src="Photoshop/hry1.bmp" onmouseover="this.src='Photoshop/animace-hry1butt.gif'" onmouseout="this.src='Photoshop/hry1.bmp'" onclick=" window.location.href='hryvprodeji.htm'">

<br><br>

<img id="ro" style="cursor:pointer" src="Photoshop/robobutt.jpg" onmouseover="this.src='Photoshop/robobutt.bmp';show('m_div1')" onmouseout="this.src='Photoshop/robobutt2.bmp';closeME('m_div1')" onclick="window.location.href='robomaso.htm'">

<div class="menu" id="m_div1" onmouseover="ro.src='Photoshop/robobutt.bmp';show('m_div1')" onmouseleave="closeME('m_div1');ro.src='Photoshop/robobutt2.bmp'" onclick=" window.location.href='info.htm'">

<!--<span id="s1" class="click" style="top:-3" onmouseover="on('s1')" onmouseout="leave('s1')" onclick=" window.location.href='http://www.seznam.cz'">Aktualizace</span>--></di v>



<img id="ju" src="Photoshop/juchbutt2.bmp" onmouseover="this.src='Photoshop/juchbutt.bmp';show('m_div2')" onmouseout="this.src='Photoshop/juchbutt2.bmp';closeME('m_div2')" onclick="window.location.href='juchajdo.htm'">

<div class="menu" id="m_div2" onmouseover="ju.src='Photoshop/juchbutt.bmp';show('m_div2')" onmouseleave="closeME('m_div2');ju.src='Photoshop/juchbutt2.bmp'" onclick=" window.location.href='info.htm'">

<!--<span id="s2" class="click" style="" onmouseover="on('s2')" onmouseout="leave('s2')" onclick=" window.location.href='http://www.seznam.cz'">Aktualizace</span>--></di v>



<img id="byr" src="Photoshop/byrobutt.bmp" onmouseover="this.src='Photoshop/byrobutt2.bmp';show('m_div3')" onmouseout="this.src='Photoshop/byrobutt.bmp';closeME('m_div3')" onclick="window.location.href='byrokros.htm'">

<div class="menu" id="m_div3" style="background-color:orange;width:100;height:15;position:relative;t op:7;cursor:pointer" onmouseover="byr.src='Photoshop/byrobutt2.bmp';show('m_div3')" onmouseleave="closeME('m_div3');byr.src='Photoshop/byrobutt.bmp'" onclick=" window.location.href='info.htm'">

<!--<span id="s3" class="click" style="text-align:center" onmouseover="on('s3')" onmouseout="leave('s3')" onclick=" window.location.href='http://www.seznam.cz'">Aktualizace</span>--></di v>

<DIV id="sloupek">

<img src="Photoshop/pripbutt.bmp" onmouseover="this.src='Photoshop/animace-pripbutt.gif'" onmouseout="this.src='Photoshop/pripbutt.bmp'" onclick="window.location.href='prip.htm'">
<img src="Photoshop/kolbutt.bmp" onmouseover="this.src='Photoshop/kolbutt2.bmp'" onmouseout="this.src='Photoshop/kolbutt.bmp'" onclick="window.location.href='kolem.htm'">
<img src="Photoshop/hryobn.bmp" onmouseover="this.src='Photoshop/animace-hryobn.gif'" onmouseout="this.src='Photoshop/hryobn.bmp'" onclick="window.location.href='hrynaobjednavku.htm'">
<img src="Photoshop/didbutt.bmp" onmouseover="this.src='Photoshop/didbutt2.bmp'" onmouseout="this.src='Photoshop/didbutt.bmp'" onclick="window.location.href='didaktickehry.htm'">
<img src="Photoshop/covs-butt.bmp" onmouseover="this.src='Photoshop/covs-butt2.bmp'" onmouseout="this.src='Photoshop/covs-butt.bmp'" onclick="window.location.href='covse.htm'">
<img src="Photoshop/or.bmp" onmouseover="this.src='Photoshop/or2.bmp'" onmouseout="this.src='Photoshop/or.bmp'" onclick="window.location.href='orientalnikalkulace.htm'">
<img src="Photoshop/kontakty-butt.bmp" onmouseover="this.src='Photoshop/animace-kontakty-butt.gif'" onmouseout="this.src='Photoshop/kontakty-butt.bmp'" onclick="window.location.href='kontakty.htm'">
<img src="Photoshop/ohr.bmp" onmouseover="this.src='Photoshop/animace-ohr.gif'" onmouseout="this.src='Photoshop/ohr.bmp'" onclick="window.location.href='ohrachobecne.htm'">

<img src="photoshop/uvod.bmp" alt="Úvodní stránka">

</DIV>

<DIV id="obsah">

<p>Firma Jirasgames se zaměřuje především na výrobu společenských her.
Funguje na českém trhu od roku 2002, kdy ji založil její jediný majitel a multipoziční
zaměstnanec Jiří Mikoláš. Firma je mladá a snaží se v konkurenčním boji uspět.
Proto každému jejímu výrobku předchází důkladný monitoring a analýza trhu.
Na základě získaných informací volíme pro své hry takové náměty, jež na trhu nejsou
dostatečně zastoupeny nebo vyvíjíme takové hry, které by mohly překvapit
originalitou a při zachování kvality konkurovat cenou.
</p>
<p>Vyrábíme také hry na objednávku, stolní společenské ale i exteriérové hry
např. (bojovky a akční hry) a pro nejrůznější účely (zábava, výchova, osvěta, školení).
(viz hry na objednávku)Základní charakteristickou vlastností společenských her od
firmy Jirasgames je jejich originalita. Hry se zakládají vždy na nových neobehraných
principech.
</p>
<p>Další důraz je kladen na hratelnost a také na grafickou stránku.
Spolupracujeme s předními českými výtvarníky (Kája Saudek, Petr Poltavec,
Barbora Olmrová, Petr Štefek a další). Snažíme se, aby každá hra měla svůj
neopakovatelný design, který by v souladu s herním systémem vytvářel dokonalé
herní prostředí se strhující atmosférou. Proto volíme vždy ilustrátora a grafickou
úpravu na míru danému tématu hry. Stejně tak se snažíme vybírat i herní systémy
tak, aby co nejvíce vycházeli z předloh v realitě nebo z příběhů. Je li systém hry dobře
zvolen, je jeho hraní a pochopení spíše intuitivní, protože vychází z reálných vztahů.
</p>
<p>Je-li hra doprovozena zajímavým příběhem a zakotvena tak v nějakém širším
kontextu, vytváří skvělé podmínky proto, aby se hráči mohly snadno vcítit do svých
herních rolí. Prožívání hráčů se stane uvolněnější a tak sami hráči přispějí
k dotvoření dokonalé herní atmosféry. Naše hry jsou schopny zdravé manipulace
hráčů a jejich hraní může vést ke skutečně nezapomenutelným zážitkům. Tím,
že dokážeme spojit chytlavý příběh a intuitivní herní systém vytvoříme ve výsledku
dobře hratelnou, lehce pochopitelnou a zábavnou společenskou hru s působivou
atmosférou.
</p>
</DIV>


<!--
<div style="background-:black;color:white;width:500;height:150" onmouseover="show('m_div1');show('m_div2');show('m_div3')" onmouseleave="closeME('m_div1');closeME('m_div2');closeME('m_div3')">
Najeď na mě
</div>

<div class="menu" id="m_div2" style="background-color:white;width:100;height:20;" onmouse
Tin
Profil
hmm, ten konec se nevešel, tady ho máš

<!-- 

<div style="background-:black;color:white;width:500;height:150" onmouseover="show('m_div1');show('m_div2');show('m_div3')" onmouseleave="closeME('m_div1');closeME('m_div2');closeME('m_div3')">
Najeď na mě
</div>

<div class="menu" id="m_div2" style="background-color:white;width:100;height:20;" onmouseover="show('m_div1');show('m_div2');show('m_div3')" onmouseleave="closeME('m_div1');closeME('m_div2');closeME('m_div3')">
</div>

<div class="menu" id="m_div3" style="background-color:green;width:100;height:20;" onmouseover="show('m_div1');show('m_div2');show('m_div3')" onmouseleave="closeME('m_div1');closeME('m_div2');closeME('m_div3')">
</div>


</DIV>
-->
<!--************************************************************-->

<script>
function show(idmenu){
x = document.getElementById(idmenu);
x.style.display="block";
}

function closeME(idmenu){
x = document.getElementById(idmenu);
x.style.display="none";
}

</script>
<script>

function naplnCas (){
var datum = new Date();
sec = datum.getSeconds();
mint = datum.getMinutes();
hour = datum.getHours();

if (hour<10){
if (mint<10){
if (sec<10){aktualniCas = "0"+ hour + ":0" + mint + ":0" + sec;}
else {aktualniCas = "0" + hour + ":0" + mint + ":" + sec;}}

else {if (sec<10){aktualniCas = "0" + hour + ":" + mint + ":0" + sec;}
else {aktualniCas = "0" + hour + ":" + mint + ":" + sec;}
}
}

else{
if (mint<10){
if (sec<10){aktualniCas = hour + ":0" + mint + ":0" + sec;}
else {aktualniCas = hour + ":0" + mint + ":" + sec;}}

else {if (sec<10){aktualniCas = hour + ":" + mint + ":0" + sec;}
else {aktualniCas = hour + ":" + mint + ":" + sec;}
}
}
window.document.getElementById("cas").innerHTML = aktualniCas;

}

naplnCas();
window.setInterval("naplnCas()", 1000);
</script>

<script>

function datum(){
var promenna = new Date();
month = promenna.getMonth()+1
aktdatum = promenna.getDate() + "." + month+ "." + promenna.getFullYear();
window.document.getElementById("dat").innerHTML = aktdatum;
}

datum();
window.setInterval("datum()", 1000);
</script>

<script>
function on(idp){
p = document.getElementById(idp)
p.style.color = "red";
p.style.cursor = "pointer";
}

function leave(idp){
p = document.getElementById(idp)
p.style.color = "black";
}
/*
function DivBack(idp){
p = document.getElementById(idp);
p.style.background.image = 'Photoshop/animace-aktualizace.bmp';
}
*/
</script>


</body>
</html>
zis
Profil *
dikes
zis
Profil *
ale to mi moc nepomůže ale to je fuk já ti sem pak dám ten odkaz a nějak to zkusim předělat
Tin
Profil
alespoň jsem ti předělal tu tabulku s textem -- to jsem nevěřil vlastním očím!!!
Standa
Profil *
Pokud určíš velikost písma CSS stylem, pak zůstane stále stejné - nezávisle na volbě velikosti písma v prohlížeči. Pokud ovšem toto omezení nevadí.
Anebo použij absolutní pozicování např k tělu stránky, a pak to zůstane vše na pevných i při různých velikostech písma.
habendorf
Profil
Standa: Pokud určíš velikost písma CSS stylem, pak zůstane stále stejné - nezávisle na volbě velikosti písma v prohlížeči. Pokud ovšem toto omezení nevadí.

Ale kdepak.
Tin
Profil
už jsem to tu sice psal, ale ještě jednou: v css máme jednotky absolutní (px, pt, cm, apod.) a relativní (%, em, ad.). Absolutní jsou pořád stejné, relativní se mění.
http://www.jakpsatweb.cz/css/css-jednotky.html
Leo
Profil
Px a pt a cm jsou absolutni v jakem smyslu? Pokud je pouziju, tak na monitoru kazdy uvidi pismo ruzne velky napr. podle rozliseni monitoru. Leo
Tin
Profil
px je absolutní v tom, že 1px je to pořád 1px a nemůže se zvětšit. Bez ohledu na snahu zvětšit si písmo
« 1 2 »
Toto téma je uzamčeno. Odpověď nelze zaslat.

0