1 (14-06-2009 05:33:29 отредактировано Hodok)

Тема: Как наложить текст на картинку в шапке

Мужчины, помогите наложить в шапке блога текст (название блога или описание) на картинку бекграунда (hader.jpg)!

1. Пробовал менять код, но картинка просто оттесняет название и поиск вниз (рис 1). Что надо переписать, подскажете?

2. Как вместо урла написать текст описания блога?

Рис.1

http://lh5.ggpht.com/_3g_ktJp0cQQ/SjRbJ4hleNI/AAAAAAAAAqI/6oJGptXGEyI/s400/Captured2.jpg

[url]http://picasaweb.google.com/zheniazh/YFkmGG?feat=directlink#5346998882945824978[url/]

Рис.2 (так выглядит шапка с исходным кодом, который пишу ниже.

http://lh5.ggpht.com/_3g_ktJp0cQQ/SjRbFbwHR1I/AAAAAAAAAqE/q8OtRdBuhEk/s400/Captured3.jpg

[url]http://picasaweb.google.com/lh/photo/9ruOV-T49TJ7-64RKUok0A?feat=directlink[url/]

   header.php

<div id="header">

    <div id="logo">
        <h1><a href="    <?php echo get_settings('home'); ?>">
                        <?php bloginfo('url'); ?>
                        <?php echo $langblog;?>
        </a></h1>
    </div>
    
    <div id="searchbox">
        <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
        <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" class="swap_value" />
        <input type="image" src="<?php bloginfo('template_directory'); ?>/images/go.gif" id="go" alt="Пошук" title="Пошук" />
        </form>
    </div>

</div>

style.css

#header {display:block; width: 915px; height: 164px; margin: 0 auto;}

#logo {display: block; float:left; background: url (images/logo.gif) top left no-repeat; height: 40px; margin: 30px 0 0 0;}

#logo h1 a {padding: 10px 0 0 0; font-size: 24px; color: #666}
#searchbox { float:right; width: 200px; border: 1px solid #ccc; margin:30px 0 0 0;}
#searchbox #s { float: left; margin: 3px 0 0 5px; border: 0; width: 155px; background: none; color:#999999;}
#searchbox #go { float: right; border-left: 1px solid #ccc}

2

Re: Как наложить текст на картинку в шапке

если всё ещё актуально: плюньте на код, откройте картинку в графическом редакторе и тупо напишите нужный текст на рисунке sad

(модераторам: сорри если апнул забытую тему...)

(с) колорадский жук - друг человека...
мой жж www.udalov-m.livejournal.com

3

Re: Как наложить текст на картинку в шапке

Спасибо. Так и сделал на сайте. А блог и без картинки работает ))