1. Хостингом не пользуюсь,делаю все на компе. сделал,открыл в браузере.
2. code html:
PHP код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta charset="windows-1251">
<title></title>
<!-- CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<!--***91;if IE 6***93;>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie-hacks.css" />
<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script>
/* EXAMPLE */
DD_belatedPNG.fix('*');
</script>
<!***91;endif***93;-->
<!--***91;if IE 7***93;>
<link rel="stylesheet" href="css/ie7-hacks.css" type="text/css" media="screen" />
<!***91;endif***93;-->
<!--***91;if IE 8***93;>
<link rel="stylesheet" href="css/ie8-hacks.css" type="text/css" media="screen" />
<!***91;endif***93;-->
<!-- ENDS CSS -->
<!-- prettyPhoto -->
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
<!-- ENDS prettyPhoto -->
<!-- JS -->
<script type="text/javascript" src="js/jquery_1.4.2.js"></script>
<script type="text/javascript" src="js/jqueryui.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/tooltip/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/filterable.pack.js"></script>
<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/twitter.js"></script>
<script type="text/javascript" src="js/jquery.tabs/jquery.tabs.pack.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!-- ENDS JS -->
<!-- Cufon -->
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/fonts/bebas-neue_400.font.js" type="text/javascript"></script>
<!-- /Cufon -->
<!-- superfish -->
<link rel="stylesheet" type="text/css" media="screen" href="css/superfish-custom.css" />
<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
<!-- ENDS superfish -->
<!-- tabs -->
<link rel="stylesheet" href="css/jquery.tabs.css" type="text/css" media="print, projection, screen" />
<!-- Additional IE/Win specific style sheet (Conditional Comments) -->
<!--***91;if lte IE 7***93;>
<link rel="stylesheet" href="css/jquery.tabs-ie.css" type="text/css" media="projection, screen">
<!***91;endif***93;-->
<!-- ENDS tabs -->
</head>
<body>
<!-- HEADER -->
<div id="home-header">
<div class="degree">
<!-- wrapper -->
<div class="wrapper">
<a href="index.html"><img src="img/logo.png" alt="Logo" id="logo" /></a>
<!-- search -->
<div class="top-search">
<form method="get" id="searchform" action="">
<div>
<input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)" />
<input type="submit" id="searchsubmit" value=" " />
</div>
</form>
</div>
<!-- ENDS search -->
<!-- navigation -->
<div id="nav-holder">
<ul id="nav" class="sf-menu">
<li class="current_page_item"><a href="index.html"><P>Главное</P></a>
<ul>
<li><a href="index-3d.html">3D SLIDESHOW</a></li>
</ul>
</li>
<li><a href="about.html">FEATURES</a>
<ul>
<li><a href="about.html">LAYOUT</a></li>
<li><a href="about-styled.html">STYLED</a></li>
<li><a href="about-more.html">MORE</a></li>
<li><a href="about-toggle.html">TOGGLE BOX</a></li>
<li><a href="about-accordion.html">ACCORDION</a></li>
<li><a href="appearance.html">APPEARANCE</a></li>
</ul>
</li>
<li><a href="portfolio.html">PORTFOLIO</a></li>
<li><a href="gallery.html">GALLERY</a>
<ul>
<li><a href="gallery.html">FOUR COLS</a></li>
<li><a href="gallery-3.html">THREE COLS</a></li>
<li><a href="gallery-2.html">TWO COLS</a></li>
</ul>
</li>
<li ><a href="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="staff.html">STAFF</a></li>
<li><a href="http://luiszuno.com/blog/downloads/simple-template ">DOWNLOAD</a></li>
</ul>
</div>
<!-- ENDS navigation -->
</div>
<!-- ENDS HEADER-wrapper -->
</div>
</div>
<!-- ENDS HEADER -->
<!-- MAIN -->
<div id="main">
<!-- wrapper -->
<div class="wrapper">
<!-- home-content -->
<div class="home-content">
<!-- slideshow -->
<div id="slideshow">
<a href="#" id="prev"></a>
<a href="#" id="next"></a>
<a href="" id="slideshow-link" ><span></span></a>
<!-- slides -->
<ul id="slides">
<li><a href="#1"><img src="images/1.jpg" alt="Imagen" /></a></li>
<li><a href="#2"><img src="images/2.jpg" alt="Imagen" /></a></li>
<li><a href="#3"><img src="images/3.jpg" alt="Imagen" /></a></li>
</ul>
<!-- ENDS slides -->
</div>
<!-- ENDS slideshow -->
<!-- headline -->
<div class="headline">
SIzxcEE AND EASY TO USE AND CONFIGURE. <a href="http://themeforest.net/item/simple-wordpress/160159?ref=Ansimuz" target="_blank" >GET PREMIUM VERSION</a>
</div>
<!-- ENDS headline -->
<div class="shadow-divider"></div>
<!-- front-left-col -->
<div class="front-left-col">
<div class="bullet-title">
<div class="big">RECENT POSTS</div>
<div class="small">A LIST OF THE NEWEST POSTS</div>
</div>
<!-- news list -->
<ul class="news-list">
<li>
<div class="news-title"><a href="#">Lorem Ipsum</a></div>
<div class="news-brief">
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit Vestibulum tortor quam, feugiat vitae, ultricies eget.
</div>
<div class="news-date">10 May, 2011</div>
</li>
<li>
<div class="news-title"><a href="#">Lorem Ipsum</a></div>
<div class="news-brief">
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit Vestibulum tortor quam, feugiat vitae, ultricies eget.
</div>
<div class="news-date">10 May, 2011</div>
</li>
<li>
<div class="news-title"><a href="#">Lorem Ipsum</a></div>
<div class="news-brief">
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit Vestibulum tortor quam, feugiat vitae, ultricies eget.
</div>
<div class="news-date">10 May, 2011</div>
</li>
</ul>
<!-- ENDS news-list -->
<p><a href="#" class="link-button right"><span>MORE POSTS</span></a></p>
</div>
<!-- ENDS front-left-col -->
<!-- front-right-col-->
<div class="front-right-col">
<div class="bullet-title">
<div class="big">FEATURE POSTS/PAGES</div>
<div class="small">SELECT WICH PAGES TO APPEAR IN THE FRONT PAGE</div>
</div>
<ul class="blocks-holder">
<li class="block">
<div class="block-ribbon">
<div class="left">
<div class="block-title"><a href="#">LOREM IPSUMA</a></div>
<div class="block-date">10 may, 2011</div>
</div>
<div class="right"></div>
</div>
<a href="about.html" ><img src="img/dummies/home-block-1.jpg" alt="Thumb" class="thumb" title="Thumbnail" /> </a>
</li>
<li class="block">
<div class="block-ribbon">
<div class="left">
<div class="block-title"><a href="#">A LOREM IPSUM LOREM IPSUM LOREM IPSUM</a></div>
<div class="block-date">10 may, 2011</div>
</div>
<div class="right"></div>
</div>
<a href="about.html" ><img src="img/dummies/home-block-2.jpg" alt="Thumb" class="thumb" title="Thumbnail" /> </a>
</li>
<li class="block">
<div class="block-ribbon">
<div class="left">
<div class="block-title"><a href="#">A LOREM IPSUM LOREM IPSUM</a></div>
<div class="block-date">10 may, 2011</div>
</div>
<div class="right"></div>
</div>
<a href="about.html" ><img src="img/dummies/home-block-2.jpg" alt="Thumb" class="thumb" title="Thumbnail" /> </a>
</li>
<li class="block">
<div class="block-ribbon">
<div class="left">
<div class="block-title"><a href="#">LOREM IPSUM</a></div>
<div class="block-date">10 may, 2011</div>
</div>
<div class="right"></div>
</div>
<a href="about.html" ><img src="img/dummies/home-block-1.jpg" alt="Thumb" class="thumb" title="Thumbnail" /> </a>
</li>
</ul>
</div>
<!-- ENDS front-left-col -->
</div>
<!-- ENDS home-content -->
<div class="clear"></div>
<!-- twitter -->
<div class="twitter-reader twitter-home">
<div id="twitter-holder"></div>
</div>
<!-- ENDS twitter -->
</div>
<!-- ENDS main-wrapper -->
</div>
<!-- ENDS MAIN -->
<!-- FOOTER -->
<div id="footer">
<div class="degree">
<!-- wrapper -->
<div class="wrapper">
<!-- social bar -->
<div id="social-bar">
<ul class="follow-us">
<li><span>FOLLOW US</span></li>
<li ><a href="#" class="icon-32 twitter-32 social-tooltip" title="Follow our tweets">link</a></li>
<li ><a href="#" class="icon-32 vimeo-32 social-tooltip" title="Lorem ipsum dolor">link</a></li>
<li ><a href="#" class="icon-32 dribbble-32 social-tooltip" title="Lorem ipsum dolor">link</a></li>
<li ><a href="#" class="icon-32 flickr-32 social-tooltip" title="Lorem ipsum dolor">link</a></li>
<li ><a href="#" class="icon-32 facebook-32 social-tooltip" title="Lorem ipsum dolor">link</a></li>
</ul>
</div>
<!-- ENDS social bar -->
<!-- footer-cols -->
<ul class="footer-cols">
<li class="col">
<h6>CATEGORIES</h6>
<ul>
<li><a href="#">WEBDESIGN</a></li>
<li><a href="#/">WORDPRESS</a></li>
<li><a href="#">PHOTO</a></li>
<li><a href="#">CODING</a></li>
</ul>
</li>
<li class="col">
<h6>PAGES</h6>
<ul>
<li><a href="#">HOW TO CUSTOMIZE THIS TEMPLATE</a></li>
<li><a href="#">5 ESSENTIALS RULES</a></li>
<li><a href="#">LOREM IPSUM DOLOR</a></li>
</ul>
</li>
<li class="col">
<h6>FREE TEMPLATES & THEMES</h6>
<p>Get tons of free high quality templates at <a href="http://templatecreme.com">Template Creme</a>.</p>
</li>
<li class="col">
<h6>PAGES</h6>
<ul>
<li><a href="#">HOW TO CUSTOMIZE THIS TEMPLATE</a></li>
<li><a href="#">5 ESSENTIALS RULES</a></li>
<li><a href="#">LOREM IPSUM DOLOR</a></li>
</ul>
</li>
</ul>
<!-- ENDS footer-cols -->
</div>
<!-- ENDS footer-wrapper -->
</div>
</div>
<!-- ENDS FOOTER -->
<!-- BOTTOM -->
<div id="bottom">
<!-- wrapper -->
<div class="wrapper">
SIMPLE THEME by <a href="http://www.luiszuno.com" >luiszuno.com</a>
</div>
<!-- ENDS bottom-wrapper -->
</div>
<!-- ENDS BOTTOM -->
<!-- start cufon -->
<script type="text/javascript"> Cufon.now(); </script>
<!-- ENDS start cufon -->
</body>
</html>
Добавлено через 37 секунд
Цитата:
Сообщение от dark
Чистый html файл? Есть возможность его показать? В чем ты его редактируешь?
|
Редактирую при помощи notepad++