Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (52)
Продолжение темы: Общие вопросы от новичков (51)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Вопрос про "цензуру" был не основным, а попутным.
Меня больше все же интересует ответ на основной вопрос - как сделать, чтоб кнопка при подмене в IE 9 не пропадала?
Вообще зря я Вас запутал этим примером с заменой слова, и задача переключилась на нее. Это моя ошибка.
Давайте попробуем так: абстрагируйтесь от этой замены слов вообще. Мне нужно "_выполнить_некий_свой_код_javascript" перед отправкой формы. В этом задача.
Эту задачу прекрасно позволяет решить - линканутый выше скрипт. Т.е. я вставляю в раздел "ТУТ ВАШИ КОДЫ ОБРАБОТКИ ПЕРЕД ОТПРАВКОЙ!" - то что мне нужно, и всё прекрасно.
Меня интересует исключительно, как допилить этот скрипт, чтоб не было ошибки с кнопкой в некоторых браузерах. Например, в IE 9.
Прошу прощения, если надоедаю, ответьте на мой вопрос.
М@шенька написал(а):Здравствуйте! У меня проблема с новой таблицей:
Кнопки "В игре" и "Навигация" не нажимаются.
http://testoviksvetika.mybb.ru
М@шенька
Замените весь Код в Объявлении - на такой:
<style>
#menu {
margin: 0px;
}
#menu span {
padding: 3px 20px;
margin: 0px 15px;
width: 100px;
}
#shine:hover {
color: #fff;
}
#menu .tabactive {
color: #000;
}
#submenu {
padding: 3px;
height: 200px;
margin-top: -5px;
}
.submenutext {
display: none;
text-align: center;
height: 200px;
width: 90%;
}
span#shine:not(.tabactive) {
background-color: #cccc88; /* Цвет вкладок */
}
#menu span, .submenutext {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
}
span#shine.tabactive, .submenutext {
background-color: #eeee99; /* Цвет активной вкладки */
}
span#shine:hover {
background-color: #ffffaa !important; /* Цвет вкладки при наведении */
color: #555;
}
span#shine.tabactive {
border-bottom-color: transparent;
padding-bottom: 5px;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.fsn h3 {
font-weight: bold;
font-size: 12px;
color: #000;
font-family: 'georgia';
}
</style>
<center>
<table class="fsn" style="width: 100%; color: #55515D;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 30px;" align="center">
<div id="menu">
<span alt="#sm1" style="cursor: pointer;" id="shine">Новости</span>
<span alt="#sm2" style="cursor: pointer;" id="shine">В игре</span>
<span alt="#sm3" style="cursor: pointer;" id="shine">Навигация</span>
<span alt="#sm4" style="cursor: pointer;" id="shine">Реклама и партнеры</span>
</div>
</td>
</tr>
<tr height="200">
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td>
<td style="width: 100%; border: 1px solid #000;" align="center">
<h3>Новости</h3>
<div style="width: 99%; height: 170px; border-top: 1px solid #000; overflow-y: auto;">
<b>• 8 мая •</b> Просьба тем, кого нет в <a href="http://koty.rolevaya.ru/viewtopic.php?id=126">списке племен</a> отписаться для добавления. <br>
<b>• 5 мая •</b> Хей, хей, хей, почему посещаемость упала? А ну-ка, поднимаем свои пушистые попки и идем ролевить!<br>
<b>• 19 апреля •</b> Стартовал новый <a href="http://koty.rolevaya.ru/viewtopic.php?id=235">сюжет</a>!<br>
<b>• 17 апреля •</b> У нас появилась новая система взросления персонажей! Ознакомьтесь с этой <a href="http://koty.rolevaya.ru/viewtopic.php?id=297">темой</a>.<br>
<b>• 1 апреля •</b> Это свершилось! Форум открыт для игры. Это не шутка! Заходите, мы всем будем рады!)
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="sm2" class="submenutext">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td> <td style="width: 100%; border: 1px solid #000;" align="center">
<h3>В игре</h3>
<div style="width: 99%; height: 170px; border-top: 1px solid #000; overflow-y: auto;">
текст текст текст текст
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="sm3" class="submenutext">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td>
<td style="width: 1000%; border: 1px solid #000;" align="center">
<h3>Навигация</h3>
<div style="width: 99%; height: 170px; border-top: 1px solid #000; overflow-y: auto;">
<a href="ссылка">Правила</a>
<br/>
<a href="ссылка">Акции</a>
<br/>
<a href="ссылка">Шаблоны анкет</a>
<br/>
<a href="ссылка">Отношения</a>
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="sm4" class="submenutext">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td>
<td style="width: 100%; border: 1px solid #000;" align="center">
<h3>Реклама</h3>
<div style="width: 99%; height: 76px; border-top: 1px solid #000; border-bottom: 1px solid #000; overflow-y: auto;"> текст текст текст текст
</div>
<h3>Баннеры</h3>
<div style="width: 99%; height: 76px; border-top: 1px solid #000; overflow-y: auto;"> баннеры баннеры баннеры баннеры
</div>
</td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</tbody>
</table>
</center>
<script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT div.submenutext").hide(); $("td.#MenuTxT div.submenutext:first").show(); $("div.#menu span").click(function() { $("div.#menu span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script>
Вместо красного - ставим свою Инфу
(* Выкинул из кода лишнее - пустые ячейки, где должны были быть картинки
Alex_63,
а для меня никаких мыслей не появилось?
Dango
Ни наю - попробуйте удалить новый аккаунт - и сменить пароль вручную на старом аккаунте и выслать на эл.почту пользователя - мне больше ничего не приходит в голову
mux
Попробуйте так:
<script type="text/javascript">
$('#post').find('input[type="submit"]').click(function(){
$(this).parents('#post').find('#main-reply').val($(this).parents('#post').find('#main-reply').val().replace(/(\d+)/gm, '[цифра]'));
if(process_form(form))setTimeout(function(){$(this).click();},100);
});
</script>
Красным - ваш код, текущий заменяет все цифры на текст: [цифра]
Отредактировано Fоvеr (Ср, 3 Июн 2015 18:31:38)
Alex_63
Угу, спс, завтра-послезавтра опробую - надо сперва договориться с пользователем.
М@шенька
Замените весь Код в Объявлении - на такой:Вместо красного - ставим свою Инфу
(* Выкинул из кода лишнее - пустые ячейки, где должны были быть картинки
А что эти картинки там должны делать? Я просто смысла в них не понимаю.
И да, ушки всё равно не нажимаются.
А что эти картинки там должны делать? Я просто смысла в них не понимаю.
Если нун картинки - можно вставить,
Если не надо и вообще смысл их не понятен => и без них все должно быть нормально
М@шенька
У меня все нажимается, и вкладки открываются..
М@шенька
У меня все нажимается, и вкладки открываются..
У меня не открываются "В игре" и "Навигация" :о
Все, теперь стало нажиматься.
Alex_63, спасибо большое!
Отредактировано М@шенька (Ср, 3 Июн 2015 20:53:24)
У меня появился еще вопрос по этой же таблице:
Когда включаешь любое ушко, появляется что-то типо названия в самОй открытой вкладке. Можно ли это вообще убрать, что-бы было просто поле для надписей?
Здравствуйте.
Наткнулась на этот форум от юкоза, и увидела там курсор. Мне он очень понравился. Следовательно возник вопрос, пожалуйста подскажите, как сделать нечто подобное?
http://lorio.ucoz.ru
Здравствуйте.
Наткнулась на этот форум от юкоза, и увидела там курсор. Мне он очень понравился. Следовательно возник вопрос, пожалуйста подскажите, как сделать нечто подобное?
Здравствуйте. В НТМЛ верх:
<div style="position:absolute; left:-5555px; top:-5555px;"> <script src="http://lorio.ucoz.ru/ctar.js" type="text/javascript" charset="UTF-8"></script></div>
Если хотите, чтобы скрипт находился непосредственно на вашем форуме, а не на юкозе, то перейдите по ссылке: http://lorio.ucoz.ru/ctar.js скачайте файл к себе на компьютер, потом залейте его на форум: Администрирование Файлы, и замените ссылку в скрипте на свою ссылку на файл скрипта:
<div style="position:absolute; left:-5555px; top:-5555px;"> <script src="http://lorio.ucoz.ru/ctar.js" type="text/javascript" charset="UTF-8"></script></div>
Когда включаешь любое ушко, появляется что-то типо названия в самОй открытой вкладке. Можно ли это вообще убрать, что-бы было просто поле для надписей?
=> Код
<style>
#menu {
margin: 0px;
}
#menu span {
padding: 3px 20px;
margin: 0px 15px;
width: 100px;
}
#shine:hover {
color: #fff;
}
#menu .tabactive {
color: #000;
}
#submenu {
padding: 3px;
height: 200px;
margin-top: -5px;
}
.submenutext {
display: none;
text-align: center;
height: 200px;
width: 90%;
}
span#shine:not(.tabactive) {
background-color: #cccc88; /* Цвет вкладок */
}
#menu span, .submenutext {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
}
span#shine.tabactive, .submenutext {
background-color: #eeee99; /* Цвет активной вкладки */
}
span#shine:hover {
background-color: #ffffaa !important; /* Цвет вкладки при наведении */
color: #555;
}
span#shine.tabactive {
border-bottom-color: transparent;
padding-bottom: 5px;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.fsn h3 {
font-weight: bold;
font-size: 12px;
color: #000;
font-family: 'georgia';
}
</style>
<center>
<table class="fsn" style="width: 100%; color: #55515D;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 30px;" align="center">
<div id="menu">
<span alt="#sm1" style="cursor: pointer;" id="shine">Новости</span>
<span alt="#sm2" style="cursor: pointer;" id="shine">В игре</span>
<span alt="#sm3" style="cursor: pointer;" id="shine">Навигация</span>
<span alt="#sm4" style="cursor: pointer;" id="shine">Реклама и партнеры</span>
</div>
</td>
</tr>
<tr height="200">
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 100%;" align="center">
<div style="width: 99%; height: 170px; overflow-y: auto;">
<b>• 8 мая •</b> Просьба тем, кого нет в <a href="http://koty.rolevaya.ru/viewtopic.php?id=126">списке племен</a> отписаться для добавления. <br>
<b>• 5 мая •</b> Хей, хей, хей, почему посещаемость упала? А ну-ка, поднимаем свои пушистые попки и идем ролевить!<br>
<b>• 19 апреля •</b> Стартовал новый <a href="http://koty.rolevaya.ru/viewtopic.php?id=235">сюжет</a>!<br>
<b>• 17 апреля •</b> У нас появилась новая система взросления персонажей! Ознакомьтесь с этой <a href="http://koty.rolevaya.ru/viewtopic.php?id=297">темой</a>.<br>
<b>• 1 апреля •</b> Это свершилось! Форум открыт для игры. Это не шутка! Заходите, мы всем будем рады!)
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="sm2" class="submenutext">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td> <td style="width: 100%;" align="center">
<div style="width: 99%; height: 170px; overflow-y: auto;">
трололололо
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="sm3" class="submenutext">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td>
<td style="width: 100%;" align="center">
<div style="width: 99%; height: 170px; overflow-y: auto;">
<a href="ссылка">Правила</a>
<br/>
<a href="ссылка">Акции</a>
<br/>
<a href="ссылка">Шаблоны анкет</a>
<br/>
<a href="ссылка">Отношения</a>
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="sm4" class="submenutext">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td>
<td style="width: 100%;" align="center">
<div style="width: 99%; height: 76px; overflow-y: auto;"> текст текст текст текст
</div>
<div style="width: 99%; height: 76px; overflow-y: auto;"> баннеры баннеры баннеры баннеры
</div>
</td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</tbody>
</table>
</center>
<script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT div.submenutext").hide(); $("td.#MenuTxT div.submenutext:first").show(); $("div.#menu span").click(function() { $("div.#menu span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script>
Добрый день!
http://testoviksvetika.mybb.ru
Самая первая таблица.
Можно ли сделать так, что-бы названия колонок были как бы "внутри" окошка?
И да, хочу залить всю таблицу одним цветом, изменить цвет границ. Подскажите, пожалуйста, как это сделать?
Alex_63, спасибо, получилось
Можно ли сделать так, что-бы названия колонок были как бы "внутри" окошка?
И да, хочу залить всю таблицу одним цветом, изменить цвет границ. Подскажите, пожалуйста, как это сделать?
<style type="text/css">
#slideshow {
margin: 0 auto;
width: 754px;
height: 325px;
position: relative;
}
#slideshow #slidesContainer {
margin: 0 auto;
width: 720px;
height: 325px;
overflow: auto; /* поддержка прокрутки */
position: relative;
}
#slideshow #slidesContainer .slide {
margin: 0 auto;
width: 700px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
height: 325px;
}
.control {
display: block;
width: 30px; /* ширина стрелок */
height: 30px; /* высота стрелок */
text-indent: -10000px;
position: absolute;
cursor: pointer;
}
#leftControl {
top: 148px;
left: 0; /* отодвигаем стрелку влево, чем больше значение, тем левее стрелка */
background: transparent url(http://savepic.ru/4115181.png) no-repeat 0 0;
}
#rightControl {
top: 148px;
right: -2px; /* отодвигаем стрелку вправо, чем больше значение, тем правее стрелка */
background: transparent url(http://savepic.ru/4116205.png) no-repeat 0 0;
}
#leftControl, #rightControl {
filter: alpha(opacity=50) !important;
opacity: 0.5 !important;
-moz-opacity: 0.5 !important;
-khtml-opacity: 0.5 !important;
}
.skrug {
border: 1px solid #A5BCDB;
padding: 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #ecefab;
}
</style>
<center><table cellspacing="0" cellpadding="0" border="0" style="margin-left: -14px!important;">
<tr>
<td align="center">
<!-- Слайдер -->
<div id="slideshow">
<div id="slidesContainer">
<!-- Первый слайд -->
<div class="slide">
<table cellspacing="2" cellpadding="2" border="0" style="width: 700px; height: 325px;">
<tr>
<td align="center" valign="top" style="width: 200px;">
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
<b>Добро пожаловать!</b><br>
<br />
Добро пожаловать на ЛВС - новый проект, посвященный Котам-Воителям. Просьба не судить строго - мы только начинаем.<br>
Здесь ты найдешь много друзей, тебе все будут рады. Присоединяйся к нашему коллективу, стань диким!<br>
<b>Помоги нашему форуму! Проголосуй!</b><br>
<a href="http://forum-top.ru/vote/4257" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x15_10.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
<a href='http://wizardtop.ru/in.php?id=2995' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/15.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
</div>
</td>
<td align="center" valign="top" style="width: 350px;">
<div style="overflow-y: auto; overflow-x: hidden; padding: 1px; width: 346px; height: 300px;" class="skrug">
NEWS<br>
<br />
Здесь текст новостей. Прокрутка появится автоматически.
</div>
</td>
<td align="center" valign="top" style="width: 150px;">
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
Партнеры<br>
<br />
Здесь будут баннеры партнеров
</div>
</td>
</tr>
</table>
</div>
<!-- Второй слайд -->
<div class="slide">
<table cellspacing="2" cellpadding="2" border="0" style="width: 700px; height: 325px;">
<tr>
<td align="center" valign="top" style="width: 220px;"><div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
LINKS<br />
<br />
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
</div>
</td>
<td align="center" valign="top">
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
ADMINISTRATION<br>
<br />
<a href="ссылка на профиль"><img src="адрес картинки аватара" alt="" width="50" height="50" border="0"></a>
<a href="ссылка на профиль"><img src="адрес картинки аватара" alt="" width="50" height="50" border="0"></a>
</div>
</td>
</tr>
</table></div>
</div>
</div>
<!-- END Слайдер -->
</td>
</tr>
</table></center>
Alex_63
Спасибо большое!)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (52)