Autor Zpráva
Pato92
Profil *
#1 · Zasláno: 31. 8. 2008, 22:00:43
Odpovědět Citovat
Caute stiahol som si sablonu file:///C:/pokus/greenlush/index.html a neviem ako mam spravit napriklad ked kliknem na about me aby sa mi to zobrailo na strede kde mam napisane home a pod tym caute :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- *****************************
** green lush css based layout **
** ---------------------------- **
** author: Yamazaki **
** this layout is free for **
** download, however you can't **
** redistribute it and put the **
** zip / rar file in your web **
** without any permissions from **
** the author. thank you **
** ---------------------------- **
** have fun with the layout **
****************************** -->

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Green Lush</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="green lush is a greeny layout with a valid XHTML 1.1 strict and CSS 2 specification" />
<meta name="keywords" content="layout, css layout, xhtml layout, css, xhtml, webstandards, free, free layout, free div layout" />
<meta name="author" content="Yamazaki" />
<link rel="stylesheet" type="text/css" href="css.css" media="screen" />
</head>

<body>
<!-- YOU SHOULD TRY TO MAKE EVERY ELEMENTS INSIDE THE CONTAINER! NOT OUTSIDE THE CONTAINER -->
<div id="container">

<!-- HEADER -->
<div id="header"><div class="headtitle">GREEN LUSH</div></div>
<!-- END HEADER -->

<!-- MENU -->
<div id="menu">
<ul>
<li><a href="id="insidecontent1" title="">HOME</a></li>
<li><a href="#" title="">ABOUT ME</a></li>
<li><a href="#" title="">MY WORKS</a></li>
<li><a href="#" title="">SERVICES</a></li>
<li><a href="#" title="">DOWNLOAD</a></li>
<li><a href="#" title="">CONTACT ME</a></li>
<li><a href="#" title="">QUICK MESSAGE</a></li>
<li><a href="#" title="">LINKS</a></li>
</ul>
</div>
<!-- END MENU -->

<!-- ROUNDED SHAPE BELOW HEADER -->
<div id="roundedheader">&nbsp;</div>

<!-- START CONTENT -->
<div id="content">


<!-- LEFT DIV -->
<div id="insidecontent">

<h1>home</h1>
<h2>home</h2>

<h3>Caute</h3>
nazdar
</div>
<!-- END LEFT DIV -->

<!-- SIDEBAR -->
<div id="sidebar">

<h1>download</h1>
<h2>download</h2>

<h3>stahuj</h3>



</div>
<!-- END SIDEBAR -->

<!--
CLEAR BOTH FLOAT. THIS IS IMPORTANT! IF YOU
REMOVE THIS LINE, YOU'LL END UP SCREWING THE
CONTENT AND THE SIDEBAR COLUMN
-->
<div style="clear: both;"></div>
<!-- END FLOAT CLEANER -->

</div>
<!-- END CONTENT -->

<!-- ROUNDED SHAPE ABOVE FOOTER -->
<div id="roundedfooter">&nbsp;</div>

<!-- FOOTER -->
<div id="footer">
<span>XHTML 1.1 STRICT | CSS 2 | LAYOUT &copy; YAMAZAKI</span>
</div>
<!--END FOOTER -->

</div>
</body>
</html>
panther
Profil
#2 · Zasláno: 1. 9. 2008, 06:59:05
Odpovědět Citovat
Pato92
„Caute stiahol som si sablonu file:///C:/pokus/greenlush/index.html“
co máš uložené na disku fakt netuším.„ko mam spravit napriklad ked kliknem na about me aby sa mi to zobrailo na strede kde mam napisane home a pod tym caute : “

„a neviem ako mam spravit napriklad ked kliknem na about me aby sa mi to zobrailo na strede kde mam napisane home a pod tym caute“
to také nevím, když jsi nám neukázal stylopis. Lépe by byla ukázka, nebo aspoň vlož ještě obsah CSS souboru.
Pato92
Profil *
#3 · Zasláno: 1. 9. 2008, 09:07:21
Odpovědět Citovat
file:///C:/pokus/greenlush/index.html
Pato92
Profil *
#4 · Zasláno: 1. 9. 2008, 09:15:16
Odpovědět Citovat
„file:///C:/pokus/greenlush/index.html“

css

/* **************************** /*
** green lush css based layout **
** ---------------------------- **
** author: Yamazaki **
** this layout is free for **
** download, however you can't **
** redistribute it and put the **
** zip / rar file in your web **
** without any permissions from **
** the author. thank you **
** ---------------------------- **
** have fun with the layout **
/* **************************** */

body
{
font-size: 62.5%; /* reset 1EM to 10px */
margin: 0;
padding: 0;
background: transparent url('bg.png') top left repeat;
font-family: 'lucida grande', arial, tahoma, sans-serif;
}

#container
{
margin: 0 auto;
width: 683px;
position: relative;
background: transparent url('containerbg.png') top left repeat-y;
}

#header
{
margin: 0 auto;
width: 640px;
height: 96px;
background: transparent url('header.jpg') top left no-repeat;
}

.headtitle
{
position: relative;
font-family: 'lucida grande', arial, tahoma, sans-serif;
font-size: 30px;
color: #FFF;
top: 8px;
left: 12px;
}

#menu
{
margin: 0 20px;
height: 29px;
background: #bbd75a !important;
background: #b3d24e;
padding: 5px 0;
}

#menu ul
{
margin: 0;
padding: 7px;
background: transparent url('menuoff.png') top left repeat-x;
height: 29px;
}

#menu ul li
{
list-style: none;
display: inline;
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
color: #767676;
padding: 13px 7px 15px 7px;
font-size: 1em;
background: transparent url('menuoff.png') center left repeat-x;
font-family: 'lucida grande', arial, sans-serif;
font-weight: bold;
text-decoration: none;
}

#menu ul li a:hover
{
background: transparent url('menuon.png') center left repeat-x;
color: #FDFDFD;
}

#roundedheader
{
width: 640px;
height: 18px;
margin: 0 auto;
background: transparent url('belowheader.png') top left no-repeat;
}

#content
{
min-height: 390px;
width: 640px;
margin: 0 auto;
background: transparent url('contentbg.png') top left repeat-y;
}

#insidecontent
{
float: left;
padding-left: 25px;
width: 355px;
}

#insidecontent p
{
margin: 0;
color: #767676;
font-family: 'lucida grande', 'franklin gothic medium', sans-serif;
font-size: 1.2em;
line-height: 170%;
}

#sidebar
{
padding: 0 10px 10px 10px;
float: right;
width: 210px;
background: #f6f6f6;
}

#sidebar p
{
margin: 0;
color: #565656;
font-family: 'lucida grande', 'franklin gothic medium', sans-serif;
font-size: 1em;
line-height: 170%;
}

#sidebar a:link, #sidebar a:active, #sidebar a:visited
{
text-decoration: underline;
color: #e36767;
}

#sidebar a:hover
{
text-decoration: none;
}

#roundedfooter
{
width: 640px;
height: 17px;
margin: 0 auto;
background: transparent url('abovefooter.png') top left no-repeat;
}

h1
{
margin: 0;
font-weight: normal;
color: #d8f7af;
font-size: 3.2em;
}

h2
{
margin: 0;
display: inline;
position: relative;
top: -1.5em;
left: 2em;
font-size: 1.8em;
font-weight: normal;
color: #94c258;
}

h3
{
margin: 0;
font-size: 1.5em;
font-weight: normal;
color: #94C258;
}

#footer
{
margin: 0 auto;
width: 641px;
height: 39px;
background: transparent url('footer.png') top left repeat-x;
}

#footer span
{
display: block;
position: relative;
font-family: 'lucida grande', 'franklin gothic medium', sans-serif;
font-size: 1.2em;
padding: 10px;
color: #565656;
}
Pato92
Profil *
#5 · Zasláno: 1. 9. 2008, 09:15:56
Odpovědět Citovat
Ja som to myslel tak ako ked sa to robi cez rami ze z laveho ramu to ide do stredneho .
Pato92
Profil *
#6 · Zasláno: 1. 9. 2008, 10:54:08
Odpovědět Citovat
http://www.jakpsatweb.cz/priklady/priklad10.html myslim toto ze kliknem na priklad 1 a zobrazi sa Moje první html stránka. A nějaké další texty.
ako to mam spravit oradte .
panther
Profil
#7 · Zasláno: 1. 9. 2008, 13:16:34 · Upravil/a: panther
Odpovědět Citovat
Pato92
„Ja som to myslel tak ako ked sa to robi cez rami ze z laveho ramu to ide do stredneho“
tak to je jiná.

Pokud děláš statické stránky, můžeš si buď:
1) nakaždý obsah udělat novou stránku (budeš pouze měnit obsah prostředního sloupce, zbytek zůstane stejný)
2) udělat si menu a na každou stránku ho inclidovat (<?php include "menu.php"; ?>) - abys předešel problémům, pokud budeš chtít menu upravit. Upravíš ho pouze v souboru menu.php (a ne na každé stránce zvlášť)

Každopádně rámy bych nedoporučoval. O jejich nevýhodách se dočteš mimojiné na jpw.cz v kapitole věnované rámům
Pato92
Profil *
#8 · Zasláno: 1. 9. 2008, 15:44:08
Odpovědět Citovat
Dik ja rami nepouzivam to som dal ao priklad ale dakujem uz mi to ide .
Časová prodleva: 16 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0