Вставка изображения посредством css/php

kia · December 28, 2011

Добрый день всем

Вобщем, суть вопроса такова

Из первого сделать второе

Пробывал: через img src вставить в header.php - вставляется, но не загружается, т.е. вообще не кэшируется на странице, хотя в "Инф о странице" файрфокса прописывается в списке элементов, но не размер не формат неизвестен.

Также пробывал через php echo все с тем же img src

А как вставить посредством css - вообще ума не приложу... Что посоветуете?

Сайт - kiadesign.ru , архив со всеми файлами темы WP - kiadesign.ru/wp-content/uploads/2011/12/theme.zip

код header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php bloginfo('text_direction'); ?>" xml:lang="<?php bloginfo('language'); ?>">
    <head>
        <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
        <title><?php wp_title ( '|', true,'right' ); ?></title>
        <meta http-equiv="Content-language" content="<?php bloginfo('language'); ?>" />
		<link rel="profile" href="http://gmpg.org/xfn/11" />
        <link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favico.ico" type="image/x-icon" />
        <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
        <!--[if IE]><link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/ie.css" /><![endif]-->
        <?php
			wp_enqueue_script('jquery');
			wp_enqueue_script('cycle', get_template_directory_uri() . '/js/jquery.cycle.all.min.js', 'jquery', false);
			wp_enqueue_script('cookie', get_template_directory_uri() . '/js/jquery.cookie.js', 'jquery', false);
            if ( is_singular() ) wp_enqueue_script( 'comment-reply' );
            wp_enqueue_script('script', get_template_directory_uri() . '/js/script.js', 'jquery', false);
		?>
        <?php wp_head(); ?>
        <?php if ( is_home() && !get_option('ss_disable') ) : ?>
        <script type="text/javascript">
            (function($) {
                $(function() {
                    $('#slideshow').cycle({
                        fx:     'scrollHorz',
                        timeout: <?php echo (get_option('ss_timeout')) ? get_option('ss_timeout') : '7000' ?>,
                        next:   '#rarr',
                        prev:   '#larr'
                    });
                })
            })(jQuery)
        </script>
        <?php endif; ?>

	</head>
	<body <?php echo (get_option('bg_color')) ? 'style="background-color: '.get_option('bg_color').';"' : '' ?>>
        <div class="wrapper">

            <div class="header clear">
                <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Site description') ) ?>
                <div class="logo">
                    <a href="<?php bloginfo('home'); ?>"><img src="<?php echo (get_option('logo_url')) ? get_option('logo_url') : get_bloginfo('template_url') . '/images/logo.png' ?>" alt="<?php bloginfo('name'); ?>"/></a>
                </div>

/*** PLACE FOR IMAGE BEFORE MENU ***/

                <?php wp_nav_menu(array('menu' => 'Top menu', 'theme_location' => 'Top menu', 'depth' => 1, 'container' => 'div', 'container_class' => 'menu', 'menu_id' => false, 'menu_class' => false)); ?>

            </div>

            <?php wp_nav_menu(array('menu' => 'Navigation', 'theme_location' => 'Navigation', 'depth' => 2, 'container' => 'div', 'container_class' => 'nav', 'menu_class' => 'dd', 'menu_id' => 'dd', 'walker' => new extended_walker())); ?>
            <br>
            /*** PLACE FOR IMAGE ***/

            <?php if ( is_home() && !get_option('ss_disable') ) get_template_part('slideshow'); ?>

            <!-- Container -->
            <div id="container" class="clear">
                <!-- Content -->
                <div id="content">

Edited December 28, 2011 by kia

Dzot · December 28, 2011

Я бы сделал так:

(кусок из style.css в котором были произведены изменения)

.nav {
    height: 90px;
    padding-top: 40px;
    background: url(http://s2.ipicture.ru/uploads/20111228/1FzVpKW4.png) repeat-x;
}
.dd {
    height: 48px;
    border-bottom: 1px solid #FF8300;
    border-top: 1px solid #FF8300;
}

Картинка залита на сторонний хостинг. Слей, положи к себе.

Odrin · December 28, 2011

Градиент надо использовать, а не картинку. И забить на убогий браузер.

hedgehog · December 28, 2011

Градиент надо использовать, а не картинку. И забить на убогий браузер.

по-моему это оранжевая тень, а не градиент

kia · December 28, 2011

Я бы сделал так:
(кусок из style.css в котором были произведены изменения)
.nav {
    height: 90px;
    padding-top: 40px;
    background: url(http://s2.ipicture.ru/uploads/20111228/1FzVpKW4.png) repeat-x;
}
.dd {
    height: 48px;
    border-bottom: 1px solid #FF8300;
    border-top: 1px solid #FF8300;
}
Картинка залита на сторонний хостинг. Слей, положи к себе.

Спасиб, сейчас попробую, отпишусь

Градиент надо использовать, а не картинку. И забить на убогий браузер.

С удовольствием использовал бы лучше градиент. Но хотелось бы поддержку браузеров поболее..

Edited December 28, 2011 by kia

kia · December 28, 2011

Я бы сделал так:
(кусок из style.css в котором были произведены изменения)
.nav {
    height: 90px;
    padding-top: 40px;
    background: url(http://s2.ipicture.ru/uploads/20111228/1FzVpKW4.png) repeat-x;
}
.dd {
    height: 48px;
    border-bottom: 1px solid #FF8300;
    border-top: 1px solid #FF8300;
}
Картинка залита на сторонний хостинг. Слей, положи к себе.
Спасиб, сейчас попробую, отпишусь

Оо! Все работает, как задумано,

Только появилась другая проблема:

:unsure:

Edited December 28, 2011 by kia

Сергей Шолохов · December 28, 2011

Последовательность действий для исправления стрелочек в дропдауне:

1. Общему элементу выпадающего списка дай class="dropdown"

2. Пропиши в css обращение к стрелочкам через class="dropdown" и сделай стрелочки display:none;

kia · December 29, 2011

Последовательность действий для исправления стрелочек в дропдауне:
1. Общему элементу выпадающего списка дай class="dropdown"
2. Пропиши в css обращение к стрелочкам через class="dropdown" и сделай стрелочки display:none;

Спасибо.. а поподробней можно? Это что куда поставить? Там код коротенький, может напишите что и куда? я в css пока не сильно разбираюсь, потому и спрашиваю..

/*** Navigation ***/


.nav {

height: 90px;
padding-top: 40px;
background: url(images/bba.png) repeat-x;}

.dd {
height: 48px;
border-bottom: 1px solid #FF8300;
border-top: 1px solid #FF8300;
border-right: 1px solid #FF8300;
	}
.dd li {float: left; display: block; border-left: 1px solid #ff8300; text-align: center; font-size: 14px; text-transform: uppercase;}

.dd li a {color: #fff;/*COLOUR T*/ text-decoration: none; display: block; padding: 18px 0; margin: 0 14px; white-space: pre-wrap;}
.dd li a:hover {text-decoration: underline;}


.dd li ul {position: absolute; padding: 8px 0 10px; visibility: hidden; background: #49412d/*BG TABLE*/; z-index: 100;}
.dd li ul li {float: none; border: none; font-size: 12px; text-align: left; margin: 16px/*PX TABLE*/ 1px; padding: 0 3px 0 7px;}
.dd li ul li:hover {background: #614f2b/*BG OF HOVER*/; padding: 0 2px 0 8px;}
.dd li ul li a {color: #f5eac8;/*COLOUR OF T-MENU*/ display: inline; margin: 0 !important; white-space: pre-wrap; padding-top: 0;}
.dd li.dd_hover {background: #FF8300/*VL*/;}

a.dd_hover:hover {text-decoration: none !important;}
.submenu a:hover {text-decoration: underline;}
.dd li.parent a {margin: 0 8px; padding-right: 12px; background: url("images/dd.png") 100% 24px no-repeat;}
.dd li.parent a.dd_hover {color: #fff1c8; background: url("images/dd_hover.png") 100% 24px no-repeat; margin: 0 8px; padding-right: 12px; border: none; padding-bottom: 10px;}

/*** code from forum for menu hover ***/
#menu-item-102:hover{
    height:48px;
    background:#ffac1d;
}

Ну и архив тоже обновил, со всеми файлами темы WP. kiadesign.ru/wp-content/uploads/2011/12/theme.zip (151kb)

Edited December 29, 2011 by kia

kia · January 1, 2012

Поможете кто-нибудь? Можно по-подробней объяснить, что куда и откуда поставить?

С Новым годом всех, кстати!

Edited January 1, 2012 by kia

Sign In

Вставка изображения посредством css/php

Question

kia

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Dzot

Link to comment

Share on other sites

Odrin

Link to comment

Share on other sites

hedgehog

Link to comment

Share on other sites

kia

Link to comment

Share on other sites

kia

Link to comment

Share on other sites

Сергей Шолохов

Link to comment

Share on other sites

kia

Link to comment

Share on other sites

kia

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information