Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Как взять div с определенным id с сайта и поместить на свой сайт?

Как взять div с определенным id с сайта и поместить на свой сайт?

Допустим есть сайт site.com в его коде содержится такой div:
Код HTML5
1
<div id="1">1</div>
Мне нужно чтобы этот div был на моем сайте site2.com
Ответ:
Сообщение от alexsamos33
Заставьте PHP это делать.
Хорошо. Пойду задам этот вопрос в PHP теме
Вопрос: Вставить фотографию фоном страницы

Всем здравствовать! Подскажите пожалуйста как фоном одной страницы вставить фотографию, сайт , поискал в инете, но только знаю как вставить допустим в шапку или общий фон сайта. Заранее благодарен!
Ответ: Fedor92, cпасибо огромное)) да реально надо ложится спать) невнимателен неспавши) всем спасибо за уделенное внимание и всего доброго!
Вопрос: Как отследить на какое доменное имя переехал сайт?

Есть ли средство типа маячка, позволяющее узнать на какое доменное имя клиент поместил созданный тобой сайт, если контент неизвестен?
Спасибо.
Ответ:
 Комментарий администратора Taatshi
Обсуждение вирусных кодов на форуме запрещено.
Вопрос: Joomla 2.5 -Медленно открываются страницы сайта, админка открывается быстро

Господа, добрый день! Подскажите пожалуйста, стали очень медленно открываться страницы сайта, ждать приходится по 20-30 секунд, ожидание ответа от ...
Админка открывается и работает быстро. Было написано письмо хостеру nic.ru, но пока не было ответа. Подскажите куда копать?
Адрес сайта: msktehgaz.ru
Спасибо за ранее
Ответ: Удалите тему.
Вопрос: Резиновая (адаптивная) верстка сайта на css

Доброе время суток!, в этом разделе я хочу поделиться с вами тем что я знаю о резиновой (адаптивной) верстке сайта.

Что такое резиновая верстка?
Итак, резиновая верстка это когда ваш сайт настроен под разные разрешения экранов. Это делается для удобства ваших посетителей на сайте, с какого устройства они не зайдут - будут видеть красивый и приятный дизайн.

Каким образом она создается?
Существует много разных способов для осуществления адаптивной верстки. Лично я знаю только 2:
  • C помощью использования функции media screen;
  • Задавая блокам ширину в процентах.
  • Я также слышал о способе с использованием Bootstrap, но как - не знаю.
А сейчас я о них вам подробно расскажу.

CSS функция @media screen
@media screen, также называемая media queries - лично я использую именно этот вариант, в моём мнении, он является самым лучшим и простым. А являет он собой вот этот код:
CSS
1
@media screen and (max-width: AAApx) { }
Точнее, это только 1 условие, самое популярное, а в общем существует их 4, но об этом позже, а сейчас давайте разберем куда этот код вставлять и как ним пользоваться.

@media screen and (max-width: AAApx) { } - внутри фигурных скобок будет такой же код как и во всех обычных файлах css (но с некоторыми изменениями):

Во первых, если вы хотите чтобы какой-то блок исчез когда экран становится менее допустим 400px, то надо сбивать стили того блока внутри @media screen, а для этого есть три способа:
  1. Прописать тому блоку display: none; (простой но не лучший вариант, бывают проблемы);
  2. Прописывать каждому блоку в том же блоке и всем функциям по 0 или none (что получается, извиняюсь за выражение, тупо, долго и все равно что display: none);
  3. А лучше всего, прописать блоку position: absolute; и left: -4000px; (чтобы убрать блок за экран), и таким способом он вооообще никак не сможет помешать дизайну вашего сайта.
Кликните здесь для просмотра всего текста

CSS
1
2
3
4
5
6
@media screen and (max-width: 400px) {
    #block{
        position: absolute;
        left: -4000px;
     }
}

Во вторых, если вам нужно какой-то блок поменять, то вы копируете его стили из изначального кода css опять таки внутрь @media screen и изменяете его стили:
Кликните здесь для просмотра всего текста

CSS
1
2
3
4
5
6
7
8
    #block{
        background-color: white;
     }
@media screen and (max-width: 400px) {
    #block{
        background-color: blue;     /*тоесть, если ширина экрана устройства будет равна или менее 400px, то фоновый цвет блока будет синим*/
     }
}

В третьих, самый важный момент! - если вам нужно добавить блок, то вам нужно будет его добавить в обычный html код. А в изначальном CSS коде, вам его нужно будет сбить, так как я уже раньше упомянул, с помощью позиционирования его за экран или display: none. А уже в @media screen вы задаете ему стили и, обязательно, не забудьте поместить его обратно на экран =)
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
Начну с боди
    <body>
            <div id="header">
            </div>
            <div id="footer">
            </div>
    </body>
При ширине экрана равной или менее 400px, у меня появится подвал(просто пример)
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
    #header{
        height: 50px;
        width: 100%;
        background-color: blue;
     }
    #footer{
        height: 50px;
        width: 100%;
        background-color: red;
        position: relative;
        bottom: 0;
        display: none;
     }
@media screen and (max-width: 400px) {
    #footer{
        height: 50px;
        width: 100%;
        background-color: blue;
        position: relative;
        bottom: 0;
        display: block; /*В этом случае я использовал display: none и block; по скольку ширина подвала у нас 100%*/
     }
}


Так, мы разобрались как работает media screen (media queries). А теперь можно и разобрать все остальные детали. Давайте начнем с условий:
CSS
1
2
3
@media screen and (min-width: XXXpx) { }
@media screen and (min-width: XXXpx) and (max-width: YYYpx) { }
@media screen and (max-device-width: XXXpx) { }
эти условия делают такие же чудеса как и первое, но вот разница:
  • @media screen and (min-width: XXXpx) { } - это условие позволяет задавать стили для экранов больше или равным к заданной вами ширине(противоположное max-width).
  • @media screen and (min-width: XXXpx) and (max-width: YYYpx) { } - это условие позволяет вам задавать стили для экранов как я называю их "от и до" =) ширины заданной вами. Тоесть, вы задаете минимальную и максимальную ширину экрана.
  • @media screen and (max-device-width: XXXpx) { } - его я не совсем понимаю как использовать, если знаете, пожалуйста поделитесь.
И последнее о media queries: ее также можно задать с помощью html, тоесть внутри <head></head> вы можете подключить стили media screen css также как и любой другой css файл. Вот пример:
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> - Для корректной работы стилей
    <link href="css/style1.css" type="text/css" rel="stylesheet" media="screen and (min-width: 400px)">
    <link href="css/style2.css" type="text/css" rel="stylesheet" media="screen and (max-width: 399px)">
    <title>Тестовая страница</title>
</head>

тоесть это означает что если ширина экрана будет больше или равна 400px, то подключить стили1 css, а если менее 400px то подключить стили2 css. А, и кстати, все IE до 8 включительно не поддерживают media queries. Это можно исправить с помощью JQuery, но это уже тема раздела по JQuery.

Ширина блоков в процентах
И несколько слов о ширине в процентах. Ширину в процентах не советую использовать во время создания адаптивной верстки, почему? Потому что если кто-то зайдет на ваш сайт допустим с очень маленького устройства посмотреть вашу галерею у которой ширина будет допустим 80% от ширины экрана, то они ваших фотографий даже не увидят, так как ваши фото могут быть в одном ряду и все они сожмутся до очень маленьких размеров, а с помощью media queries, вы можете поставить их в горизонтальное положение а не вертикальное, чтобы их размеры были больше. А если кто-то зайдет с очень большого экрана то ваши фото могут растянуться до очень больших размеров и в итоге будут выглядеть не качественно. А также, чтобы вы знали, когда вы задаете ширину в процентах, то эти проценты, это проценты ширины по их родительскому блоку.

Вот, вроде бы и все, если кто может еще чем-то поделится из своих знаний и опыта по созданию адаптивной верстки, пожалуйста, делитесь =)

Ответ: может поможет
пример создание адаптивной страницы сайта
Вопрос: Как увеличить место в root директории сайта?

У меня есть сайт, стоит он на win server 08 r2. Апач лежит на диске C (ssd 120гб), сам сайт целиком со всеми файлами лежит на диске D, вот поджимает место на диске D(2.5 - 120гб), и я подключаю диск E (hdd) на терабайт. Структура сайта такова:
../www/ - тут движок сайта
www/content/ - тут все файлы (картинки архивы и т.п.)
Задача в следующем, нужно сделать так чтобы весь сайт (скрипты и движок) остались на диске D, а папка "content" ушла на новый диск E.
Получается, апач всегда будет обращаться на диск D к скриптам, а сами картинки будут грузиться с другого диска. Как это реализовать?
Я думаю можно с субдоменом замутить, но это не оч круто, потому что могут возникнуть проблемы если придется для этого сайта еще место увеличивать. Я думаю можно увеличить другим методом, слышал про какие-то ссылки, мол подключаешь диск указываеш на папку на другом диске в которой места не хватает, и вооля - место на диске на котором лежит данная папка теперь есть, а отъедается это место с того диска что подключили, но не пойму что это и с чем его едят. Буду очень признателен за помощь!
Ответ: Sanu0074, можно переносить не весь сайт а только какую-либо его часть
главное не забыть что и куда переносили
Вопрос: Непонятки с загрузкой сайта на субдомене

Добрый день! Впервые столкнулся с такой проблемой…

Есть сайт Домен1.ru (основной) и второй сайт на субдомене Домен2.Домен1.ru (второстепенный). Оба сайта на WP. Второй сайт запустил вчера. Пол дня нормально работали оба сайта. Но через некоторое время вместо второстепенного сайта стал грузится основной. Сбрасывал кэш, использовал разные браузеры, разные устройства и разный интернет. Результат один — не работает! Написали хостеру (servage.net), они ответили, что проблем никаких не видят. Стал проверять, действительно, все работало нормально (прошло часов 12 или даже более). Еще пол дня нормально работали оба сайта, но потом снова проблема повторилась! Снова все проверили, опять написали хостеру. Они ответили, что опять проблем не видят, и порекомендовали переустановить оба WP!

В чем проблема, не подскажите?!?!? Ума не приложу даже куда копать (((

Помогите, пожалуйста!

Заранее спасибо!
Ответ: Да че там переставлять-то???? Я сейчас вот тупо удалил файлы главного сайта. Т.е. физически на хосте нет ничего, что могло бы запускаться, переадресовывать и т.п. Так все равно субдомен не грузится!!!!
Вопрос: Загрузка изображений на сайт

Здравствуйте нужно загрузить несколько или одно (по выбору) изображений на сайт. скрипт есть файлы выбираются, но я не могу их передать на обработчик на php чтобы загрузить на сервер. И подскажите пожалуйста как сделать чтобы все передовалось на php  не аяксом, а просто переходило как обычно переходит форма методом пост.
Вот сам скрипт:
 
Код

jQuery(function($) {
/// определение jQuery - начало



    //объявлем 2 переменных в которые будет помещён массив файлов после выбора в поле <input type="file">

    var otzivi_files;
    var otzivi_files_tmp = [];
    function prepareUpload(event)
    {
        /*
            одна переменная временная
            в неё заносится список полученные сразу после выбора файлов
            вторая содержит весь список включая и файлы выбранные ранее
        */

        // присвоение только что выбранных файлов
        otzivi_files = event.target.files;


        // обновление общего массива файлов
        $(otzivi_files).each(function(){
         otzivi_files_tmp = otzivi_files_tmp.concat(this);
        });

        // перерисовка списка после выбора дополнительных файлов
        $(function (){
            repaint_uplod_items();
        });

    }


    /*
        эта функция отслеживает изменение поля <input type="file">
        и добавляет в общий массив выбранные файлы посредством обратного вызова
    */
    $('input[type=file]').on('change', prepareUpload);

    function repaint_uplod_items()
    {
        /*
        этот код помещён в функцию
        так как:
        после удаления элемента, происходит изменение индексов в массиве otzivi_files_tmp
        у кнопки "удалить" остаются старые индексы
        в этом случае уже нельзя правильно удалить элементы кнопками
        из-за нарушения первоначальных индексов
        поэтому, после удаления элемента, следует перерисовать их список заново.
        */

        // выбираем контейнер для списка
        var fileList = $('#fileList');

        // очищаем от предыдущего кода
        $(fileList).html('');

        // формируем визуальную таблицу из массива файлов
        var table = '<table border = "0" cellspacing = "0" cellpadding = "0"><tr>';
        for (var i=0; i < otzivi_files_tmp.length; i++) {

            // устанавливаем ссылку на текущий объект
            var this_obj = otzivi_files_tmp[i];

            // получаем ссылку на картинку для использования в img src
            try{

                /*
                    из-за бага, в сафари этот метод не работает
                    поэтому в случае неудачи, нужно пропустить этот шаг
                  ссылка на баг https://bugs.webkit.org/show_bug.cgi?id=101671
                  пример, аналогичного скрипта,
                  который тоже не работает в сафари http://blueimp.github.io/jQuery-File-Upload/
                */

                img_src = window.URL.createObjectURL(this_obj);
            } catch(e) {}


            // формируем таблицу
            // js не поддерживает переносы строки, поэтому пришлось вот так её рисовать

            table += '<td>';
            table += '<div class="image_thummb">';
            if('undefined' != typeof img_src) table += '<a class="del_uplod_image" href="#'+i+'"><img class="del_im" src="css/x.png" /></a><img src="'+img_src+'" class="im" alt="" border="0" />';
            table += '</div>';
            table += '</td>';
            table += '';
            if('undefined' != typeof img_src) img_src.onload = function(){window.URL.revokeObjectURL(img_src);} // освобождаем память выделенную под картинку

        }
        table += '</tr></table>';
        $(fileList).html(table); // выгружаем в контейнер созданную визуальную таблицу
    }




    /*
        функция которая удаляет из массива элементы
        после этого наглядно показывает удаление элемента из списка fadeOut()
        и перерисовывает таблицу выбранных файлов
        использование $('body').on('click' ... обусловлено тем,
        что ссылки эти создаются динамически на странице, что делает невозможным использование обычного click()
    */
    $('body').on('click', 'a.del_uplod_image', function(){
        if(!confirm('удалить?'))return(false); // переспрашиваем, удалить ли файл из списка
        var to_del_id = $(this).attr('href').replace('#','') * 1; // получаем индекс удаляемого файла
        if('undefined' != typeof otzivi_files_tmp && otzivi_files_tmp.length)
        {
            // проверяем массив и элемент массива на существование
            if('undefined' != typeof otzivi_files_tmp[to_del_id] && otzivi_files_tmp[to_del_id])
            {
                otzivi_files_tmp.splice(to_del_id,1);

Ответ:
Здравствуйте нужно загрузить несколько или одно (по выбору) изображений на сайт. скрипт есть файлы выбираются, но я не могу их передать на обработчик на php чтобы загрузить на сервер. И подскажите пожалуйста как сделать чтобы все передовалось на php  не аяксом, а просто переходило как обычно переходит форма методом пост.
Вот сам скрипт:
 
Код

jQuery(function($) {
/// определение jQuery - начало



    //объявлем 2 переменных в которые будет помещён массив файлов после выбора в поле <input type="file">

    var otzivi_files;
    var otzivi_files_tmp = [];
    function prepareUpload(event)
    {
        /*
            одна переменная временная
            в неё заносится список полученные сразу после выбора файлов
            вторая содержит весь список включая и файлы выбранные ранее
        */

        // присвоение только что выбранных файлов
        otzivi_files = event.target.files;


        // обновление общего массива файлов
        $(otzivi_files).each(function(){
         otzivi_files_tmp = otzivi_files_tmp.concat(this);
        });

        // перерисовка списка после выбора дополнительных файлов
        $(function (){
            repaint_uplod_items();
        });

    }


    /*
        эта функция отслеживает изменение поля <input type="file">
        и добавляет в общий массив выбранные файлы посредством обратного вызова
    */
    $('input[type=file]').on('change', prepareUpload);

    function repaint_uplod_items()
    {
        /*
        этот код помещён в функцию
        так как:
        после удаления элемента, происходит изменение индексов в массиве otzivi_files_tmp
        у кнопки "удалить" остаются старые индексы
        в этом случае уже нельзя правильно удалить элементы кнопками
        из-за нарушения первоначальных индексов
        поэтому, после удаления элемента, следует перерисовать их список заново.
        */

        // выбираем контейнер для списка
        var fileList = $('#fileList');

        // очищаем от предыдущего кода
        $(fileList).html('');

        // формируем визуальную таблицу из массива файлов
        var table = '<table border = "0" cellspacing = "0" cellpadding = "0"><tr>';
        for (var i=0; i < otzivi_files_tmp.length; i++) {

            // устанавливаем ссылку на текущий объект
            var this_obj = otzivi_files_tmp[i];

            // получаем ссылку на картинку для использования в img src
            try{

                /*
                    из-за бага, в сафари этот метод не работает
                    поэтому в случае неудачи, нужно пропустить этот шаг
                  ссылка на баг https://bugs.webkit.org/show_bug.cgi?id=101671
                  пример, аналогичного скрипта,
                  который тоже не работает в сафари http://blueimp.github.io/jQuery-File-Upload/
                */

                img_src = window.URL.createObjectURL(this_obj);
            } catch(e) {}


            // формируем таблицу
            // js не поддерживает переносы строки, поэтому пришлось вот так её рисовать

            table += '<td>';
            table += '<div class="image_thummb">';
            if('undefined' != typeof img_src) table += '<a class="del_uplod_image" href="#'+i+'"><img class="del_im" src="css/x.png" /></a><img src="'+img_src+'" class="im" alt="" border="0" />';
            table += '</div>';
            table += '</td>';
            table += '';
            if('undefined' != typeof img_src) img_src.onload = function(){window.URL.revokeObjectURL(img_src);} // освобождаем память выделенную под картинку

        }
        table += '</tr></table>';
        $(fileList).html(table); // выгружаем в контейнер созданную визуальную таблицу
    }




    /*
        функция которая удаляет из массива элементы
        после этого наглядно показывает удаление элемента из списка fadeOut()
        и перерисовывает таблицу выбранных файлов
        использование $('body').on('click' ... обусловлено тем,
        что ссылки эти создаются динамически на странице, что делает невозможным использование обычного click()
    */
    $('body').on('click', 'a.del_uplod_image', function(){
        if(!confirm('удалить?'))return(false); // переспрашиваем, удалить ли файл из списка
        var to_del_id = $(this).attr('href').replace('#','') * 1; // получаем индекс удаляемого файла
        if('undefined' != typeof otzivi_files_tmp && otzivi_files_tmp.length)
        {
            // проверяем массив и элемент массива на существование
            if('undefined' != typeof otzivi_files_tmp[to_del_id] && otzivi_files_tmp[to_del_id])
            {
                otzivi_files_tmp.splice(to_del_id,1);

Вопрос: Как разместить фотографии в HTML горизонтально?

Здравствуйте! Прошу помощи, на сайте HTML нужно разместить две фотографии горизонтально, рядом с друг другом..
Что не делаю, не получается! В итоге фотки размещаются вертикально.. Делал через <p>...</p> , делал черз <div>...</div>...
Через сss не знаю как..
Ответ: nik25, можно бородатый костыль с флоут. Но лучше использовать флексбокс.

Добавлено через 10 минут
Как-то так получится:
Код CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/*(правило для контейнера в котором находятся фотографии)*/
.photos {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
Вопрос: Как уменьшить пространство над верхним горизонтальным главным меню?

Здравствуйте,

Я хочу немного сдвинуть вверх мой сайт в браузере или, иными словами, уменьшить пространство над верхним горизонтальным главным меню.
Я хочу, чтобы было как на картинке 1. А сейчас у меня как на картинке 2.
Ответ: Я понимаю... Просто у меня сайт не на хостинге, а на домашнем сервере. А он далеко не всегда включен. Я постараюсь, чтобы сервер был online большую часть времени в ближайшее время. Попробуйте зайти на:

На главной странице покамест ничего нет, поэтому лучше зайти на другую страницу. Например, страницу оплаты.
Мне подсказали, как убрать большое пространство сверху и это сработало. Там какой то gkToolbar, как я понимаю, особо не нужный.
Code
1
2
3
4
5
6
7
8
9
10
11
12
13
#gkToolbar {
 
   display: none;
}
body {
    margin: 0 !important;
 
    /* color: #6C6459;
    height: 25px;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 10px 0 0; */
}
После этой правки кода в файле template.css текущего шаблона, у меня получилось под и над главным меню по 10px пространство. Нижнее я сам нашел как изменить на 5px.
Code
1
2
3
#gkMenuWrap {
    margin-bottom: 5px;
}
А вот сверху я не знаю где это. По-моему, это body и над ним есть 10px пустоты. Но я не уверен...
У меня J 2.5 и шаблон MyStore. Релевантные файлы я могу приложить. Но постараюсь, чтобы сайт работал большую часть дня.
Спасибо.

Добавлено через 3 часа 20 минут
Небольшой апдейт... Всё, вроде, решено. Надо просто было изменить margin в файле template.css текущего шаблона так:
CSS
1
2
3
4
5
6
7
8
#gkMenu {
background: #ffffff url("../images/menu_lvl1_bg.png") repeat-x scroll 0 bottom;
border: 1px solid #dcdcdc;
height: 42px;
margin: 10px 0 0;
position: relative;
z-index: 100;
}