Jump to content

rikimaru2013

User
  • Posts

    33
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by rikimaru2013

  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(window).scroll(function(){ var scrollTop= $(window).scrollTop(); // при загрузке страницы тут 0, только дёргаешь колёсиков вниз оно прибавляется, надо учитывать разное расширение экранов с помощью $( window ).height() if (scrollTop > 50) $("#div1").animate({'left' : '200px'}, 4000); // было в CSS position:relative;left:-300px; и за 4 секунды "выехало" до 200px if (scrollTop > 130) $("#div2").fadeIn(3000); // эффект разворачивания }); </script>
  2. Если я правильно понял: 1) вырезаем с имеющего/делаем в PS такой же текст с рамочкой но на прозрачном фоне 2) под низ ставим div с border-radius: 50% и 3) нашу картинку с 1 пунтка и div со 2 пунтка ставим в position:absolute, и оборачиваем их div с position:relative; 4) позиционируем где они должны вылезти с помощью top:10px; right:-15px; как-то так
  3. Вход: 1)"Войти" с большой буквы привычнее для глаза 2) после фокуса на логин и пароль текст должен исчезать js 3) размер блока вход и инпутов как-то не естественный Дизайн: 1) какой-то веб-шаблон 1998 года 2) при 1280 ширины моего экрана логотип на лазит на шапку 3) не видно разделения от постов 4) в первом посте не грузится картинка) ... В общем, если это ваш первый сайт - то весьма неплохо - но если вы PHP программист, то просто
  4. Однозначно коды: color:#e2e2e2; rgb (245, 24, 105) rgba (245, 24, 105, .3) Заучивать цвета не надо в любом фотошопе есть пипетка, которая после клика ЛКМ на нужный цвет укажет его код в инфо.
  5. Есть подозрение, что при такой постановки вопроса - тебе никто не поможет. Попробуй загнать в песочницу HTML + css и 2 жабоскрипта. Зашёл к тебе на страничку помочь, а там чёрт ногу сломит )
  6. От кого кого - но от тебя .... Как без кода помочь?
  7. По названиям классов и вашему посту видно что код писали не вы. Значит откудо-то взяли ... Скиньте источник. Посмотрим, что там предлагается. И вы допишите, что вы как профи хотите дописать ...
  8. Я бы с радостью помог, но вижу одни картинки и не грамма кода.
  9. На скринах автора видно, что при уменьшения размеров браузера увеличился шрифт (на скрине видно же). А картинка поднялась так как h1 отступы в относительных единицах - больше шрифт - больше отступ. 1) не используйте h1 в такой "сране" так, как h1 это семантически важный элемент для поисковиков 2) привыкайте подключать reset.css (примеры погуглите) Если хотите картинкой - то сделайте .psd файл - вставляйте шапку картинкой или бэкграундом. А текст через отрицательный text-indent
  10. Перешёл по ссылке сайта - белый лист - и как тебе помогать?
  11. Нужно чтобы при наведении на ячейку внизу страницы показывало адрес ссылки :)/>/>/> как на обычной ссылке. :rofl:/> :rofl:/> :rofl:/> :rofl:/> :rofl:/> :rofl:/> ПРОСТО ПОД СТОЛОМ! :yahoo:/>
  12. Если бы он знал, что хочет и умел это делать - то его исходники считались бы как "идеальные" - но я сомневаюсь )
  13. Там же где CSS правила можешь смело писать как в CSS файле свойства и их значения, и элементы согласно новым правилам будут автоматически меняться. До перезапуска страницы - чтобы закрепить написаные свойства перепиши их в оригина файла css, что лежит на сервере.
  14. А если я правильно понял - то к taiki коду надо внести изменения: Для всех картинок строго задать ширину, чтобы не вывалились случайно - а высота будет пропорционально подбиратся. <li><img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" width="100"></li> Если высота будет меньше или больше - то дивы налезут друг на друга или будет огромное пространство - поэтому: img { border: 1px solid #000; width: 100px; height: 100px; padding: 0; margin: 0; }
  15. Фу бяка хоть бы плюсик мне нажал http://cssdesk.com/QuTda <div class="wrap"> <div class="cold-nav"> <ul> <li class="" style="border-radius: 15px 0 0 15px ;"><a href="#">Главная</a></li> <li class=""><a href="#">Водонагреватели</a></li> <li class=""><a href="#">Кондиционеры</a></li> <li class=""><a href="#">Тепловое оборудование</a></li> <li class=""><a href="#">Увлажнение и очистка</a></li> <li class="" style="border-radius: 0 15px 15px 0 ;"><a href="#">Отопление</a></li> </ul> </div> </div> .wrap { background:orange; width:960px; height:500px; margin:0 auto;} ul{padding-left:8px; margin-left:8px; font:12px Arial; text-align:center;} .cold-nav li { width:16.2%;border:1px solid #000; float:left;background-color:#3B5AFF; border-color:#8D969A;} .cold-nav li a { width:80px;line-height:37px; border:1px solid black; height:37px; display:block; text-decoration:none; vertical-align:middle; width:100%; color:white;} .cold-nav li:hover {background-color:#284A92;}
  16. rikimaru2013

    Padding

    Ваш вариант не поддерживается старыми браузерами - используй лёгкий путь, что посоветовал FEL
  17. Посколько новые теги, на подобие (<footer></footer>) вышли только в html5 - то конечно же их поддерживает только DOCTYPE html - а насчёт браузеров - то на сегоднешний день 86% браузеро понимают w3c html5
  18. http://css-live.ru/faq/put-verstalshhika.html Рекомендую
  19. 1)Картинки не грузятся - да и сами проверим как в Опере 2)Код с файлообменика никто качать не будет - грузи в "песочницу" - к примеру http://cssdesk.com
  20. http://cssdesk.com/QY3gd Меняем значение .container{width: 1200px;} и футер тянится за ним. <html> <head> <style> html { min-width: 100%; min-height: 100%; } body { width: 100%; height: 100%; margin:0; padding:0; } .container { margin-top:600px; background:orange; width: 800px; height:150px; } .wrap {background:yellow; height: 1200px; margin-top:1px;} footer { position: relative; left: 0; bottom: 0; height:200px; padding: 10px; background: #39b54a; color: #fff; } table { border-collapse: collapse; border-spacing: 0; } </style> </head> <body> <table> <tr><td> <div class="wrap"> dfsf <div class="container">table </div> </div> </td></tr> <tr><td> <footer>footer </footer></td> </tr> </table> </body> </html> Какой же я мАладец!
  21. http://cssdesk.com/wKHnU <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="title" content="Seminargroup.ru" /> <style> .wrap { background:orange; width:960px; height:500px; margin:0 auto;} ul {padding-left:8px; margin-left:8px;} .cold-nav li { border:1px solid #000; padding:0 20px; float:left;background-color:#3B5AFF; border-color:#8D969A;} .cold-nav li a { height:37px; display:table-cell; text-decoration:none; vertical-align:middle; width:100%; color:white;} .cold-nav li:hover {background-color:#284A92;} </style> </head> <body> <div class="wrap"> <div class="cold-nav"> <ul> <li class="" style="border-radius: 15px 0 0 15px ;"><a href="#">Главная</a></li> <li class=""><a href="#">Водонагреватели</a></li> <li class=""><a href="#">Кондиционеры</a></li> <li class=""><a href="#">Тепловое оборудование</a></li> <li class=""><a href="#">Увлажнение и очистка</a></li> <li class="" style="border-radius: 0 15px 15px 0 ;"><a href="#">Отопление</a></li> </ul> </div> </div> </body> </html>
  22. Красивые картинки ))) А код то сегодня будет?
  23. .viewn_loop .viewn_t { width: 800px;} + бекграунд продлить на нужное кол пикселей .viewn_loop .viewn_c { width: 800px;} + бекграунд продлить на нужное кол пикселей .viewn_loop .viewn_b { width: 800px;} + бекграунд продлить на нужное кол пикселей .wrap-cont-t .wrap-cont-c бекграунд поменять .wrap-cont-t бекграунд поменять
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy