Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)
Предыдущая тема: Общие вопросы по оформлению (52)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Адвокат дьявола
Советую вообще переделывать дизайн по FAQ, у вас там все просто натыкано абы как.
Fover
мне проще делать дизайн через стиль, чем через способ, указанный в FAQ.
вопрос собственно стоит только в том, чтобы отодвинуть содержимое от краев элемента внутрь и все.
все, вопрос снят.
Адвокат дьявола
Разве в faq не через стиль? ;D
Просто дельный совет ибо потом опять же будут возникать подобные проблемы.
Мне никто не ответил, поточу что я объяснил очень коряво. Но теперь я всё сформулировал с:
Мне нужно, чтобы между двумя выпадающими меню установилась зависимость.
Ниже я в графическом редакторе нарисовал всё более-менее ясно.
Я все равно не понял..Посмотрите: Каталог скриптов/CSS Раздел Меню Скрипт выпадающего многоуровнего меню
kolobdur74
Блин, не знаю, как ещё объяснить.
Боюсь, что кинутое - вообще не то, хотя, конечно, оч симпатично.
Необходимы банальные два выпадающих меню. Вот, предположим, первое:
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>навигация о.1: летние искушения</option>
<option value="ссылка на банан">банан</option>
<option value="ссылка на арбуз">арбуз</option>
<option value="ссылка на манго">манго</option>
<option value="ссылка на вишню">вишня</option>
<option value="ссылка на ежевику">ежевика</option>
</select>
</form>
Его я изобразил на этой картинке как менюшку слева.
А затем у нас имеются там несколько разных ссылок. Ну, для простоты я взял вкуснейшие ягодки/фрукты. И не поленился ещё раз нарисовать, иллюстрации ниже ^ ^ (но можно, конечно, и по этому посту понять)
Я не знаю, как ещё объяснить 
Как сделать так, чтобы шапка форума стояла по середине?
Как сделать так, чтобы шапка форума стояла по середине?
<center>ЗДЕСЬ ТО ЧТО ХОТИТЕ УСТАНОВИТЬ ПО ЦЕНТРУ</center>
<center>ЗДЕСЬ ТО ЧТО ХОТИТЕ УСТАНОВИТЬ ПО ЦЕНТРУ</center>
Увы и ах. У шапки есть свой селектор и то, что вы написали ничего не даст.
Как сделать так, чтобы шапка форума стояла по середине?
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.
Fover На не конкретный вопрос, не конкретный ответ. Не вы, ни я, не видели эту шапку, или то что под ней подразумевается. Может ее размер 100х100.
тогда это будет в самый раз.
<center><img src="ссылка" width="100" height="100"></center>
Если уж человек задает вопрос (Как сделать так, чтобы шапка форума стояла по середине?), то не сложно догадаться каких размеров выбрана картинка шапки и что используется для ее отображения.
<!--Шапка-->
<img id="Mylogo" src="ссылка на картинку шапки" />
<style>
#Mylogo {width: 100%; margin: 0 0 -200px 0;}
</style>
<!--Окончание-->Отредактировано MyFF (Вс, 20 Июл 2014 00:45:45)
Доброго времени суток, не подскажите как сделать так? Чтобы весь футер только вместе с ссылками не ехал.
http://hpboc.rusff.ru/
MyFF
Давайте не будем строить из себя непонятно кого, я писал не про размеры шапки, а про селектор #pun-title который специально отведен под шапку.
Поставил скрипт дополнительные символы в форме ответа, но по ширине окно, где набираешь сообщение стало больше. Не нашёл параметров, отвечающих за ширину в самом коде, хотя по волшебной кнопке F12 сумел даже изменить ширину box - окна набирания сообщения. В общем, вопрос такой: как изменить ширину окна с набираемым сообщением?
tiger_roman
#main-reply {
width: ширина;
}
Ширина может быть в rem | em | px | %
Отредактировано Fover (Вс, 20 Июл 2014 20:07:06)
Fover, ага, понял. А строку с атрибутами над окном сообщения (которая изменяет параметры текста, не знаю, как грамотно её назвать) как тоже уменьшить в ширину? А то окно с сообщением уменьшилось, а строка над ним слегка вылезает за "тело" форума.
Ещё раз ссыль
tiger_roman
#form-buttons {
width: ширина;
}
Добрый день.
Помогите обнаружить "косяк": баннеры топов в таблице нажимаются только если навести на самый низ картинки. Как это можно исправить?
http://actusfidei.rusff.ru/
<table background="http://funkyimg.com/i/JxVp.png" style="background-repeat: no-repeat; margin: 0px 0px 0px 0px" width="811px" height="237px" cellpadding="6">
<td width="1%" valign="top" align="center" colspan="2"></td>
<td width="33%" valign="top" align="center" colspan="2" style="padding-top: 20px">
<font face="Book Antiqua"><b>GAME</b></font><br>
Добро пожаловать на ролевую Actus Fidei!<br>
В мир, где смерть не является концом, где существуют стражи, ведьмы и души. Наша история начинается в Арденау, столице Братства стражей. По всему миру к жизни начали возвращаться умершие, однако назвать это чудом язык не повернется: ради продления новой жизни они обязаны убивать. Почему это происходит и как это исправить - предстоит узнать.</td><td width="33%" valign="top" align="center" colspan="2" style="padding-top: 20px">
<font face="Book Antiqua"><b>NAVIGATION</b></font><br>
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=3">гостевая книга</a> ❖
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=14">правила</a> ❖
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=9">сюжет</a> ❖
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=5">расы</a><br>
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=6">faq</a> ❖
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=8">внешности</a> ❖
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=7">имена</a> ❖
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=11">персонажи</a> <br>
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=10">нужные</a> ❖
<a href="http://actusfidei.rusff.ru/viewforum.php?id=5">акции</a> ❖
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=12">шаблон анкеты</a><br>
<a href="http://actusfidei.rusff.ru/viewtopic.php?id=19"><b>блог администрации</b></a> <sup><font color="maroon"><b>new</b></font></sup>
<br><br>
<font face="Book Antiqua"><b>TOPS</b></font><br>
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22563&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22563' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/rpgtop4.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22563' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22563' target='_top'><img src='http://img.rpgtop.su/rpgtop4.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
<a href="http://forum-top.ru/vote/3665" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_4.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
</td><td width="33%" valign="top" align="center" colspan="2" style="padding-top: 20px">
<div id="admin">
<font face="Book Antiqua"><b>ADMINISTRATORS</b></font><br>
<a href="http://actusfidei.rusff.ru/profile.php?id=6"><img src="http://funkyimg.com/i/JxK1.png" title="Garret Kramer"></a>
<a href="http://actusfidei.rusff.ru/profile.php?id=3"><img src="http://funkyimg.com/i/JxK2.png" title="Roberta Carrow"></a>
<a href="http://actusfidei.rusff.ru/profile.php?id=22"><img src="http://funkyimg.com/i/JxK3.png" title="Aedan Moore"></a>
<a href="http://actusfidei.rusff.ru/profile.php?id=5"><img src="http://funkyimg.com/i/JxJY.png" title="Bernadette Crowford"></a>
<a href="http://actusfidei.rusff.ru/profile.php?id=4"><img src="http://funkyimg.com/i/JxJZ.png" title="Alastor O’Reilly"></a>
<br><br><font face="Book Antiqua"><b>ACTIVISTS</b></font><br>
<a href="http://actusfidei.rusff.ru/profile.php?id=19"><img src="http://funkyimg.com/i/JxNC.png" title="Keirn Holdorsen"></a>
<a href="http://actusfidei.rusff.ru/profile.php?id=29"><img src="http://funkyimg.com/i/JxNE.png" title="Ronan Øverland"></a>
<a href="http://actusfidei.rusff.ru/profile.php?id=30"><img src="http://funkyimg.com/i/JxNF.png" title="Idala Øverland"></a>
<a href="http://actusfidei.rusff.ru/profile.php?id=6"><img src="http://funkyimg.com/i/JxK1.png" title="Garret Kramer"></a>
<a href="http://actusfidei.rusff.ru/profile.php?id=32"><img src="http://funkyimg.com/i/JxND.png" title="Lydia Baudelaire"></a>
</div></td>
</tr></table>
kolobdur74
Большое спасибо
Заметил тут одну проблему с дополнительными символами в форме ответа. Почему-то вся первая строка не работает. При попытке нажать на какой-либо знак, выносит на низ страницы. Как это исправить?
радость
В HTML-верх у вас стоит код:
<script type="text/javascript">$(document).ready(function() { $('#pun').find('a[title],img[title]').tipsy({fade: true, gravity: 's'}); });</script>Этот код заменяет стандартный titile (подсказки) на original-title (модифицированные подсказки). При наведении на область картинки модифицированные подсказки перекрывают область клика.
Делайте titile (подсказки) на самой картинке, а не на ссылке. Пример:
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22563&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22563' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/rpgtop4.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22563' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22563' target='_top'><img src='http://img.rpgtop.su/rpgtop4.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
<a href="http://forum-top.ru/vote/3665" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_4.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
Красным убираем, зеленым (измененный вариант) добавляем:
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22563&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22563' target='top_'>"+
"<img src='http://img.rpgtop.su/rpgtop4.gif' title='Рейтинг Ролевых Ресурсов - RPG TOP' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22563' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22563' target='_top'><img src='http://img.rpgtop.su/rpgtop4.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
<a href="http://forum-top.ru/vote/3665" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_4.gif" alt="Рейтинг форумов Forum-top.ru" title="Рейтинг форумов Forum-top.ru" /></a>
Если же принципиально ставить на ссылки, обернутые картинками, подсказки, используйте внутри тега <img> такой код: style="display: inline-block", пример:
<img src='http://img.rpgtop.su/rpgtop4.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31' style='display: inline-block'>
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)