Помощник
|
Как поменять шапку |
objectfine
|
Сообщение
#1
|
||
|
|
||
|
|||
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
|
Сообщение
#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&alpha1=.70&framerate1=24&loop=true&wmode=transparent&clip=<?php echo get_bloginfo('template_url') . '/' ?>images/flash.swf&radius=5&clipx=-106&clipy=0&initalclipw=900&initalcliph=225&clipw=1200&cliph=300&width=988&height=300&textblock_width=0&textblock_align=no&hasTopCorners=true&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&alpha1=.70&framerate1=24&loop=true&wmode=transparent&clip=<?php echo get_bloginfo('template_url') . '/' ?>images/flash.swf&radius=5&clipx=-106&clipy=0&initalclipw=900&initalcliph=225&clipw=1200&cliph=300&width=988&height=300&textblock_width=0&textblock_align=no&hasTopCorners=true&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 |
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
|
Сообщение
#5
|
|
Что -то не получается с этим кодом......выходит так....сзади картинка ,а впереди желтый квадрат перекрывает картинку. и всё
|
|
|
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
|
Сообщение
#7
|
|
Спасибо, что откликнулись. Буду ждать еще вариантов, с вашим еще вариантом помучаюсь...может что и получится
Этот желтый квадрат находится в файле header.png |
|
|
Kirinka |
15.3.2013, 21:54;
Ответить: Kirinka
Сообщение
#8
|
|
ссылку на сайт можете дать, а то трудно представить, что у вас происходит или хотя бы размеры header.png и header.jpg
|
|
|
objectfine
|
Сообщение
#9
|
|
|
|
|
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"> , где путь_к_файлам будет выглядеть след.образом: images/background
.art-header { background:url(путь_ к_ файлам/<?php echo mt_rand(1,10); ?>.jpg) !important; } </style> |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 11 | Boymaster | 1801 | 17.4.2024, 23:35 автор: Boymaster |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4810 | 17.4.2024, 1:19 автор: sergio11 |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19708 | 8.4.2024, 10:37 автор: Skyworker |
|
Как вы бросили работу и перешли на заработок с сайтов? | 18 | uahomka | 3101 | 5.4.2024, 5:53 автор: Skyworker |
|
Как бездомные хранят деньги? | 81 | metvekot | 13655 | 31.3.2024, 12:44 автор: Boymaster |
Текстовая версия | Сейчас: 19.4.2024, 15:45 |