X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Как поменять шапку
objectfine
objectfine
Topic Starter сообщение 14.3.2013, 22:16; Ответить: objectfine
Сообщение #1


Подскажите кто знает, в wordpress есть тема.... на ней сделал сайт..надо чтобы в шапке постоянно менялась картинка - при переходе на другую страницу..как это сделать?
Вот код header.php

<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="main">
*
* @package landscape
* @since landscape 1.0
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" conlandscapet="width=device-width" />
<title>Отделочные работы, Сантехника, Утепление, Гидроизоляция, Сварочные работы, Трубопровод, Квартира под ключ</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php wp_head(); ?>
</head>
<div id="page" class="hfeed site">
<?php do_action( 'before' ); ?>
<header id="masthead" class="site-header" role="banner">
  <nav role="navigation" class="site-navigation main-navigation">
   <h1 class="assistive-text"><?php _e( 'Menu', 'landscape' ); ?></h1>
   <div class="assistive-text skip-link"><a href="#conlandscapet" title="<?php esc_attr_e( 'Skip to conlandscapet', 'landscape' ); ?>"><?php _e( 'Skip to conlandscapet', 'landscape' ); ?></a></div>
<body <?php body_class(); ?>>

   <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
  </nav><!-- .site-navigation .main-navigation -->
  <hgroup>
   <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
   <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
  </hgroup>
</header><!-- #masthead .site-header -->
<div id="main" class="site-main">
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 15.3.2013, 6:35; Ответить: yury_mw
Сообщение #2


надо чтобы в шапке постоянно менялась картинка - при переходе на другую страницу..как это сделать?
Это несколько не тот раздел форума, вам, наверное, надо в раздел CMS или PHP.
Попробуем ответить с точки зрения раздела PHP.

Решение зависит от того,
* где описана у вас картинка из шапки и
* по какому принципу вы хотите ее менять (случайно из заданного набора; к каждой странице своя определенная картинка; утром — один набор картинок, вечером — другой или еще как-то).

Чтобы понять, где описана картинка из шапки, покажите файл стилей (css).
(Скорее всего, нужно описание для идентификатора #masthead и/или класса .site-header)

Предположим, что картинка в шапке описывается фоновым изображением для идентификатора #masthead, а меняться картинка должна случайным образом из заданного набора из 10 картинок: 1.jpg, 2.jpg, ... 10.jpg
В таком случае можно изменение изображения в шапке можно реализовать, примерно, так:
в конце блока head (непосредственно перед закрывающим тегом </head>) помещаем код
<style type="text/css">
#masthead{
  background: url(path_to_images/<?php echo mt_rand(1,10); ?>.jpg) !important;
}
</style>

строку "path_to_images/" заменить на путь к папке с картинками 1.jpg, 2.jpg, ... 10.jpg
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
objectfine
objectfine
Topic Starter сообщение 15.3.2013, 12:41; Ответить: objectfine
Сообщение #3


Вот еще раз. Это header

Развернуть/Свернуть
<!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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
<title><?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<?php if(WP_VERSION < 3.0): ?>
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<?php endif; ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php
remove_action('wp_head', 'wp_generator');
wp_enqueue_script('jquery');
if ( is_singular() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
</head>
<body <?php if(function_exists('body_class')) body_class(); ?>>
<div id="art-main">
    <div class="cleared reset-box"></div>
    <div class="art-header">
        <div class="art-header-position">
            <div class="art-header-wrapper">
                <div class="cleared reset-box"></div>
                <div class="art-header-inner">
                <script type="text/javascript" src="<?php echo get_bloginfo('template_url') . '/' ?>swfobject.js"></script>
                <script type="text/javascript">
                jQuery((function (swf) {
                    return function () {
                        swf.switchOffAutoHideShow();
                        swf.registerObject("art-flash-object", "9.0.0", "<?php echo get_bloginfo('template_url') . '/' ?>expressInstall.swf");
                    }
                })(swfobject));
                </script>
                <div id="art-flash-area">
                <div id="art-flash-container">
                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="988" height="300" id="art-flash-object">
                 <param name="movie" value="<?php echo get_bloginfo('template_url') . '/' ?>container.swf" />
                 <param name="quality" value="high" />
                 <param name="scale" value="default" />
                 <param name="wmode" value="transparent" />
                 <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.70&amp;framerate1=24&amp;loop=true&amp;wmode=transparent&amp;clip=<?php echo get_bloginfo('template_url') . '/' ?>images/flash.swf&amp;radius=5&amp;clipx=-106&amp;clipy=0&amp;initalclipw=900&amp;initalcliph=225&amp;clipw=1200&amp;cliph=300&amp;width=988&amp;height=300&amp;textblock_width=0&amp;textblock_align=no&amp;hasTopCorners=true&amp;hasBottomCorners=true" />
                    <param name="swfliveconnect" value="true" />
                 <!--[if !IE]>-->
                 <object type="application/x-shockwave-flash" data="<?php echo get_bloginfo('template_url') . '/' ?>container.swf" width="988" height="300">
                     <param name="quality" value="high" />
                     <param name="scale" value="default" />
                     <param name="wmode" value="transparent" />
                     <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.70&amp;framerate1=24&amp;loop=true&amp;wmode=transparent&amp;clip=<?php echo get_bloginfo('template_url') . '/' ?>images/flash.swf&amp;radius=5&amp;clipx=-106&amp;clipy=0&amp;initalclipw=900&amp;initalcliph=225&amp;clipw=1200&amp;cliph=300&amp;width=988&amp;height=300&amp;textblock_width=0&amp;textblock_align=no&amp;hasTopCorners=true&amp;hasBottomCorners=true" />
                        <param name="swfliveconnect" value="true" />
                 <!--<![endif]-->
                  <div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
                 <!--[if !IE]>-->
                 </object>
                 <!--<![endif]-->
                </object>
                </div>
                </div>
                <div class="art-logo">
                <?php if(theme_get_option('theme_header_show_headline')): ?>
                <?php $headline = theme_get_option('theme_'.(is_single()?'single':'posts').'_headline_tag'); ?>
                <<?php echo $headline; ?> class="art-logo-name"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></<?php echo $headline; ?>>
                <?php endif; ?>
                <?php if(theme_get_option('theme_header_show_slogan')): ?>
                <?php $slogan = theme_get_option('theme_'.(is_single()?'single':'posts').'_slogan_tag'); ?>
                    <<?php echo $slogan; ?> class="art-logo-text"><?php bloginfo('description'); ?></<?php echo $slogan; ?>>
                <?php endif; ?>
                </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-bar art-nav">
        <div class="art-nav-outer">
        <div class="art-nav-wrapper">
        <div class="art-nav-inner">
     <?php
      echo theme_get_menu(array(
        'source' => theme_get_option('theme_menu_source'),
        'depth' => theme_get_option('theme_menu_depth'),
        'menu' => 'primary-menu',
        'class' => 'art-hmenu'
       )
      );
     ?>
        </div>
        </div>
        </div>
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-box art-sheet">
        <div class="art-box-body art-sheet-body">

И style

/*
Theme Name: saburov11
Theme URI:
Description: Artisteer-generated theme
Version: 1.0
Author:
Author URI:
Tags: fixed width, three columns, valid XHTML, widgets
*/
/* begin Page */
/* Created by Artisteer v3.1.0.48375 */
#art-main, table
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
   text-align: justify;
}
} h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}
.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
.art-postcontent p
{
   margin: 12px 0;
}
.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
.art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 28px;
   text-decoration: none;
   text-transform: uppercase;
}
.art-postcontent a
{
   text-decoration: none;
   color: #F6D084;
}
.art-postcontent a:link
{
   text-decoration: none;
   color: #F6D084;
}
.art-postcontent a:visited, .art-postcontent a.visited
{
   color: #97958C;
}
.art-postcontent  a:hover, .art-postcontent a.hover
{
   text-decoration: underline;
   color: #F9DEAA;
}
.art-postcontent h1
{
   color: #F6D084;
   margin: 10px 0 0;
   font-size: 26px;
}
.art-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 26px;
}
.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
{
   font-size: 26px;
}
.art-postcontent h2
{
   color: #F6D084;
   margin: 10px 0 0;
   font-size: 22px;
}
.art-blockcontent h2
{
   margin: 10px 0 0;
   font-size: 22px;
}
.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
{
   font-size: 22px;
}
.art-postcontent h3
{
   color: #F6D084;
   margin: 10px 0 0;
   font-size: 18px;
}
.art-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 18px;
}
.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
{
   font-size: 18px;
}
.art-postcontent h4
{
   color: #F3C362;
   margin: 10px 0 0;
   font-size: 16px;
}
.art-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 16px;
}
.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
{
   font-size: 16px;
}
.art-postcontent h5
{
   color: #F3C362;
   margin: 10px 0 0;
   font-size: 14px;
}
.art-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 14px;
}
.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
{
   font-size: 14px;
}
.art-postcontent h6
{
   color: #E49D11;
   margin: 10px 0 0;
   font-size: 13px;
}
.art-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
}
.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
{
   font-size: 13px;
}
ul
{
   list-style-type: none;
}
ol
{
   list-style-position: inside;
}
html, body
{
   height:100%;
}
#art-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
body
{
   padding: 0;
   margin:0;
   min-width: 1000px;
   color: #B5A7A1;
   background-color: #221D1B;
   background-image: url('images/Bottom_texture.jpg');
   background-repeat: repeat;
   background-attachment: fixed;
   background-position: top left;
}
.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}
.reset-box
{
   overflow:hidden;
   display:table;
}
form
{
   padding: 0 !important;
   margin: 0 !important;
}
table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}
/* Start Box */
.art-box, .art-box-body {
   margin:0 auto;
   position:relative;
}
.art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.art-box:before,.art-box-body:before{
   left:0;
}
.art-box:after,.art-box-body:after{
   right:0;
}
.art-box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.art-box:after {
   background-position: bottom right;
   z-index:-3;
}
.art-box-body:before, .art-box-body:after {
   background-repeat:repeat-y;
}
.art-box-body:before {
   background-position: top left;
   z-index:-3;
}
.art-box-body:after {
   background-position: top right;
   z-index:-3;
}
.art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {
   z-index:-2;
}
.art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {
   z-index:-1;
}
/* End Box */
/* Start Bar */
.art-bar {
   position:relative;
}
.art-bar:before, .art-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.art-bar:before {
   left:0;
   background-position: top left;
}
.art-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */
li h1, .art-postcontent li h1, .art-blockcontent-body li h1
{
   margin:1px;
}
li h2, .art-postcontent li h2, .art-blockcontent-body li h2
{
   margin:1px;
}
li h3, .art-postcontent li h3, .art-blockcontent-body li h3
{
   margin:1px;
}
li h4, .art-postcontent li h4, .art-blockcontent-body li h4
{
   margin:1px;
}
li h5, .art-postcontent li h5, .art-blockcontent-body li h5
{
   margin:1px;
}
li h6, .art-postcontent li h6, .art-blockcontent-body li h6
{
   margin:1px;
}
li p, .art-postcontent li p, .art-blockcontent-body li p
{
   margin:1px;
}
/* end Page */
/* begin Header */
div.art-header
{
   margin: 0 auto;
   position: relative;
   z-index: -5;
   width:1000px;
   height: 312px;
   margin-top: 5px;
   margin-bottom: -5px;
}
.art-header-position
{
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
}
.art-header-wrapper
{
   position: relative;
   top:0;
   width:1000px;
   margin:0 auto;
}
.art-header-inner
{
   position: relative;
   margin: 0 6px;
}
.art-header:before
{
   position: absolute;
   display:block;
   content:' ';
   z-index:-2;
   top: 0;
   width:100%;
   height: 312px;
   background-image: url('images/header.png');
   background-repeat: no-repeat;
   background-position:top center;
}
.art-header:after
{
   position: absolute;
   z-index:-1;
   display:block;
   content:' ';
   top: 0;
   left:16px;
   right:16px;
   height: 312px;
   background-image: url('images/header.jpg');
   background-repeat: no-repeat;
   background-position: center center;
}
/* end Header */
/* begin Flash */
#art-flash-area
{
   position: absolute;
   top: 6px;
   left: 0;
   width: 988px;
   height: 300px;
   overflow: hidden;
}
#art-flash-container
{
   width: 988px;
   height: 300px;
   top: 0;
   position: absolute;
}
#art-flash-container div.art-flash-alt
{
   position: relative;
   width: 110px;
   height: 30px;
   margin: 0 auto;
   top: 0;
}
/* end Flash */
/* begin Logo */
div.art-logo
{
   display: block;
   position: absolute;
   top: 18px;
   right: 0;
   margin-right: 12px;
}
.art-logo-name
{
   display: block;
   text-align: right;
   font-weight: bold;
   padding: 0;
   margin: 0;
   color: #A5A39C !important;
}
.art-logo-name a,
.art-logo-name a:link,
.art-logo-name a:visited,
.art-logo-name a:hover
{
   font-weight: bold;
   padding: 0;
   margin: 0;
   color: #A5A39C !important;
}
.art-logo-text
{
   display: block;
   text-align: right;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
   padding: 0;
   margin: 0;
   color: #A5A39C !important;
}
.art-logo-text a,
.art-logo-text a:link,
.art-logo-text a:visited,
.art-logo-text a:hover
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
   padding: 0;
   margin: 0;
   color: #A5A39C !important;
}
/* end Logo */
/* begin Menu */
/* menu structure */
ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover
{
   outline: none;
   position: relative;
   z-index: 11;
}
ul.art-hmenu, ul.art-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}
ul.art-hmenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}
ul.art-hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.art-hmenu li li{
   float: none;
   width: auto;
}
ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.art-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {
   min-height: 0;
}
ul.art-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}
ul.art-hmenu ul.art-hmenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.art-hmenu ul.art-hmenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}
ul.art-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
   z-index: -1;
}
ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
}
ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
   margin-right: -11px;
}
ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
   left: auto;
   right: 100%;
}
ul.art-hmenu{
   position:relative;
   padding: 14px 6px 0 6px;
   float: left;
}
/* end menu structure */
/* menu bar */
.art-nav
{
   width:1000px;
   margin:0 auto;
   min-height: 48px;
   z-index: 100;
   margin-top: 10px;
   margin-bottom: 0;
}
.art-nav:before, .art-nav:after{
   background-image: url('images/nav.png');
}
.art-nav:before{
   right: 5px;
}
.art-nav:after{
   width: 5px;
}
/* end menu bar */
.art-nav-outer{
   position:absolute;
   width:100%;
}
.art-nav-wrapper
{
   position: relative;
   width:1000px;
   margin:0 auto;
}
.art-nav-inner{
   margin: 0 13px;
}
/* end Menu */
/* begin MenuItem */
ul.art-hmenu>li>a
{
   position: relative;
   display: block;
   height: 34px;
   cursor: pointer;
   text-decoration: none;
   color: #F9E2B3;
   padding: 0 28px;
   line-height: 34px;
   text-align: center;
}
ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   background-image: url('images/menuitem.png');
}
ul.art-hmenu>li>a:before
{
   left: 0;
   right: 4px;
   background-position: top left;
}
ul.art-hmenu>li>a:after
{
   width: 4px;
   right: 0;
   background-position: top right;
}
.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
   font-size: 12px;
   text-align: left;
   text-decoration: none;
   text-transform: uppercase;
}
ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {
   background-position: center left;
}
ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {
   background-position: center right;
}
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
   color: #DBD5D1;
}
/* end MenuItem */
/* begin MenuSeparator */
ul.art-hmenu>li {
   margin-left:6px;
}
ul.art-hmenu>li:first-child {
   margin-left:0;
}
/* end MenuSeparator */
/* begin MenuSubItem */
.art-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 25px;
   background-image: url('images/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0;
   border-color: #684808;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 25px;
   color: #C9BFBA;
   font-size: 11px;
   margin:0;
   padding: 0 22px;
}
.art-hmenu ul>li:first-child>a
{
   border-top-width: 1px;
}
.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 25px;
   color: #C9BFBA;
   font-size: 11px;
   margin:0;
   padding: 0 22px;
}
.art-hmenu ul li a:hover
{
   color: #000000;
   background-position: left bottom;
   border-color: #A1700C;
   border-top-width: 1px !important;
}
.art-hmenu ul li a.art-hmenu-before-hovered
{
   border-bottom-width: 0 !important;
}
.art-hmenu ul li:hover>a
{
   color: #000000;
   background-position: left bottom;
   border-color: #A1700C;
   border-top-width: 1px !important;
}
/* end MenuSubItem */
/* begin Box, Sheet */
.art-sheet
{
   max-width:1000px;
   margin-top: -5px;
   margin-bottom: -5px;
   cursor:auto;
   width: 1000px;
}
.art-sheet-body
{
   padding:13px;
   min-width:26px;
   min-height:26px;
   padding-top:13px;
   padding-bottom:13px;
}
.art-sheet:before, .art-sheet:after
{
   content: url('images/sheet_t.png');
   font-size: 0;
   background-image: url('images/sheet_b.png');
}
.art-sheet:after{
   clip:rect(auto, auto, auto, 974px);
}
.art-sheet:before,.art-sheet-body:before{
   right:26px;
}
.art-sheet-body:after{
   width: 26px;
   top:26px;
   bottom:26px;
   background-image:url('images/sheet.png');
}
.art-sheet-body:before{
   top:26px;
   bottom:26px;
   background-image:url('images/sheet.png');
}
/* end Box, Sheet */
/* begin Layout */
.art-layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
}
.art-content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse;
}
.art-content-layout-row {
   display: table-row;
}
.art-layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* end Layout */
/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
   max-width:974px;
   margin: 5px;
}
.art-vmenublock-body
{
   padding:0;
}
/* end Box, Block, VMenuBlock */
/* begin BlockHeader, VMenuBlockHeader */
.art-vmenublockheader {
   margin-bottom: 0;
   min-height: 38px;
   line-height:38px;
}
.art-vmenublockheader:before, .art-vmenublockheader:after{
   background-image: url('images/vmenublockheader.png');
}
.art-vmenublockheader:before{
   right: 20px;
}
.art-vmenublockheader:after{
   width: 20px;
}
.art-vmenublockheader .t
{
   min-height: 38px;
   line-height:38px;
   color: #000000;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
   margin:0;
   padding: 0 10px 0 26px;
   white-space: nowrap;
}
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited,
.art-vmenublockheader .t a:hover
{
   color: #000000;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}
/* end BlockHeader, VMenuBlockHeader */
/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent
{
   max-width:974px;
}
.art-vmenublockcontent-body
{
   padding:0;
}
/* end Box, Box, VMenuBlockContent */
/* begin VMenu */
ul.art-vmenu, ul.art-vmenu ul
{
   list-style: none;
   display: block;
}
ul.art-vmenu, ul.art-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}
ul.art-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}
ul.art-vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position:relative;
   margin-left: 0;
   margin-right: 0;
}
ul.art-vmenu ul.active
{
   display: block;
}
/* end VMenu */
/* begin VMenuItem */
ul.art-vmenu a
{
   display: block;
   cursor: pointer;
   z-index:0;
   text-decoration: none;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   text-transform: uppercase;
   margin-left:0;
   margin-right:0;
   position:relative;
}
ul.art-vmenu li{
   position:relative;
}
ul.art-vmenu>li>a
{
   color: #9C8A81;
   padding: 0 10px 0 10px;
   height: 28px;
   line-height: 28px;
   white-space: nowrap;
}
ul.art-vmenu>li>a.active {
   color: #EFAF2E;
}
ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {
   color: #171412;
}
ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after
{
   position: absolute;
   display: block;
   content: ' ';
   z-index:-1;
   background-image: url('images/vmenuitem.png');
   top:0;
   height:28px;
}
ul.art-vmenu>li>a:before{
   left: 0;
   right: 0;
   background-position: top left;
}
ul.art-vmenu>li>a:after{
   width: 0;
   right: 0;
   background-position: top right;
}
ul.art-vmenu>li>a.active:before {
   background-position: bottom left;
}
ul.art-vmenu>li>a.active:after {
   background-position: bottom right;
}
ul.art-vmenu>li>a:hover {
   background-color: transparent;
}
ul.art-vmenu>li>a:hover:before  {
   background-position: center left;
}
ul.art-vmenu>li>a:hover:after {
   background-position: center right;
}
ul.art-vmenu>li{
   margin-top:1px;
}
ul.art-vmenu>li>ul{
   margin-top:1px;
   padding-bottom: 0;
}
ul.art-vmenu>li:first-child{
   margin-top:0;
}                                                    
ul.art-vmenu>li:before, ul.art-vmenu>li>ul:before{
   display: block;
   position:absolute;
   content: ' ';
   height: 0;
   top:-1px;
   left:0;
   right:0;
   z-index:1;
   border-bottom: solid 1px #675851;
}
ul.art-vmenu>li:after, ul.art-vmenu>li>ul:after{
   display: block;
   position:absolute;
   content: ' ';
   left:0;
   right:0;
   top: -1px;
   z-index:0;
   height: 1px;
   background-color: #3F3631;
}
ul.art-vmenu>li:first-child:before,ul.art-vmenu>li:first-child:after{
   display:none;
}
/* end VMenuItem */
/* begin VMenuSubItem */
ul.art-vmenu ul li{
   margin: 0;
   padding: 0;
}
ul.art-vmenu li li, ul.art-vmenu li li a {
   position:relative;
}
ul.art-vmenu ul a
{
   display: block;
   position:relative;
   white-space: nowrap;
   height: 26px;
   overflow: visible;
   background-image: url('images/vsubitem.png');
   background-repeat: repeat-x;
   background-position: top left;
   padding:0;
   padding-left:32px;
   padding-right:15px;
   line-height: 26px;
   color: #949289;
   font-size: 11px;
   margin-left: 0;
   margin-right: 0;
}
ul.art-vmenu ul a.active{
   background-position: bottom left;
}
ul.art-vmenu ul a:hover{
   background-position: center left;
   line-height: 26px;
   color: #949289;
   font-size: 11px;
   margin-left: 0;
   margin-right: 0;
}
ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{
   background-position: left center;
}
ul.art-vmenu ul a:after
{
   display: block;
   position:absolute;
   top:9px;
   content:' ';
   width: 7px;
   height: 7px;
   overflow: visible;
   background-image: url('images/vsubitemicon.png');
   background-position: top left;
   background-repeat: no-repeat;
   left:  15px;
}
ul.art-vmenu ul a:hover:after{
   background-position: center left;
}
ul.art-vmenu ul a.active:hover:after{
   background-position: center left;
}
ul.art-vmenu ul a.active:after{
   background-position: bottom left;
}
ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active
{
   line-height: 26px;
   color: #949289;
   font-size: 11px;
   margin-left: 0;
   margin-right: 0;
}
ul.art-vmenu>li>ul>li:first-child{
   padding-top: 0;
   margin-top:0;
}

ul.art-vmenu li li{
   position:relative;
   margin-top:1px;
}
ul.art-vmenu li li:after
{
   display: block;
   position:absolute;
   content: ' ';
   height: 0;
   top:-1px;
   left:0;
   right:0;
   z-index:1;
   border-bottom: solid 1px #6D5D55;
}
ul.art-vmenu li li:before
{
   display: block;
   position:absolute;
   content: ' ';
   left:0;
   right:0;
   top: -1px;
   z-index:0;
   height: 1px;
   background-color: #3F3631;
}
ul.art-vmenu>li>ul>li:first-child:before,ul.art-vmenu>li>ul>li:first-child:after{
   display:none;
}
ul.art-vmenu ul ul a:after{
   left:30px;
}
ul.art-vmenu ul ul ul a:after{
   left:45px;
}
ul.art-vmenu ul ul ul ul a:after{
   left:60px;
}
ul.art-vmenu ul ul ul ul ul a:after{
   left:75px;
}
ul.art-vmenu ul ul a{
   padding-left:47px;
}
ul.art-vmenu ul ul ul a{
   padding-left:62px;
}
ul.art-vmenu ul ul ul ul a{
   padding-left:77px;
}
ul.art-vmenu ul ul ul ul ul a{
   padding-left:92px;
}
ul.art-vmenu ul li a.active {
   color: #EFAF2E;
}
ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {
   color: #C2B7B2;
}
/* end VMenuSubItem */
/* begin Box, Block */
.art-block
{
   max-width:974px;
   margin: 5px;
}
.art-block-body
{
   padding:0;
}
div.art-block img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 10px;
}
/* end Box, Block */
/* begin BlockHeader */
.art-blockheader {
   margin-bottom: 0;
   min-height: 38px;
   line-height:38px;
}
.art-blockheader:before, .art-blockheader:after{
   background-image: url('images/blockheader.png');
}
.art-blockheader:before{
   right: 20px;
}
.art-blockheader:after{
   width: 20px;
}
.art-blockheader .t
{
   min-height: 38px;
   line-height:38px;
   color: #B6B5AF;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
   margin:0;
   padding: 0 10px 0 26px;
   white-space: nowrap;
}
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover
{
   color: #B6B5AF;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}
/* end BlockHeader */
/* begin Box, BlockContent */
.art-blockcontent
{
   max-width:974px;
}
.art-blockcontent-body
{
   padding:5px;
   color: #B6B5AF;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 12px;
}
.art-blockcontent-body table,
.art-blockcontent-body li,
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
   color: #B6B5AF;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 12px;
}
.art-blockcontent-body p
{
   margin: 0 5px;
}
.art-blockcontent-body a, .art-blockcontent-body a:link
{
   color: #F6D288;
   text-decoration: underline;
}
.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
   color: #C2C1BC;
   text-decoration: none;
}
.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
   color: #F9E2B3;
   text-decoration: underline;
}
.art-blockcontent-body ul li
{
   font-size: 13px;
   line-height: 125%;
   color: #B6B5AF;
   margin: 5px 0 0 10px;
   padding: 0 0 0 21px;
   background-image: url('images/blockcontentbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}
/* end Box, BlockContent */
/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
{
   text-decoration: none;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 12px;
   text-transform: uppercase;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #0E0A01 !important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 32px;
   height: 32px;
   margin: 0 !important;
   padding: 0 19px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}
.art-button img, span.art-button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}
span.art-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 32px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:974px;
   margin: 0;
   padding: 0;
   z-index: 0;
}
.firefox2 span.art-button-wrapper
{
   display: block;
   float: left;
}
input, select, textarea
{
   vertical-align: middle;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 12px;
   text-transform: uppercase;
}
div.art-block select
{
   width:96%;
}
span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
{
   color: #E0DFDC !important;
   text-decoration: none !important;
}
span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
{
   color: #F4C567 !important;
}
span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('images/button.png');
   background-repeat: no-repeat;
}
span.art-button-wrapper>span.art-button-l
{
   left: 0;
   right: 12px;
   background-position: top left;
}
span.art-button-wrapper>span.art-button-r
{
   width: 12px;
   right: 0;
   background-position: top right;
}
span.art-button-wrapper.hover>span.art-button-l
{
   background-position: center left;
}
span.art-button-wrapper.hover>span.art-button-r
{
   background-position: center right;
}
span.art-button-wrapper.active>span.art-button-l
{
   background-position: bottom left;
}
span.art-button-wrapper.active>span.art-button-r
{
   background-position: bottom right;
}
span.art-button-wrapper input
{
   float: none !important;
}
/* end Button */
/* begin Box, Post */
.art-post
{
   max-width:974px;
   margin: 10px;
}
.art-post-body
{
   padding:20px;
}
.art-post:before, .art-post:after
{
   content: url('images/post_t.png');
   font-size: 0;
   background-image: url('images/post_b.png');
}
.art-post:after{
   clip:rect(auto, auto, auto, 970px);
}
.art-post:before,.art-post-body:before{
   right:4px;
}
.art-post-body:after{
   width: 4px;
   top:4px;
   bottom:4px;
   background-image:url('images/post.png');
}
.art-post-body:before{
   top:4px;
   bottom:4px;
   background-image:url('images/post.png');
}
a img
{
   border: 0;
}
.art-article img, img.art-article, .art-block img, .art-footer img
{
   border-color: #332C28;
   border-style: solid;
   border-width: 0;
   margin: 7px 7px 7px 7px;
}
.art-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}
.art-article table, table.art-article
{
   border-collapse: collapse;
   margin: 1px;
}
.art-post .art-content-layout-br
{
   height: 0;
}
.art-article th, .art-article td
{
   padding: 2px;
   border: solid 1px #8F7A70;
   vertical-align: top;
   text-align: left;
}
.art-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}
pre
{
   overflow: auto;
   padding: 0.1em;
}
/* end Box, Post */
/* begin PostHeaderIcon */
.art-postheader
{
   color: #F9E0AE;
   margin: 5px 0 0;
   line-height: 1em;
   font-size: 24px;
}
.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
   font-size: 24px;
}
.art-postheader a, .art-postheader a:link
{
   text-align: left;
   text-decoration: underline;
   color: #F8D99B;
}
.art-postheader a:visited, .art-postheader a.visited
{
   text-decoration: none;
   color: #EFECEB;
}
.art-postheader a:hover,  .art-postheader a.hovered
{
   text-decoration: underline;
   color: #F9DEAA;
}
/* end PostHeaderIcon */
/* begin PostIcons, PostHeaderIcons */
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: italic;
   font-weight: normal;
   font-size: 11px;
   color: #E4E4E2;
}
.art-postheadericons
{
   padding: 1px;
}
.art-postheadericons a, .art-postheadericons a:link
{
   text-decoration: none;
   color: #F6D084;
}
.art-postheadericons a:visited, .art-postheadericons a.visited
{
   color: #F6D084;
}
.art-postheadericons a:hover, .art-postheadericons a.hover
{
   text-decoration: underline;
   color: #97958C;
}
/* end PostIcons, PostHeaderIcons */
/* begin PostIcon, PostDateIcon */
span.art-postdateicon
{
   display:inline-block;
   line-height: 1em;
}
span.art-postdateicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostDateIcon */
/* begin PostIcon, PostAuthorIcon */
span.art-postauthoricon
{
   display:inline-block;
   line-height: 1em;
}
span.art-postauthoricon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostAuthorIcon */
/* begin PostIcon, PostEditIcon */
span.art-postediticon
{
   display:inline-block;
   line-height: 1em;
}
span.art-postediticon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostEditIcon */
/* begin PostBullets */
.art-postcontent ol, .art-postcontent ul
{
   margin: 1em 0 1em 2em;
   padding: 0;
}
.art-postcontent li
{
   font-size: 13px;
   text-align: justify;
   color: #B5A7A1;
   margin: 5px 0 0 -15px;
   padding: 0 0 0 13px;
}
.art-postcontent li ol, .art-post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}
.art-postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}
.art-postcontent ul>li
{
   background-image: url('images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 13px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}
/* end PostBullets */
/* begin PostQuote */
blockquote,
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
{
   color: #C2C1BC;
   font-style: italic;
   font-weight: normal;
   text-align: justify;
}
/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
   margin: 0;
}
blockquote
{
   margin: 10px;
   padding: 0;
   background-color: #5E514A;
   margin-left: 50px;
   padding-left: 28px;
   background-image: url('images/postquote.png');
   background-position: left top;
   background-repeat: no-repeat;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
/* end PostQuote */
/* begin PostIcons, PostFooterIcons */
.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: italic;
   font-weight: normal;
   font-size: 11px;
   color: #E4E4E2;
}
.art-postfootericons
{
   padding: 1px;
}
.art-postfootericons a, .art-postfootericons a:link
{
   text-decoration: none;
   color: #F6D084;
}
.art-postfootericons a:visited, .art-postfootericons a.visited
{
   color: #F6D084;
}
.art-postfootericons a:hover, .art-postfootericons a.hover
{
   text-decoration: underline;
   color: #97958C;
}
/* end PostIcons, PostFooterIcons */
/* begin PostIcon, PostCategoryIcon */
span.art-postcategoryicon
{
   display:inline-block;
   line-height: 1em;
}
span.art-postcategoryicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCategoryIcon */
/* begin PostIcon, PostTagIcon */
span.art-posttagicon
{
   display:inline-block;
   line-height: 1em;
}
span.art-posttagicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostTagIcon */
/* begin PostIcon, PostCommentsIcon */
span.art-postcommentsicon
{
   display:inline-block;
   line-height: 1em;
}
span.art-postcommentsicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCommentsIcon */
/* begin Footer */
.art-footer
{
   position: relative;
   margin-top:0;
   margin-bottom:0;
   width: 100%;
}
.art-footer-body
{
   position:relative;
   padding: 8px;
   color: #CFCEC9;
   font-size: 11px;
}
.art-footer-body ul li
{
   font-size: 13px;
   line-height: 125%;
   color: #B6B5AF;
   margin: 5px 0 0 5px;
   padding: 0 0 0 17px;
   background-image: url('images/footerbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}
.art-footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:3px;
   background-image: url('images/footer.png');
   background-position:bottom left;
}
.art-footer:before, .art-footer:after
{
   position: absolute;
   content:' ';
   z-index:-2;
   bottom:0;
   height:3px;
   background-image: url('images/footer_b.png');
}
.art-footer:before
{
   left:0;
   right:3px;
   background-position: bottom left;
}
.art-footer:after
{
   right:0;
   width:3px;
   background-position: bottom right;
}
.art-footer-body .art-rss-tag-icon
{
   position: absolute;
   left:   6px;
   bottom:8px;
   z-index:1;
}
.art-rss-tag-icon
{
   display: block;
   background-image: url('images/rssicon.png');
   background-position: center right;
   background-repeat: no-repeat;
   height: 32px;
   width: 32px;
   cursor: default;
}
.art-footer-text p
{
   padding:0;
   margin:0;
   text-align: center;
}
.art-footer-body a,
.art-footer-body a:link,
.art-footer-body a:visited,
.art-footer-body a:hover,
.art-footer-body td,
.art-footer-body th,
.art-footer-body caption
{
   color: #CFCEC9;
   font-size: 11px;
}
.art-footer-text
{
   min-height: 32px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
}
.art-footer-body a,
.art-footer-body a:link
{
   color: #F0B43D;
   text-decoration: none;
}
.art-footer-body a:visited
{
   color: #C7BDB8;
}
.art-footer-body a:hover
{
   color: #F9E2B3;
   text-decoration: underline;
}
div.art-footer img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 1px;
   border-color: #332C28;
   border-style: solid;
   margin: 5px;
}/* end Footer */
/* begin PageFooter */
.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #1C1402;
}
.art-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #CBC2BD;
}
/* end PageFooter */
/* begin WordPress, Template.WordPress */
form.art-search {
   display:block;
   position: relative;
   width: 98%;
   padding:0;
   margin:0 auto !important;
   border: none;
}
form.art-search div {
   margin: 0 18px 0 -2px;
}
input.art-search-text {
   display: block;
   margin: 0;
   width: 100%;
   padding-right: 16px;
}
input.art-search-button
{
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   padding: 0;
   margin: 0;
   width: 16px;
   background:url('images/search.png') center center no-repeat;
   border: none;
}
/* end WordPress, Template.WordPress */
/* begin LayoutCell, sidebar1 */
.art-content-layout .art-sidebar1
{
   width: 200px;
}
/* end LayoutCell, sidebar1 */
/* begin LayoutCell, sidebar2 */
.art-content-layout .art-sidebar2
{
   width: 200px;
}
/* end LayoutCell, sidebar2 */
textarea#comment
{
   width:99%;
}
ul#comments-list div.avatar
{
   float:right;
}
ul#comments-list, ul#comments-list li
{
   background: none;
   padding:0;
}
ul#comments-list li li
{
   margin-left: 20px;
}
div.avatar
{
   position:relative;
   margin: 7px;
   border: 1px solid #aaa;
   padding: 1px;
   background: #fff;
   float:left;
}
div.avatar img, div.avatar img.wp-post-image
{
   margin:0 !important;
   padding:0;
   border:none;
}
span.page-navi-outer, span.page-navi-inner
{
   position:relative;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
span.page-navi-outer
{
   margin: 1px;
   border: 1px solid #aaa;
}
span.page-navi-inner
{
   padding: 1px;
   min-width:14px;
   line-height:18px;
   text-align:center;
   border: 2px solid #fff;
   font-weight:bold;
}
a span.page-navi-inner, span.page-navi-caption span.page-navi-inner
{
   border-width:1px;
   font-weight:normal;
}
a span.page-navi-outer, span.page-navi-caption
{
   margin:2px 1px;
}
ul#comments-list li cite
{
   font-size: 1.2em;
}
#commentform textarea
{
   width: 100%;
}
#commentform
{
   text-align:left;
}
.rtl #commentform
{
   text-align:right;
}
img.wp-smiley
{
   border: none;
   margin: 1px;
   vertical-align:middle;
   padding: 0;
}
.navigation
{
   display: block;
   text-align: center;
}
/* Recommended by [url="http://codex.wordpress.org/CSS"]http://codex.wordpress.org/CSS[/url] */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}
p.aligncenter , p.center
{
   text-align: center;
}
.alignleft
{
   float: left;
}
.alignright
{
   float: right;
}
.alignright img, img.alignright
{
   margin: 1em;
   margin-right: 0;
}
.alignleft img, img.alignleft
{
   margin: 1em;
   margin-left: 0;
}
.wp-caption
{
   border: 1px solid #ddd;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   text-align: center;
}
.wp-caption img
{
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text
{
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
.wp-caption p
{
   text-align: center;
}
.gallery {
   margin: 0 auto 18px;
   clear:both;
   overflow:hidden;
   letter-spacing: normal;
}
.gallery .gallery-item {
   float: left;
   margin-top: 0;
   text-align: center;
   width: 33%;
}
.gallery img {
   border: 10px solid #f1f1f1;
}
.gallery .gallery-caption {
   color: #888;
   font-size: 12px;
   margin: 0 0 12px;
}
.gallery dl {
   margin: 0;
}
.gallery br+br {
   display: none;
}
/* End */
.hidden
{
   display: none;
}
/* Calendar */
#wp-calendar {
   empty-cells: show;
   margin: 10px auto 0;
   width: 155px;
}
#wp-calendar #next a {
   padding-right: 10px;
   text-align: right;
}
#wp-calendar #prev a {
   padding-left: 10px;
   text-align: left;
}
#wp-calendar a {
   display: block;
}
#wp-calendar caption {
   text-align: center;
   width: 100%;
}
#wp-calendar td {
   padding: 3px 0;
   text-align: center;
}
.art-content {
   position: relative;
   z-index: 1;
}
#todays-events{
   position: relative;
   z-index: 11;
}
#upcoming-events{
   position: relative;
   z-index: 10;
}
img.wp-post-image
{
   margin:0 5px 5px 0 !important;
}
ul#comments-list li
{
   list-style-image: none;
   background:none;
   list-style-type:none;
}
div.art-footer div.art-content-layout
{
   margin:0 auto;
   width:100%;
}
div.art-layout-cell-size1
{
   width:100%;
}
div.art-layout-cell-size2
{
   width:50%;
}
div.art-layout-cell-size3
{
   width:33%;
}
div.art-layout-cell-size4
{
   width:25%;
}
.art-widget-title
{
   padding:0 0 0 24px;
   margin-bottom:0;
}
div.art-center-wrapper
{
   position: relative;
   float: right;
   right: 50%;
}
div.art-center-inner
{
   position: relative;
   float: left;
   left: 50%;
}
.firefox2 div.art-center-inner
{
   float: none;
}
div.breadcrumbs h4,
div.breadcrumbs p,
li.pingback p,
#respond p,
h3#reply-title,
h4#comments,
h4.box-title
{
   margin:0;
}
#respond .comment-notes {
   margin-bottom: 1em;
}
.form-allowed-tags {
   line-height: 1em;
}
#comments-list #respond {
   margin-left: 30px !important;
}
#cancel-comment-reply-link {
   font-size: 12px;
   font-weight: normal;
   line-height: 18px;
}
#respond .required {
   color: #ff4b33;
   font-weight: bold;
}
#respond label {
   font-size: 12px;
}
#respond input {
   margin: 0 0 9px;
   width: 98%;
}
#respond textarea {
   width: 98%;
}
#respond .form-allowed-tags {
   font-size: 12px;
   line-height: 18px;
}
#respond .form-allowed-tags code {
   font-size: 11px;
}
#respond .form-submit {
   margin: 12px 0;
}
#respond .form-submit input {
   font-size: 14px;
   width: auto;
}
.art-footer .art-widget-title
{
   font-size:1.2em;
   padding: 0;
}
.art-footer .art-widget,
.art-footer .art-widget a,
.art-footer .art-widget a:link,
.art-footer .art-widget a:visited,
.art-footer .art-widget a:hover
{
   color: #CFCEC9;
   font-size: 11px;
   text-align: left;
}
.art-footer .art-widget a,
.art-footer .art-widget a:link
{
   color: #F0B43D;
   text-decoration: none;
}
.art-footer .art-widget a:visited
{
   color: #C7BDB8;
}
.art-footer .art-widget a:hover
{
   color: #F9E2B3;
   text-decoration: underline;
}
DIV[id^="GMPmap"] IMG
{
   margin: 0;
}



ОЧЕНБ надо ..прошу помощи!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 15.3.2013, 14:03; Ответить: yury_mw
Сообщение #4


Хм. Это уже какой-то другой сайт?

Впрочем, неважно. Код будет, примерно, тот же. И помещать его туда же (прямо перед закрывающим тегом </head>).

Только у вас в шапке по причине, о которой можно только догадываться, используются сразу два изображения: 'images/header.png' и 'images/header.jpg'
Потому можно заменять их оба (по-прежнему предполагаем, что нам нужно менять картинки случайным образом, что таких картинок по 10шт., называются они 1.png, ... 10.png и 1.jpg, ... 10.jpg и находятся они в папке images):
<?php $image_name = 'images/' . mt_rand(1,10); ?>
<style type="text/css">
.art-header:before{
  background-image: url(<?php echo $image_name, '.png'; ?>);
}
.art-header:after{
  background-image: url(<?php echo $image_name, '.jpg'; ?>);
}
</style>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
objectfine
objectfine
Topic Starter сообщение 15.3.2013, 17:22; Ответить: objectfine
Сообщение #5


Что -то не получается с этим кодом......выходит так....сзади картинка ,а впереди желтый квадрат перекрывает картинку. и всё
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 15.3.2013, 18:08; Ответить: yury_mw
Сообщение #6


Ну не знаю. Сходу ничего желтого в вашем коде не замечается.

На всякий случай посмотрите и проверьте.
* Что у вас в картинках 'images/header.png' и 'images/header.jpg'?
* Создали ли вы картинки 1.png-10.png и 1.jpg-10.jpg? Положили ли их в правильное место?

Скорей всего до понедельника больше не смогу на форум заходить, так что может еще кто вам что подскажет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
objectfine
objectfine
Topic Starter сообщение 15.3.2013, 18:25; Ответить: objectfine
Сообщение #7


Спасибо, что откликнулись. Буду ждать еще вариантов, с вашим еще вариантом помучаюсь...может что и получится

Этот желтый квадрат находится в файле header.png
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kirinka
Kirinka
сообщение 15.3.2013, 21:54; Ответить: Kirinka
Сообщение #8


ссылку на сайт можете дать, а то трудно представить, что у вас происходит или хотя бы размеры header.png и header.jpg
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
objectfine
objectfine
Topic Starter сообщение 16.3.2013, 10:27; Ответить: objectfine
Сообщение #9


http://objectuq.bget.ru/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kirinka
Kirinka
сообщение 17.3.2013, 2:01; Ответить: Kirinka
Сообщение #10


предложенный выше вариант работает. Единственное что, нужно объединить две картинки header.png и header.jpg в одну и удалить .art-header:after из css, а .art-header:before изменить на .art-header, то есть в результате у вас должно быть так:
.art-header
{
position: absolute;
display:block;
content:' ';
top: 0;
width:100%;
height: 312px;
background-image: url('header.jpg');
background-repeat: no-repeat;
background-position:top center;
}

Еще раз по порядку:
1) создайте в папке images отдельную папку для фонов(например:background), там должны лежать картинки с расширением .jpg и названием от 1 до 10: 1.jpg, 2.jpg и т.д.
2) в индексном файле между тегами <head></head> прописываете следующий код:
<style type="text/css">
.art-header
{
  background:url(путь_ к_ файлам/<?php echo mt_rand(1,10); ?>.jpg) !important;
}
</style>
, где путь_к_файлам будет выглядеть след.образом: images/background
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
7 uahomka 1567 17.3.2024, 14:54
автор: uahomka
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
10 Boymaster 1468 17.3.2024, 3:22
автор: malamut
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
26 metvekot 3655 15.3.2024, 10:42
автор: Skyworker
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
140 adw-kupon.ru 18368 12.3.2024, 23:28
автор: Lumex
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
79 metvekot 13007 12.3.2024, 23:00
автор: Lumex


 



RSS Текстовая версия Сейчас: 19.3.2024, 6:59
Дизайн