Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как сделать смену фона в информации о юзере?

Как сделать смену фона в информации о юзере?

     16.11.2013    jQuery, Общие вопросы по PHP    2556

вопрос
Как сделать что бы каждый пользователь мог ставить свой фон? по ссылке или загружая файл на сервер

Ответил: ПафНутиЙ

Заведите допполе для пользователя, куда он будет вставлять ссылку на изображение.
Через js устанавливать указанную картинку в качестве фона для body примерно так:
jQuery(document).ready(function($) {
    var bg = $('#bg').text();
    if (bg) {
        $('body').css('background-image', bg);
    };
});

10 комментариев

Gopr
Юзер

Gopr - 16 ноября 2013 22:07 -

У себя я сделал через удаленную картинку. Для этого достаточно одного личного дополнительного поля и пару строк css...
vitnet
PHP-developer

vitnet - 16 ноября 2013 22:33 -

Вот собрал что-то подобное, завтра опубликую у себя
i_loves_ac_dc
Гости

i_loves_ac_dc - 16 ноября 2013 22:46 -

Тоже интересует данная вещь! Напишите кто-то, как это сделать.
i_loves_ac_dc
Гости

i_loves_ac_dc - 17 ноября 2013 13:58 -

Заведите доп.поле для пользователя, куда он будет вставлять ссылку на изображение.
Через js устанавливать указанную картинку в качестве фона для body примерно так:
jQuery(document).ready(function($) {
    var bg = $('#bg').text();
    if (bg) {
        $('body').css('background-image', bg);
    };
});

не много не понял установку, куда доп поле вставить? можно поподробней об установке :?
ПафНутиЙ
Админ

ПафНутиЙ - 17 ноября 2013 15:27 -

Это не установка, а пример примерной реализации. Примерной потому что никаких исходных данных нет.
Каков вопрос - таков и ответ. Просто помните об этом.
i_loves_ac_dc
Гости

i_loves_ac_dc - 17 ноября 2013 15:39 -

хорошо, Вы писали что нужно доп поле а в скрипт его куда пихать ?
uFlex
Юзер

uFlex - 17 ноября 2013 21:02 -

хорошо, Вы писали что нужно доп поле а в скрипт его куда пихать ?
Как прописать в скрипт?
vitnet
PHP-developer

vitnet - 18 ноября 2013 22:36 - 

var bg = $('#bg').text();

#bg - <input name="bg" id="bg" />
ПафНутиЙ
Админ

ПафНутиЙ - 19 ноября 2013 11:41 - 

var bg = $('#bg').val();
Каков вопрос - таков и ответ. Просто помните об этом.
vitnet
PHP-developer

vitnet - 20 ноября 2013 19:57 -

А.Ц. доп. поля пользователей
bg
Описание поля: Фон (на свое усмотрение)
Тип поля: Одна строка
При регистрации: Нет / Да (на свое усмотрение)
Редактирование: Да
Личное: Нет

userinfo.tpl в удобное место (в самый конец)
[xfgiven_bg]
<script type="text/javascript">
$(document).ready(function(){
    var backgr = '[xfvalue_bg]';
    if (backgr!==''){
        document.body.className += 'bg';
        document.body.style.backgroundImage = 'url('+backgr+')';
    }
});
</script>
<style>
.bg{ 
    background-position:50% 0px;
    background-attachment:fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
</style>
[/xfgiven_bg]
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 03.08.2011 Гость  jQuery
 30.01.2012 promax  Стили (CSS), jQuery
 15.12.2012 Гость  jQuery
 21.08.2013 jarrro  jQuery
 08.09.2013 sergey.gusak90  Стили (CSS), jQuery, Общие вопросы по PHP
 17.09.2013 819836  Общие вопросы, Шаблоны (TPL), jQuery, Хаки, Ламерские вопросы
 04.12.2013 xeon01  Стили (CSS), jQuery
 13.10.2014 ravchik  jQuery
 25.12.2014 teda  Шаблоны (TPL), Стили (CSS), jQuery, Хаки
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    Вчера, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:17
    фтп обычный юзер а не root
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:15
    дэк только так и загружаю
  • Gordi | Как реализовать шифрование трафика? 3
    Фото Gordi
    Gordi
    Как реализовать шифрование трафика?
    18-11-2024, 14:14
    я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:13
    Gordi,
    через фтп загружай
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:11
    Привет Николай!
    Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
    или направь на путь истинный, пжст
наверх