#logo_image h1 {
background: url("../headerimage/headerimage-2.png") no-repeat scroll 0 0 transparent;
float: left;
height: 130px;
overflow: hidden;
text-indent: -9999px;
width: 430px;
}
тег <img> можно убрать
Не работает. У меня написано в style.css:
#logo_image { margin:20px 0 0 30px; float:left; display:inline; }
#logo_image h1 { margin:0; padding:0; float: left; }
А в header.php стоит этот код:
<h1><img src="http://domen.ry/wp-content/themes/piano-black/headerimage/headerimage-<?php echo(rand(1,4)); ?>.png"
width="image_width" height="image_height" alt="image_alt_text" /></h1>
Он загружает каждый раз новое лого на сайт при обновлении страницы.
Как оставить эту возможность и в то-же время заблокировать лого от перетаскивания и выделения?
ну так я же написал в первом сообщении!
в style.css вместо #logo_image h1 { margin:0; padding:0; float: left; }
пишете
#logo_image h1 {
margin:0; padding:0;
background: url("../headerimage/headerimage-2.png") no-repeat scroll 0 0 transparent;
float: left;
height: 130px;
overflow: hidden;
text-indent: -9999px;
width: 430px;
}
а в header.php — `<img src=»http://domen.ry/wp-content/themes/piano-black/headerimage/headerimage-<?php echo(rand(1,4)); ?>.png»
width=»image_width» height=»image_height» alt=»image_alt_text» /> удаляете или заменяете на<?php bloginfo(‘name’)?>`
url("../headerimage/headerimage-2.png") — это путь к картинке, которую вы хотите видеть
только уточните одну вещь, Вам нужно чтоб каждый раз была разная картинка, но при этом чтоб она не выделялась? или чтоб она была одна всегда, и при этом не выделялась?
Что бы каждый раз была новая картинка и она не выделялась)
тогда есть такой вариант:
<h1 class="image-<?php echo(rand(1,4)); ?>"></h1> — это в header.php
в style.css:
#logo_image h1 {
margin:0; padding:0;
float: left;
height: 130px;
overflow: hidden;
text-indent: -9999px;
width: 430px;
}
#logo_image h1.image-1 {
background: url("../headerimage/headerimage-1.png") no-repeat scroll 0 0 transparent;
}
#logo_image h1.image-2 {
background: url("../headerimage/headerimage-2.png") no-repeat scroll 0 0 transparent;
}
#logo_image h1.image-3 {
background: url("../headerimage/headerimage-3.png") no-repeat scroll 0 0 transparent;
}
#logo_image h1.image-4 {
background: url("../headerimage/headerimage-4.png") no-repeat scroll 0 0 transparent;
}
минусы этого способа — нужно вручную прописать то количество стилей, сколько картинок вы собираетесь выводить..
Для меня это не минус. Все супер.
Спасибо огромное. Все получилось.
