Sly32

Рейтинг
370
Регистрация
29.03.2012
1923:
Помогите пожалуйста, как изменить цвет фона на изображениях, т.е у меня стоят прозрачные картинки, при нажатии на них цвет фона черный, а надо балый, помогите, спасибо!

например, htmlbook.ru

Или любой учебник по CSS

Отпадет куча вопросов. Да и гуголь еще никто не отменил...

А здесь вопросs по Wordpress..

leonid239:
У них уже давно не в Германии, а в Эстонии виртуальные серверы.

Сорри, виртуальные - да. Что получше - в ГЕрмании

У FastVPS серверы в Неметичне

Оптимизайка:
Если ваш фреймворк способен обрабатывать разные URL, вызывая одну и ту же функцию и умеет делать переадресации или указывать канонический URL для всех страниц - то вам не нужен .htaccess. Не все так умеют, поэтому пользуются переадресацией на уровне веб-сервера (.htaccess) - это более гибко в большинстве случаев.

Еще одна причина переползания на Джангу) Там эти вопросы вообще не возникают

Kiprian, вот это ставите в файл стилей и корректируете под ваши нужды


.hd-border{
width: 50%;
height: 300px;
background-color: rgba(234, 236, 218, 0.46);
/*background-image: url("/images/kitchen_adventurer_cheesecake_brownie.jpg");*/
/*transition: all 6s;*/
border: 2px solid black;
overflow: hidden;
position: relative;
}
.hd{
width: 100%;
height: 300px;
background-color: rgba(234, 236, 218, 0.46);
/*background-image: url("/images/kitchen_adventurer_cheesecake_brownie.jpg");*/
/*transition: all 6s;*/
/*border: 2px solid black;*/
position: relative;
}
div.mask-in {
background-color: rgba(8, 3, 6, 0.7);
bottom: 0;
height: 50px;
position: absolute;
width: 100%;
z-index: 999;
}

h3{
text-align: center;
/*padding-top: 4px;*/
font-size: 18px;
color: #f5f5f5;
vertical-align: middle;
/*padding-top: 4%;*/
}
.sc-left{
background-color: rgba(119, 139, 136, 0.89);
border-radius: 20px;
float: left;
margin-top: 18%;
font-size: 35px;
margin-left: -17px;
color: white;
width: 10%;
height: 15%;
text-indent: 20px;
cursor: pointer;
position: relative;
z-index: 999;

}
.sc-left:before {
content: "◄";
/* Добавляем желаемый символ перед элементом списка */
}
.sc-right{
background-color: rgba(119, 139, 136, 0.89);
border-radius: 20px;
float: right;
margin-top: 18%;
font-size: 35px;
margin-right: -17px;
color: white;
width: 10%;
height: 15%;
text-indent: 17px;
cursor: pointer;
z-index: 999;
position: relative;
}
.sc-right:before {
content: "►";
/* Добавляем желаемый символ перед элементом списка */
}

код и вызов jquery в хедер или футер


<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script>

<script>

$(document).ready(function(){
var i = 0;
var spd = 1500;
var dltme = 8000;
var images = $(".x-slider").map(function(indx, element){
return $(element).html();
});
var x = images.length;
//alert (x);
$('.hd').css('background','url(' + images[x-1] +') no-repeat center center #000').animate({opacity: 1},spd);

chBack(i);


function chBack(i){

setInterval(function(){
$('.hd').animate({opacity: 0}, spd, function() {
if (i >= images.length) {
i=0;
}
$(this).css('background','url(' + images[i++] +') no-repeat center center #000').animate({opacity: 1},spd);

});
}, dltme);
//dltme = 6000;
}

})
</script>

в любом месте страницы вставляем этот код, в нем прописываем свои пути до картинок



<div style="display:none">
<div class="x-slider">/images/kitchen_adventurer_caramel.jpg</div>
<div class="x-slider">/images/kitchen_adventurer_cheesecake_brownie.jpg</div>
<div class="x-slider">/images/kitchen_adventurer_donut.jpg</div>
<div class="x-slider">/images/kitchen_adventurer_lemon.jpg</div>
<div class="x-slider">/images/pic1.jpg</div>
<div class="x-slider">/uploads/pict_аренда авто в грузии_548810.jpg</div>
<div class="x-slider">/uploads/pict_2016-acura-nsx-detroit-photo-21-700x400_d8bdb7.jpg</div>
<div class="x-slider">/uploads/pict_python_3b1c96.jpg</div>
</div>

там где вы хотите выводить слайдер, ставите следующий код:


<div class="hd"></div>

если нужно адаптировать - это сами

Sysler, Хотелось бы увидеть такое чудо на рнр.... Только если статичная картинка, меняющаяся при релоаде страницы...

Kiprian, На днях сделал себе как раз скриптик, который меняет картинку фона, можно задавать в сss, а адреса самих картинках спрятаны в невидимом диве. Если подойдет и хоть немного разбираетесь в jquery - могу скинуть. вот как тут в шапке: http://gymn9.minsk.edu.by

kostyk, Самый простой вариант - ручками допилить single.php или то чем у вас выводится единичная страничка и добавить сразу после контента произвольное поле для рекламы.

Или гарантированно - через шорткод, который вставлять в тело поста.

Anonyk:
Кому надо то вот эта команда выводит загаловки и тексты:
<?php
// The Query
query_posts( $args );

// The Loop
while ( have_posts() ) : the_post();
echo '<li>';
the_title();
the_content();
echo '</li>';
endwhile;

// Reset Query
wp_reset_query();
?>

запрос query_posts() не рекомендуется применять - очень медленный. Лучше делать через WP_Query()

Playerror:

<title>
<?php
if (get_post_meta($post->ID, 'title', true) == true) {
echo get_post_meta($post->ID, 'title', true);
} else {
wp_title(' ');
}
?>
</title>


Этот таг вордперсс вставляет что находится в кастомном поле с ключем title
<?php echo get_post_meta($post->ID, 'title', true); ?>

Этот таг вордперсс просто выводит тайтл
<?php wp_title(' '); ?>

Последние версии WP и PHP будут ругаться на ваш код.

надо значение поля присваивать переменной и потом уже переменную проверять - пустая или нет


<?php
$ttl =get_post_meta($post->ID, 'title', true)
if (!empty($ttl)) {
echo get_post_meta($post->ID, 'title', true);
} else {
wp_title(' ');
}
?>
Всего: 7322