Kisa1993
-
Posts
52 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Kisa1993
-
Нужно сделать эффект как тут https://prankota.com/ - наводим на круг он расширяется не вниз и вправо, а равномерно во все стороны. Уже есть: h2 { width: 100px; height: 100px; color: #000; font-size: 30px; margin-left: 35px; font-family: 'Open Sans Condensed', Arial; background-color: red; background-image: url(../img/708682.jpg); border-radius: 50%;}h2:hover { -webkit-transform: scale(1.0); width: 150px; height: 150px; transition: all 0.4s ease-in-out;}
-
Как сделать область под li ссылкой? Сам текст ссылка. Height 100px к примеру ставлю, при наведении в эту область курсор делается как pointer, а ссылка не работает. UPD Извините разобралась
-
$(document).ready(function() { $('#editer').mousemove(function(e) { result = e.pageX; $(this).css({'background-position':'-20px' - result}); }); }); // Конец ready * { padding:0; margin:0; } #editer { width:100%; height:400px; background-image:url("wallpaper.jpg"); } В чем ошибка?
-
Хочу реализовать движение картинки, управляя мышью, примерно как тут: http://www.strangebrain.ru/ => Галерея. (Двигаем мышью бэкграунд тоже двигается) Для теста решила попробовать вот такой вариант: index.htm <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>Cursor editer</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="jquery.js" type="text/javascript"></script> <script src="sc.js" type="text/javascript"></script> </head> <body> <div id="editer">"Runing Water"</div> </body> </html> style.css * { padding:0; margin:0; } #editer { width:500px; height:500px; background-color:red; } sc.js $(document).ready(function() { $('#editer').hover(function(e) { result = e.pageX; $(this).text(result); }); }); // Конец ready Проблема: Когда мы наводим курсор на блок editer он меняет текст на координаты по оси Х, но не меняет когда мы двигаем курсор внутри блока. Пробовала всю страницу забить 1px блоками - чушь, лагает. Если есть дайте готовое решение (или это только на flash?) Либо помогите чтобы курсор реагировал на каждый пиксель.
-
Исправлю ка я свой пост пока в -100500 не ушла....
-
спасибо
-
Вот и настало у меня время перейти на html5, первый вопрос который всегда мучил это DOCTYPE. Слышала что новые теги поддерживают не все браузеры, а новый DOCTYPE все? Можно ли всегда теперь делать такую запись: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <p>123</p> </body> </html> Вместо такой: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>123</title> </head> <body> <p>123</p> </body> </html> И это будет везде корректно отображаться?
-
Огромно спасибо, помогло. Разницы в конце или во всей строке нету.
-
Очередная проблема: index.html <!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" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Курс по Javascript</title> <link href="css/mystyle.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/myScripts.js" type="text/javascript"></script> </head> <body> <!-- Общий div для всей в --> <div class="maindiv" id="main_div"> <!-- Блок хедера (шапка сайта) --> <div id="forheader"> <img src="images/logo.jpg" width="900" height="108" alt="Хедер" title="Шапка сайта" /> </div> <!-- Конец блока хедера --> <div id="forbody"> <h1 id="main_h1">Добро пожаловать на сайт компании MotoRent!</h1> <p><span class="pq">Мотоцикл — двухколёсное транспортное средство</span>, с коляской или без неё, имеющее максимальную массу не более 400 кг и/или двигатель с объёмом более 50 см? в случае двигателя внутреннего сгорания (и/или номинальную мощность более 4 кВт в случае электродвигателя. Впрочем, нормы различаются в разных странах.) </p> <!-- Блок с 4-мя изображениями --> <div id="div_for_img"> <img id="img_1" src="images/moto4.jpg" width="200" height="125" alt="Мотоцикл 1" /> <img id="img_2" src="images/moto2.jpg" width="200" height="125" alt="Мотоцикл 2" /> <img id="img_3" src="images/moto3.jpg" width="200" height="125" alt="Мотоцикл 3" /> <img id="img_4" src="images/moto1.jpg" width="200" height="125" alt="Мотоцикл 4" /> </div> <p><strong>На данный момент к прокату доступны следующие модели:</strong></p> <!-- Ненумерованный список --> <ol id="moto_models"> <li>Харлей Дэвидсон</li> <li>Кроссовый мотоцикл</li> <li>Гоночный мотоцикл</li> <li>Концептуальный мотоцикл</li> </ol> <h3 id="my_h3"><span class="pq">Ссылки на сайты производителей</span> и спецификации мотоциклов:</h3> <ul id="my_links"> <li><a href="http://www.yamaha-motor.ru" target="_blank" id="superlink">Yamaha Motors Russia</a></li> <li><a href="documents/yamaha_fz6.PDF">Спецификация на мотоцикл Yamaha FZ6</a></li> </ul> <h3>Рассчет стоимости проката мотоциклов:</h3> <!-- Форма --> <form action="form.php" id="my_form"> <div id="bigform"> <fieldset> <!-- Правый блок формы --> <div id="div_form_1"> <fieldset id="innerfieldset"> <legend>Дополнительные опции</legend> <p><strong>Нужны ли аксессуары?</strong></p> <div id="format"> <input type="checkbox" value="sh" name="dop_oprions" id="shlem" /> <label for="shlem">Шлем</label> <input type="checkbox" value="bag" name="dop_oprions" id="bag" /> <label for="bag">Багажник</label> <input type="checkbox" value="od" name="dop_oprions" id="od" /> <label for="od">Мото-одежда</label> </div> <p><strong>Нужна ли страховка?</strong></p> <div id="radio"> <input type="radio" id="inch_yes" value="yes" name="inch" /> <label for="inch">Да</label> <input type="radio" id="inch_no" value="no" name="inch" /> <label for="inch">Нет</label> </div> </fieldset> <input type="submit" value="Отправить заявку" id="my_button" /> </div> <!-- Левый блок формы --> <div id="div_form_2"> <span>Модель:</span> <select name="moto" size="1" id="motoSelect"> <option value="1">Харлей Дэвидсон (100$ в день)</option> <option value="2">Кроссовый мотоцикл (40$ в день)</option> <option value="3">Гоночный мотоцикл (150$ в день)</option> <option value="4">Концептуальный мотоцикл (340$ в день)</option> </select> <span>Дней:</span> <select name="days" size="1" id="daysSelect"> <option value="1">1</option> <option value="2">2</option> </select> <p><strong>Укажите Ваш email:</strong></p> <input type="text" id="email" value="Пример: you@site.ru" /> <p><strong>Ваши пожелания:</strong></p> <textarea cols="45" rows="2" id="mytextarea"></textarea> </div> </fieldset> </div> </form> <!-- Конец формы --> <!-- Таблица с мотоциклами на продажу --> <h3 id="sale">Мотоциклы на продажу (б/у):</h3> <table width="550" id="moto_table" title="Таблица цен на мотоциклы" class="mototable"> <thead> <tr> <th><strong>Модель</strong></th> <th><strong>Цена</strong></th> </tr> </thead> <tbody> <tr> <td>Харлей Дэвидсон</td> <td>25000</td> </tr> <tr> <td>Кроссовый мотоцикл</td> <td>10000</td> </tr> </tbody> </table> <div id="forresults"></div> </div> <!-- Блок футера --> <div id="forfooter"> <img src="images/footer.jpg" width="900" height="67" alt="Футер" title="Производители" /> </div> <!-- Конец футера --> </div> </body> </html> myScripts.js $(document).ready(function() { var myLink = $('a[href*=.PDF]'); myLink.hide().text("Это измененный текст ссылки.").show(2000); }); // Конец ready Ничего не происходит, хотя вот эта запись работает корректно: $(document).ready(function() { var myLink = $('a'); myLink.hide().text("Это измененный текст ссылки.").show(2000); }); // Конец ready В чем проблема? почему не находит вот эту строку? <li><a href="documents/yamaha_fz6.PDF">Спецификация на мотоцикл Yamaha FZ6</a></li>
-
Спасибо, опечаталсь
-
Исправила: index.html <!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" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Курс по Javascript</title> <link href="css/mystyle.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/myScripts.js" type="text/javascript"></script> </head> <body> <!-- Общий div для всей в --> <div class="maindiv" id="main_div"> <!-- Блок хедера (шапка сайта) --> <div id="forheader"> <img src="images/logo.jpg" width="900" height="108" alt="Хедер" title="Шапка сайта" /> </div> <!-- Конец блока хедера --> <div id="forbody"> <h1 id="main_h1">Добро пожаловать на сайт компании MotoRent!</h1> <p><span class="pq">Мотоцикл — двухколёсное транспортное средство</span>, с коляской или без неё, имеющее максимальную массу не более 400 кг и/или двигатель с объёмом более 50 см? в случае двигателя внутреннего сгорания (и/или номинальную мощность более 4 кВт в случае электродвигателя. Впрочем, нормы различаются в разных странах.) </p> <!-- Блок с 4-мя изображениями --> <div id="div_for_img"> <img id="img_1" src="images/moto4.jpg" width="200" height="125" alt="Мотоцикл 1" /> <img id="img_2" src="images/moto2.jpg" width="200" height="125" alt="Мотоцикл 2" /> <img id="img_3" src="images/moto3.jpg" width="200" height="125" alt="Мотоцикл 3" /> <img id="img_4" src="images/moto1.jpg" width="200" height="125" alt="Мотоцикл 4" /> </div> <p><strong>На данный момент к прокату доступны следующие модели:</strong></p> <!-- Ненумерованный список --> <ol id="moto_models"> <li>Харлей Дэвидсон</li> <li>Кроссовый мотоцикл</li> <li>Гоночный мотоцикл</li> <li>Концептуальный мотоцикл</li> </ol> <h3 id="my_h3"><span class="pq">Ссылки на сайты производителей</span> и спецификации мотоциклов:</h3> <ul id="my_links"> <li><a href="http://www.yamaha-motor.ru" target="_blank" id="superlink">Yamaha Motors Russia</a></li> <li><a href="documents/yamaha_fz6.PDF">Спецификация на мотоцикл Yamaha FZ6</a></li> </ul> <h3>Рассчет стоимости проката мотоциклов:</h3> <!-- Форма --> <form action="form.php" id="my_form"> <div id="bigform"> <fieldset> <!-- Правый блок формы --> <div id="div_form_1"> <fieldset id="innerfieldset"> <legend>Дополнительные опции</legend> <p><strong>Нужны ли аксессуары?</strong></p> <div id="format"> <input type="checkbox" value="sh" name="dop_oprions" id="shlem" /> <label for="shlem">Шлем</label> <input type="checkbox" value="bag" name="dop_oprions" id="bag" /> <label for="bag">Багажник</label> <input type="checkbox" value="od" name="dop_oprions" id="od" /> <label for="od">Мото-одежда</label> </div> <p><strong>Нужна ли страховка?</strong></p> <div id="radio"> <input type="radio" id="inch_yes" value="yes" name="inch" /> <label for="inch">Да</label> <input type="radio" id="inch_no" value="no" name="inch" /> <label for="inch">Нет</label> </div> </fieldset> <input type="submit" value="Отправить заявку" id="my_button" /> </div> <!-- Левый блок формы --> <div id="div_form_2"> <span>Модель:</span> <select name="moto" size="1" id="motoSelect"> <option value="1">Харлей Дэвидсон (100$ в день)</option> <option value="2">Кроссовый мотоцикл (40$ в день)</option> <option value="3">Гоночный мотоцикл (150$ в день)</option> <option value="4">Концептуальный мотоцикл (340$ в день)</option> </select> <span>Дней:</span> <select name="days" size="1" id="daysSelect"> <option value="1">1</option> <option value="2">2</option> </select> <p><strong>Укажите Ваш email:</strong></p> <input type="text" id="email" value="Пример: you@site.ru" /> <p><strong>Ваши пожелания:</strong></p> <textarea cols="45" rows="2" id="mytextarea"></textarea> </div> </fieldset> </div> </form> <!-- Конец формы --> <!-- Таблица с мотоциклами на продажу --> <h3 id="sale">Мотоциклы на продажу (б/у):</h3> <table width="550" id="moto_table" title="Таблица цен на мотоциклы" class="mototable"> <thead> <tr> <th><strong>Модель</strong></th> <th><strong>Цена</strong></th> </tr> </thead> <tbody> <tr> <td>Харлей Дэвидсон</td> <td>25000</td> </tr> <tr> <td>Кроссовый мотоцикл</td> <td>10000</td> </tr> </tbody> </table> <div id="forresults"></div> </div> <!-- Блок футера --> <div id="forfooter"> <img src="images/footer.jpg" width="900" height="67" alt="Футер" title="Производители" /> </div> <!-- Конец футера --> </div> </body> </html> myScripts.js .$(document).ready(function() { var textH1 = $('#main_h1').text(); alert(textH1); }); // Конец ready Бесполезно
-
я его подключила
-
Столкнулась с проблемой index.html <!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" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Курс по Javascript</title> <link href="css/mystyle.css" rel="stylesheet" type="text/css" /> <script src="js/myScripts.js" type="text/javascript"></script> <script src="js/jquery.js" type="text/javascript"></script> </head> <body> <!-- Общий div для всей в --> <div class="maindiv" id="main_div"> <!-- Блок хедера (шапка сайта) --> <div id="forheader"> <img src="images/logo.jpg" width="900" height="108" alt="Хедер" title="Шапка сайта" /> </div> <!-- Конец блока хедера --> <div id="forbody"> <h1 id="main_h1">Добро пожаловать на сайт компании MotoRent!</h1> <p><span class="pq">Мотоцикл — двухколёсное транспортное средство</span>, с коляской или без неё, имеющее максимальную массу не более 400 кг и/или двигатель с объёмом более 50 см? в случае двигателя внутреннего сгорания (и/или номинальную мощность более 4 кВт в случае электродвигателя. Впрочем, нормы различаются в разных странах.) </p> <!-- Блок с 4-мя изображениями --> <div id="div_for_img"> <img id="img_1" src="images/moto4.jpg" width="200" height="125" alt="Мотоцикл 1" /> <img id="img_2" src="images/moto2.jpg" width="200" height="125" alt="Мотоцикл 2" /> <img id="img_3" src="images/moto3.jpg" width="200" height="125" alt="Мотоцикл 3" /> <img id="img_4" src="images/moto1.jpg" width="200" height="125" alt="Мотоцикл 4" /> </div> <p><strong>На данный момент к прокату доступны следующие модели:</strong></p> <!-- Ненумерованный список --> <ol id="moto_models"> <li>Харлей Дэвидсон</li> <li>Кроссовый мотоцикл</li> <li>Гоночный мотоцикл</li> <li>Концептуальный мотоцикл</li> </ol> <h3 id="my_h3"><span class="pq">Ссылки на сайты производителей</span> и спецификации мотоциклов:</h3> <ul id="my_links"> <li><a href="http://www.yamaha-motor.ru" target="_blank" id="superlink">Yamaha Motors Russia</a></li> <li><a href="documents/yamaha_fz6.PDF">Спецификация на мотоцикл Yamaha FZ6</a></li> </ul> <h3>Рассчет стоимости проката мотоциклов:</h3> <!-- Форма --> <form action="form.php" id="my_form"> <div id="bigform"> <fieldset> <!-- Правый блок формы --> <div id="div_form_1"> <fieldset id="innerfieldset"> <legend>Дополнительные опции</legend> <p><strong>Нужны ли аксессуары?</strong></p> <div id="format"> <input type="checkbox" value="sh" name="dop_oprions" id="shlem" /> <label for="shlem">Шлем</label> <input type="checkbox" value="bag" name="dop_oprions" id="bag" /> <label for="bag">Багажник</label> <input type="checkbox" value="od" name="dop_oprions" id="od" /> <label for="od">Мото-одежда</label> </div> <p><strong>Нужна ли страховка?</strong></p> <div id="radio"> <input type="radio" id="inch_yes" value="yes" name="inch" /> <label for="inch">Да</label> <input type="radio" id="inch_no" value="no" name="inch" /> <label for="inch">Нет</label> </div> </fieldset> <input type="submit" value="Отправить заявку" id="my_button" /> </div> <!-- Левый блок формы --> <div id="div_form_2"> <span>Модель:</span> <select name="moto" size="1" id="motoSelect"> <option value="1">Харлей Дэвидсон (100$ в день)</option> <option value="2">Кроссовый мотоцикл (40$ в день)</option> <option value="3">Гоночный мотоцикл (150$ в день)</option> <option value="4">Концептуальный мотоцикл (340$ в день)</option> </select> <span>Дней:</span> <select name="days" size="1" id="daysSelect"> <option value="1">1</option> <option value="2">2</option> </select> <p><strong>Укажите Ваш email:</strong></p> <input type="text" id="email" value="Пример: you@site.ru" /> <p><strong>Ваши пожелания:</strong></p> <textarea cols="45" rows="2" id="mytextarea"></textarea> </div> </fieldset> </div> </form> <!-- Конец формы --> <!-- Таблица с мотоциклами на продажу --> <h3 id="sale">Мотоциклы на продажу (б/у):</h3> <table width="550" id="moto_table" title="Таблица цен на мотоциклы" class="mototable"> <thead> <tr> <th><strong>Модель</strong></th> <th><strong>Цена</strong></th> </tr> </thead> <tbody> <tr> <td>Харлей Дэвидсон</td> <td>25000</td> </tr> <tr> <td>Кроссовый мотоцикл</td> <td>10000</td> </tr> </tbody> </table> <div id="forresults"></div> </div> <!-- Блок футера --> <div id="forfooter"> <img src="images/footer.jpg" width="900" height="67" alt="Футер" title="Производители" /> </div> <!-- Конец футера --> </div> </body> </html> myScripts.js .$(document).ready(function() { var textH1 = $('#main_h1').text("Текст измененный с помощью jQuery"); $('img [width = 200]');.hide(3000); }); // Конец ready Почему скрипт, который должен включаться только в том случае если страница полностью погружена не работает? и текст заголовка тоже не меняется. jQuery этот
-
Спасибо, получилось.
-
Как сделать так, чтобы при существовании определенной куки шла переадресация на другую страницу?
-
Получится не очень хорошо . Но изначально в макете планировалось 5 пунктов). 1 Возьму на заметку, к utf-8 у меня какое-то отторжение, часто с ней мучилась, ну и есть крупные сайты которые на cp-1251. 2 У всех пунктов меню разный размер текста => и бэкграунд должен быть разным (на форуме писали что не такое уж и горе использовать и class и id вместе) 3 Не могу отучиться (хотя на форуме гуру писал что id для java а class для css) 4,5 Точно, признаю глупость) 6 header точно, не там использовала. А вот почему header100 непонятен?( 7 тупанула 8 не понимаю 9 упс 10 html 5 вообще не знаю и боюсь на него переходить (не знаю с чего начать) 11 упс 12 ощепятка 13 приму к сведению 14 а нужно только текст без тега(
-
Одна из первых моих работ. Интересует всё - мнения по html-разметке, качество кода, читабельность и тд и тп. Сам сайт PSD'шка Критика приветствуется
-
Огромное всем спасибо, сама бы до конца жизни разбиралась.
-
<?php if (!isset($_COOKIE['visit'])) { $handle = fopen("text.txt", "r"); $buffer = fgets($handle, 4096); Как увеличить счетчик на 1 и сохранить? fclose($handle); } else { setcookie("visit","0"); } ?>
-
На http://php.su/phphttp/?cookies отчитала что существует счетчик по IP адресам. Помогите сделать. Создаем таблицу в БД. 1 столбец: ip адрес. 2 столбец: кол-во посещений. ip достаем из супер-глобального массива $_SERVER. Как узнать кол-во посещений? К примеру к нам зашло 15 пользователей с разными ip адресами, т.е. у нас 15 строк. Как вывести в php количество строк в таблице? или счетчик по ip адресам делается по другому?
-
А как открыть файл, и получить значение?
-
<?php $db = mysql_connect ("localhost","test","test"); mysql_select_db ("schetchik",$db); ?> <?php $all; if (isset($_COOKIE['Schet'])) $cook = 0; else $all++; setcooki("Schet",$cook,0x6FFFFFFF); echo "<p>Всего пользователей посетило страницу: $all</p>"; $result = mysql_query ("UPDATE schet SET schet='$all'"); ?> Создала базу schetchik, в ней таблицу schet. $result должна обновлять данные в таблице schet из переменной all. Выводит след. ошибки: Notice: Undefined variable: all in z:\home\test1.ru\www\dark\schet.php on line 6 [Денвер: показать возможную причину ошибки] Notice: Undefined variable: all in z:\home\test1.ru\www\dark\schet.php on line 8 Fatal error: Call to undefined function: setcooki() in z:\home\test1.ru\www\dark\schet.php on line 9
-
а как сделать чтобы не уничтожалось?
-
Ну по идеи в $all
-
Помогите, попробовала сама написать счетчик, вот что вышло: <?php $all; if (isset($_COOKIE['Schet'])) $cook = 0; else $all++; setcookie("Schet",$cook,0x6FFFFFFF); echo "<p>Всего пользователей посетило страницу: <strong>$all</strong></p>" ?> Желаемый принцип работы: Создаем пустую переменную "all", проверяем создана ли кука "Schet" если да то значение куки = 0, если нет прибавляем к переменной $all единицу, (по идеи в переменной all уже лежит 1) затем создаем куку "Schet", и затем в результате выводим $all. При втором посещении т.к. у нас уже есть кука, 1 прибавляться не будет. В моем случае вывелось: Всего пользователей посетило страницу: 1. Если другой человек зайдет без куки счетчик увеличится? Как можно оптимизировать мой код?
