alex1998
-
Posts
23 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by alex1998
-
-
чего вы там нагородили то, что даже codepen загнулся?
для начала:
1. пишите аккуратнее html, чтобы можно было в этом разобраться
2. что значит <div type="none">
3. ваш скрипт (мудреный) написан на jquery, а сама библиотека не подключена, из-за этого он и не пашет
теперь по поводу скрипта:
3.1 $(".menu.tabs ").find("a") - начало вообще не правильное, продолжение не обязательное
3.2 $(".tabs") опять не то, ищем ссылки, а не их обертку
4. CSS не дописан:
4.1 activeClass у вас не было
4.2 .tabs a думаю должны быть блочными ну или сделать им перенос строки
вот что получилось
а как сделать, чтобы этот класс(с различными свойствами) можно было задавать индивидуально к каждой кнопке? я так понимаю просто несколько раз писать скрипт? или как-то компактнее можно сделать?
-
чего вы там нагородили то, что даже codepen загнулся?
для начала:
1. пишите аккуратнее html, чтобы можно было в этом разобраться
2. что значит <div type="none">
3. ваш скрипт (мудреный) написан на jquery, а сама библиотека не подключена, из-за этого он и не пашет
теперь по поводу скрипта:
3.1 $(".menu.tabs ").find("a") - начало вообще не правильное, продолжение не обязательное
3.2 $(".tabs") опять не то, ищем ссылки, а не их обертку
4. CSS не дописан:
4.1 activeClass у вас не было
4.2 .tabs a думаю должны быть блочными ну или сделать им перенос строки
вот что получилось
http://codepen.io/anon/pen/uGEek
Спасибо огромное, просто от души. ТЫ лучший!!!
-
как css не правильно срабатывает на тэг <a>?
http://codepen.io/anon/pen/cpsid вот я немного переделал, теперь там в меню и css все с <a>, но скрипт по прежденему не пашет.
-
на сколько я помню, :active работает только с ссылками
но на тэг <a> неправильно срабатывает css
-
http://codepen.io/anon/pen/gbtcf уверен, там какая-то маленькая ошибка. Таб простой дико и ясен. Нужный эффект при active у меня записан как .menu li:active{...}, а скрипт дает значение active только когда не .menu li:active, а .menu a: active. И в скрипте менял хоть убей, но не то) и чего-то не удаляет класы перед назначием нового
-
Ну теперь то вы знаете что там пару строк значит не зря так написал))))
Поймите - если за вас постоянно будут что то делать,... это не есть гуд
Тут же не только вы один. Если каждому писать решение, то придется на свою работу забивать - не рационально
пару строк я понял из предыдущих тем) я вообще дизайнер) и себе делаю сайт)
-
а написать не можете?) там ведь пару строк?
-
$(document).ready()
$(document).ready()
и куда это?
-
вот весь код http://codepen.io/anon/pen/hcyka
Проблема в том, что при выборе пункта, он не остается активным, до выбора следующего. Я смотрел все темы на этом форуме и ничего не нашел для моего случая.
Главная загвоздка в том, что блок, где отображается инфа и блок, где пункты меню - не должны быть вместе, а раздельно (т.к. пункты должны быть в меню, которое выезжает сбоку, а контент закреплен отдельно от меню)
прошу, сделайте мне кодик) там я так понимаю надо дописать js. А я в js не шарю почти) Всем зарание спасибо огромное. -
использовать не input:focus, а js для изменения стилей или присвоения класса
а можешь написать тот код с js?
-
вот код http://codepen.io/anon/pen/hcyka
Есть кнопки, они сделаны инпутом. Вот в чем проблема: я нажимаю , к примеру, блог и оно выделяется (:focus) и меняется контент. Теперь отведи курсор и щелкни в пустое место - выделение пропало. Вопрос: как сделать чтобы оно держало выделенным до тех пор, пока я не нажму другую кнопку из меню
-
У меня стоит на Вордпрессе плагин Contact Form 7. Мне нужна форма отправки сообщений, но чтобы тема была уже по дэфолту. Т.е. опишу ситуацию. Человек пишет мне и чтобы я по теме видел какая категория сообщения, сообщения, допустим вопросного характера должны все носить тему "Вопрос". Как так сделать?
-
Ссылку на страницу в студию
это еще не на сайте
-
Нажимая на кнопку мы вызываем фэнсибокс с формой отправки на мыло. Проблема в том, что нажали один раз, вызвало, закрыли, нажимаем второй раз(не перегружая страницу) и появляется значек закгрузки(обведено красным) и он грузиться безконечно. Как исправить?
вот код вызова:<div style="padding:15px;"><a id="button7" class="fancybox" href="#contact_form_pop"><span ><center>Оформить заказ</center></span></a></div><div class="fancybox-hidden" style="display: none;"><div id="contact_form_pop"><?php echo do_shortcode( '[contact-form-7 id=371" title="Контактная форма 1]' ); ?></div></div> -
http://codepen.io/anon/pen/dcHAu/
там при нажатии на табы - трабл. т.е. для левой колонк для контента задана минимальная высота 350 первая таблица вмещается а вторая вылазит за пределы а не удленяет. Надеюсь вы что-то в коде поймете) Помогите, там мб какая-то банальная ошибка в стилях((
-
Напиши в скайп.
skype aap11011
-
Дайте ссылку на сию страницу, чтобы можно было над полным кодом и контентом подумать.
к сожалению нету еще такой страницы в нэте
-
[type="radio"]:checked ~ label ~ .content { display: block; z-index: 1;}
.content { background: none repeat scroll 0 0 #FAFAFA; left: 0; margin-top: 10px; padding: 10px; position: absolute; right: 0; display: none;}
Попробуй так.
Вот более наглядно: http://jsfiddle.net/3nXa6/1/
все круто, но мимовольно вылезла проблема с наполнением контента. т.е. контент не удленяет подложку(див на котором сидит таб), а просто вылазит за ее пределы
-
Выложите в песочницу и подробнее опишите проблему.
http://cssdesk.com/uepST Видете, при нажатии на соседнюю вкладку, прошлая не закрывается. и получается некрасиво мягко говоря. Нужно, чтобы при переключениях предыдущие убирались
-
Нужно чтобы при нажатии другие блоки убирались, а не перекрывались. БЕЗ скриптов.
/* css таба */
.tabs {
position: relative;
min-height: 350px;
font-family: calibri;
color: #404C59;
}
.tab {
float: left;
}
.tab label {
background:#ccc;
;
position: relative;
left: 1px; padding: 10px; background-color: #E6E6E6;
}
.tab [type=radio] {
display: none;
}
.content {
position: absolute;
left: 0;
background: #FAFAFA;
right: 0;
margin-top: 10px;
padding:10px;
}
[type=radio]:checked ~ label {
background: #FAFAFA;
z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
z-index: 1;
}
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-s6z2{text-align:center}
.tg .tg-j1h2{font-size:x-large;font-family:"Lucida Console", Monaco, monospace !important;;text-align:center}
.tg .tg-a0td{font-size:100%}
.tg .tg-mysd{font-size:18px;font-family:"Lucida Console", Monaco, monospace !important;;text-align:center}
.tg .tg-g8f1{font-size:100%;text-align:center}
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-s6z2{text-align:center}
.tg .tg-y5uk{font-weight:bold;font-style:italic;font-size:large;text-align:center}
.tg .tg-xloo{font-weight:bold;font-style:italic;font-size:medium;background-color:#f2cf44;text-align:center}
<!-- HTML -->
<html>
<body>
<div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">Полиграфия</label>
<div class="content">
<p>
<table class="tg" style="table-layout: fixed; width: 299px; float:left; ">
<colgroup>
<col style="width: 145px">
<col style="width: 49px">
<col style="width: 54px">
<col style="width: 51px">
</colgroup>
<tr>
<th class="tg-mysd" rowspan="2">ТИП ПРОДУКЦИИ</th>
<th class="tg-j1h2" colspan="3">ЦЕНА</th>
</tr>
<tr>
<td class="tg-g8f1">USD</td>
<td class="tg-g8f1">RUB</td>
<td class="tg-a0td">UAH</td>
</tr>
<tr>
<td class="tg-031e">Билборд</td>
<td class="tg-s6z2">100</td>
<td class="tg-s6z2">3500</td>
<td class="tg-s6z2">1200</td>
</tr>
<tr>
<td class="tg-031e">Буклет</td>
<td class="tg-s6z2">40</td>
<td class="tg-s6z2">1400</td>
<td class="tg-s6z2">480</td>
</tr>
<tr>
<td class="tg-031e">Флаер</td>
<td class="tg-s6z2">30</td>
<td class="tg-s6z2">1050</td>
<td class="tg-s6z2">360</td>
</tr>
<tr>
<td class="tg-031e">Дисконт карты</td>
<td class="tg-s6z2">30</td>
<td class="tg-s6z2">1050</td>
<td class="tg-s6z2">360</td>
</tr>
<tr>
<td class="tg-031e">Визитки</td>
<td class="tg-s6z2">5</td>
<td class="tg-s6z2">175</td>
<td class="tg-s6z2"></td>
</tr>
</table>
</p>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">Закладка №2</label>
<div class="content">
<p>
</p>
<img src="http://placekitten.com/200/100">
</div>
</div>
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">Закладка №3</label>
<div class="content">
<p>Содержание закладки №3</p>
<img src="http://placedog.com/200/100">
</div>
</div>
<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4">Закладка №4</label>
<div class="content">
<p>Содержание закладки №4</p>
<img src="http://placedog.com/200/100">
</div>
</div>
</div>
</body>
</html> -
табы на js --> в google
спасибо, то что нужно
-
Есть список услуг, каждая категория - это ссылка, список находится слева. Нужно так, чтобы при нажатии на категорию сбоку появлялся блок. При этом, нужно, чтобы при нажатии на другую категорию этот блок закрывался и появлялся новый. если можно чтобы плавно появлялся блок. Помогите пожалуйста, народ, очень нужно.
Присвоение индивидуального класса к вкладкам (Jquery)
in Freelance
Posted
Смена класов(отдельно) для пунктов меню
и есть такой вот скриптик для отображения активной вкладки меню: