Персональный DEMO сайт WareZeus

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Тестовая тема
zeusДата: Воскресенье, 27.02.2011, 23:56 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 3
Репутация: 2
Статус: Offline
biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin
 
zeusДата: Четверг, 13.02.2014, 14:17 | Сообщение # 2
Генералиссимус
Группа: Администраторы
Сообщений: 3
Репутация: 2
Статус: Offline
Подсветка синтаксиса CSS:

Код
/*
Theme Name: WareZeus_Demo
Theme URI: http://warezeus.pp.ua
Description: Designed by <a href="http://warezeus.pp.ua">zeus</a>.
*/
html{overflow:auto;}
body{font:11px Georgia,"Times New Roman",Times,serif;margin:0;padding:0;background:#13191e;}
img {border: 0;}
#navbox{position:absolute;z-index:2000;background:#2c343e url(images/bg.jpg) 50% 0 repeat-x;height:80px;top:0;text-align:center;width:100%;}
#navigation{width:994px;height:80px;border:0px solid #f00;margin:0 auto;position:relative;}
#logo{position:absolute;top:0;left:0;}
#selectbox{border:0px solid #f00;position:absolute;left:360px;top:0;text-align:left;padding-top:19px;}
#selectbox form{margin:0;padding:0;}
#selectbox select{margin-top:19px;width:270px;overflow:hidden;color:#ccc;background:#111;height:22px;}
#linkbox{float:right;width:250px;text-align:left;}
#linkbox ul{list-style:none;margin:0;padding:0;}
#linkbox ul li{float:left;margin:0 6px 0 0;padding:0;cursor:pointer;filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;filter:alpha(opacity=30);}
#linkbox ul li:hover{filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;filter:alpha(opacity=100);}
#linkbox ul li.ucopy{padding:40px 0 14px 20px;width:30px;overflow:hidden;background: url(images/ucoz.jpg) 0 0 no-repeat;}
#linkbox ul li.ucopy a{display:block;}
div.preview{position:absolute;width:216px;height:160px;padding:5px;background:#fff;z-index:3400;}
#selecttpl{margin:18px 5px 0 0;float:left;width:273px;height:26px;background-position:top center;background-repeat:no-repeat;background-image:url(images/selector.png);cursor:pointer;}
#selecttpl span.current{font-size:1.3em;font-weight:bold;padding-left:10px;line-height:25px;color:#fff;}
#list{background: url(images/list.png) bottom center;position:absolute;z-index:3500;padding:5px 8px 8px 0;overflow:hidden;}
#list div{padding:0 1em 1em;max-height:352px;overflow:auto;}
#list div ul{margin:0;padding:0;list-style:none;}
#list div ul li a{font-size:13px;outline:none;display:block;color:#ccc;font-weight:normal;text-decoration:none;padding:5px 8px;border-bottom:1px solid #1e2730;}
#list div ul li a:hover{background-color:#1c252d;color:#cab062;}
#list div ul li a.premium{background:url(images/premium.gif) right center no-repeat;}
#list div ul li a.theme{background:url(images/theme.gif) right center no-repeat;}
#list div ul li a.mod{background:url(images/mod.gif) right center no-repeat;}
#list div ul li a.premium:hover,#list div ul li a.theme:hover,#list div ul li a.mod:hover{background-color:#1c252d;}
#list div ul li a.selected{background:#0f151c url(images/current.gif) right center no-repeat;color:White;}
.u-tools{width:240px;height:224px;background:url(images/preload.png) no-repeat;padding:0;z-index:53000;text-align:center;}
.u-tools .tip-title p{color:#999;font-size:12px;font-weight:bold;margin:40px 0pt 0pt;padding:0;}
.u-tools .tip-text{margin-right:0px;margin-top:5px;}
.u-tools .error{background:none;width:220px;height:155px;}
p.message{padding-top:150px;text-align:center;color:#ccc;font-size:16px;display:none;}
div#select{margin-top:19px;width:920px;color:#ccc;padding-top:50px;margin:0 auto;display:none;}
div#select h3 { text-align:center;font-size:16px;}
div#select div {display:block;float:left;margin:4px 10px;text-align:center;}
div#select img {border:1px solid #1e2730;}
div#select a {display:block;color:#ccc;font-size:12px;text-decoration:none;padding-bottom:10px;}
div#select a:hover {text-decoration:underline;}
#ads {padding:6px;background:#424957 url(images/ads_bg.jpg) 0 -30px repeat-x;position:fixed;bottom:0;width:100%; border-top:1px solid #5b6775;filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
#ads ul {padding:0;margin:0;list-style:none;}
#ads ul li {color:#ababac; width: auto;float:left;padding:0 30px 0 16px;background:url(images/bullet.gif) 0 -4px no-repeat;}
#ads .ads_link {color:#fff;text-decoration:underline;}
#ads .ads_link:hover {text-decoration:none;}
 
zeusДата: Четверг, 13.02.2014, 14:21 | Сообщение # 3
Генералиссимус
Группа: Администраторы
Сообщений: 3
Репутация: 2
Статус: Offline
Подсветка синтаксиса HTML:

Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   

   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   
     
   <title>Life Platform</title>
     
   <?if($ADMIN_BAR$)?><?endif?>
   <meta name="description" content="" />   
   <meta name="keywords" content="" />   
     
   <link type="text/css" rel="StyleSheet" href="/_st/my.css" />   
   <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />   
     
   <!--[if IE 7]>
   <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
   <![endif]-->   
     
   <script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>   
   <script type="text/javascript" src="js/jquery.easing.min.js"></script>   
   <script type="text/javascript" src="js/jquery.menu.min.js"></script>   
   <script type="text/javascript" src="js/function.js"></script>   
   <script type="text/javascript" src="js/easySlider1.7.js"></script>   
     

     
<body>   
     
<div id="wrapper">   
     
   <div id="logo">   
   <a href="#"><img src="images/logo.jpg" alt="logo" /></a>   
   </div>   
   <!-- menu start -->   
   <div id="menu">   
     
   <ul class="menu" id="mymenu">   
   <li class="current"><a href="">Главная</a></li>   
   <li><a href="about.html">О нас</a></li>   
   <li><a href="services.html">Команда</a></li>   
   <li><a href="portfolio.html">Портфолио</a></li>   
   <li><a href="pricelist.html">Цены и услуги</a></li>   
   <li><a href="">Тык</a></li>   
   </ul>   
     
   </div>   
   <!-- menu end -->   
     
   <!-- content start -->   
   <div id="container">   
   <!-- rounded rectangle start -->   
   <div id="container-top"></div>   
     
   <div id="container-middle">   
   <!-- content for rounded rectangle start -->   
   <div class="man"></div>   
     
   <div id="slider">   
   <ul>   
   <li><a href="#"><img src="images/town-forest.jpg" alt="About Us" /></a></li>   
   <li><a href="about.html"><img src="images/desert.jpg" alt="Services" /></a></li>   
   <li><a href="#"><img src="images/munti.jpg" alt="Contact" /></a></li>   
   </ul>   
   </div>   
   <!-- content for rounded rectangle end -->   
   </div>   
     
   <div id="container-bottom"></div>   
   <!-- rounded rectangle end -->   
   </div>   
   <!-- content end -->   
     
   <div id="bottom">   
   <!-- content for bottom start -->   
   <div class="bottom-col1">   
   <!-- content for left columns start -->   
   <h1>Информационный 1</h1>   
   <p>   
Основным направлением деятельности веб-студии web4ucoz.ru Является создание шаблонов и адаптация под Ucoz.
   </p>   
   <ul>   
   <li><a href="http://web4ucoz.ru/" title="Все для uCoz">Наслаждайтесь uCoz</a> <p class="describe">Все для uCoz</p></li>   
   <li><a href="http://web4ucoz.ru/" title="Скрипты для uCoz">Cтудия web дизайна uCoz</a> <p class="describe">Уникальные шаблоны для uCoz</p></li>   
   <li><a href="http://web4ucoz.ru/" title="Шаблоны для uCoz">Незабываемые шаблоны</a> <p class="describe">Ждем ваших отзывов и предложений.Cоверщенство не имеет границ...</p></li>
   </ul>   
   <!-- content for left columns end -->   
   </div>   
     
   <div class="bottom-col2">   
   <!-- content for middle columns start -->   
   <h1>Информационный 2</h1>   
   <p>   
Очевидно, что роль качественного, привлекательного и удобного дизайна сайта очень велика.
   </p>   
   <ul>   
   <li><a href="http://web4ucoz.ru/" title="Все для uCoz">Наслаждайтесь uCoz</a> <p class="describe">Все для uCoz</p></li>   
   <li><a href="http://web4ucoz.ru/" title="Скрипты для uCoz">Cтудия web дизайна uCoz</a> <p class="describe">Уникальные шаблоны для uCoz</p></li>   
   <li><a href="http://web4ucoz.ru/" title="Шаблоны для uCoz">Незабываемые шаблоны</a> <p class="describe">Ждем ваших отзывов и предложений.Cоверщенство не имеет границ...</p></li>   
   </ul>   
   <!-- content for middle columns end -->   
   </div>   
     
   <div class="bottom-col3">   
   <!-- content for right columns start -->   
   <h1>Информационный 3</h1>   
   <p>   
У вас есть сайт, но вы недовольны им? Не расстраивайтесь! Мы поможем вам сделать его красивее и более функциональным.
   </p>   
   <ul>   
<li><a href="http://web4ucoz.ru/" title="Все для uCoz">Наслаждайтесь uCoz</a> <p class="describe">Все для uCoz</p></li>   
   <li><a href="http://web4ucoz.ru/" title="Скрипты для uCoz">Cтудия web дизайна uCoz</a> <p class="describe">Уникальные шаблоны для uCoz</p></li>   
   <li><a href="http://web4ucoz.ru/" title="Шаблоны для uCoz">Незабываемые шаблоны</a> <p class="describe">Ждем ваших отзывов и предложений.Cоверщенство не имеет границ...</p></li>
   </ul>   
   <!-- content for right columns end -->   
   </div>   
   <!-- content for bottom end -->   
   </div>   
   <!-- footer start -->   
   <div id="footer">   
     
   <div class="copyright">   
     
<p class="company">Copyright © Web4uCoz.ru</p>
   <p class="validator">Design by | <a href="http://www.for-creative.com/index/8-1">Reflex</a></p>
     
   </div>   
     
   </div>   
   <!-- footer end -->   
</div>   
<!-- social button start -->   
<div class="panel">   
     
   <h3>Навигация по сайту:</h3>   
   <p>Здесь выкладывайте гл ссылки на ваши разделы.</p>   
     
   <h3>Шаблоны для uCoz</h3>   
   <p>web4uCoz.ru</p>   
     
   <div style="clear:both;"></div>   
     
   <div class="columns">   
     
   <div class="colleft">   
   <!-- left column content start --> $POWERED_BY$

   <ul>   
   <li><a href="/">Home</a></li>   
   <li><a href="about.html">О нас</a></li>   
   <li><a href="services.html">Сервис</a></li>   
   <li><a href="portfolio.html">Портфолио</a></li>   
   <li><a href="pricelist.html">Price List</a></li>   
   <li><a href="contact.html">Контакты</a></li>   
   </ul>   
   <!-- left column content end -->   
   </div>   
     
   <div class="colright">   
   <!-- right column content start -->   
   <h3>О for-creative</h3>   
   <ul>   
   <li><a href="http://web4ucoz.ru/" title="Все для uCoz">Все для uCoz</a></li>   
   <li><a href="http://web4ucoz.ru/forum/5" title="Скрипты для uCoz">Скрипты для uCoz</a></li>   
   <li><a href="http://web4ucoz.ru/load/vse_dlja_ucoz/shablony_saytov/2" title="Шаблоны для uCoz">Шаблоны для uCoz</a></li>    

   </ul>   
   <!-- right column content start -->   
   </div>   
     
   </div>   
     
   <div style="clear:both;"></div>   
     
</div>   
     
   <a class="trigger" href="#"></a>   
<!-- social button end -->   
</body>   
</html>
 
  • Страница 1 из 1
  • 1
Поиск: