rikimaru2013
User-
Posts
33 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by rikimaru2013
-
<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>
-
Пункт меню в обводке со стрелочкой на неравномерной фоне
rikimaru2013 replied to Zverushka's question in HTML Coding
Если я правильно понял: 1) вырезаем с имеющего/делаем в PS такой же текст с рамочкой но на прозрачном фоне 2) под низ ставим div с border-radius: 50% и 3) нашу картинку с 1 пунтка и div со 2 пунтка ставим в position:absolute, и оборачиваем их div с position:relative; 4) позиционируем где они должны вылезти с помощью top:10px; right:-15px; как-то так -
Вход: 1)"Войти" с большой буквы привычнее для глаза 2) после фокуса на логин и пароль текст должен исчезать js 3) размер блока вход и инпутов как-то не естественный Дизайн: 1) какой-то веб-шаблон 1998 года 2) при 1280 ширины моего экрана логотип на лазит на шапку 3) не видно разделения от постов 4) в первом посте не грузится картинка) ... В общем, если это ваш первый сайт - то весьма неплохо - но если вы PHP программист, то просто
-
Однозначно коды: color:#e2e2e2; rgb (245, 24, 105) rgba (245, 24, 105, .3) Заучивать цвета не надо в любом фотошопе есть пипетка, которая после клика ЛКМ на нужный цвет укажет его код в инфо.
-
Есть подозрение, что при такой постановки вопроса - тебе никто не поможет. Попробуй загнать в песочницу HTML + css и 2 жабоскрипта. Зашёл к тебе на страничку помочь, а там чёрт ногу сломит )
-
Но картинки были зачёт
-
От кого кого - но от тебя .... Как без кода помочь?
-
как отделить друг от друга одинаковый элемент?
rikimaru2013 replied to gladyshef's question in HTML Coding
По названиям классов и вашему посту видно что код писали не вы. Значит откудо-то взяли ... Скиньте источник. Посмотрим, что там предлагается. И вы допишите, что вы как профи хотите дописать ... -
Я бы с радостью помог, но вижу одни картинки и не грамма кода.
-
На скринах автора видно, что при уменьшения размеров браузера увеличился шрифт (на скрине видно же). А картинка поднялась так как h1 отступы в относительных единицах - больше шрифт - больше отступ. 1) не используйте h1 в такой "сране" так, как h1 это семантически важный элемент для поисковиков 2) привыкайте подключать reset.css (примеры погуглите) Если хотите картинкой - то сделайте .psd файл - вставляйте шапку картинкой или бэкграундом. А текст через отрицательный text-indent
-
Перешёл по ссылке сайта - белый лист - и как тебе помогать?
-
При наведении на ячейку таблицы показывалась ссылка
rikimaru2013 replied to Molotok2391's question in HTML Coding
Нужно чтобы при наведении на ячейку внизу страницы показывало адрес ссылки :)/>/>/> как на обычной ссылке. :rofl:/> :rofl:/> :rofl:/> :rofl:/> :rofl:/> :rofl:/> ПРОСТО ПОД СТОЛОМ! :yahoo:/> -
Если бы он знал, что хочет и умел это делать - то его исходники считались бы как "идеальные" - но я сомневаюсь )
-
Там же где CSS правила можешь смело писать как в CSS файле свойства и их значения, и элементы согласно новым правилам будут автоматически меняться. До перезапуска страницы - чтобы закрепить написаные свойства перепиши их в оригина файла css, что лежит на сервере.
-
А если я правильно понял - то к 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; }
-
Правильная верстка горизонтального меню
rikimaru2013 replied to Devil_John's question in HTML Coding
Фу бяка хоть бы плюсик мне нажал 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;} -
Ваш вариант не поддерживается старыми браузерами - используй лёгкий путь, что посоветовал FEL
-
Посколько новые теги, на подобие (<footer></footer>) вышли только в html5 - то конечно же их поддерживает только DOCTYPE html - а насчёт браузеров - то на сегоднешний день 86% браузеро понимают w3c html5
-
http://css-live.ru/faq/put-verstalshhika.html Рекомендую
-
1)Картинки не грузятся - да и сами проверим как в Опере 2)Код с файлообменика никто качать не будет - грузи в "песочницу" - к примеру http://cssdesk.com
-
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> Какой же я мАладец!
-
Правильная верстка горизонтального меню
rikimaru2013 replied to Devil_John's question in HTML Coding
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> -
Правильная верстка горизонтального меню
rikimaru2013 replied to Devil_John's question in HTML Coding
Красивые картинки ))) А код то сегодня будет? -
.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 бекграунд поменять