Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (54)
Предыдущая тема: Общие вопросы по оформлению (53)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Доброго времени суток, несколько, скорее всего совсем незамысловатых вопросов) Прошу помочь)
http://dis20.rusff.ru/
• Не могу никак разобраться, как изменить белый цвет навигационной строки и как убрать подчеркивание, когда она в активном состоянии.
• В объявлении не получается сделать прокрутку на ячейку. Выделила жирным в коде эту ячейку.
<table style="width: 755px; height: 100px">
<tr>
<td align="center" style="width: 367px; height: 60px; font-size: 12px" rowspan="2" ><b>Добро пожаловать на Commun bonum!</b><br>
Скоро Новый год и чтобы заранее создать праздничное настроение, на форуме начинается новогодний мини-конкурс по созданию анимированной открытки. С правилами конкурса можно ознакомиться в этой теме. Как обычно, принять участие может любой зарегистрированный на форуме. Участвуйте и радуйте себя и других людей новогодней открыткой! <img src="http://forumstatic.ru/files/0014/de/3a/73399.png">
</td>
<td align="center" style="width: 367px; font-size: 11px; height: 30px"><b>Навигация:</b><br>
Гостевая ♦ Сюжет ♦ Нужные ♦ Анкета<br>
ЧАВО ♦ Правила ♦ Внешности
<img src="http://forumstatic.ru/files/0014/de/3a/73399.png"></td>
</tr>
<tr>
<td align="center" style="width: 367px; height: 30px; font-size: 12px"><b>Администрация проекта:</b><br><a href="http://hpboc.rusff.ru/profile.php?id=29 " target="_blank"title="Лучший пост"><img src="http://forumstatic.ru/files/0014/d9/7a/79799.png"></a> <a href="http://hpboc.rusff.ru/profile.php?id=29 " target="_blank"title="Лучший пост"><img src="http://forumstatic.ru/files/0014/d9/7a/79799.png"></a> <a href="http://hpboc.rusff.ru/profile.php?id=29 " target="_blank"title="Лучший пост"><img src="http://forumstatic.ru/files/0014/d9/7a/79799.png"></a>
</td>
</tr>
<tr>
<td align="center"><span style="width: 367px; height: 40px; font-size: 12px"><b>Активисты:</b><br><a href="http://hpboc.rusff.ru/profile.php?id=29 " target="_blank"title="Лучший пост"><img src="http://forumstatic.ru/files/0014/d9/7a/79799.png"></a> <a href="http://hpboc.rusff.ru/profile.php?id=29 " target="_blank"title="Лучший пост"><img src="http://forumstatic.ru/files/0014/d9/7a/79799.png"></a> <a href="http://hpboc.rusff.ru/profile.php?id=29 " target="_blank"title="Лучший пост"><img src="http://forumstatic.ru/files/0014/d9/7a/79799.png"></a> <a href="http://hpboc.rusff.ru/profile.php?id=29 " target="_blank"title="Лучший пост"><img src="http://forumstatic.ru/files/0014/d9/7a/79799.png"></a> <a href="http://hpboc.rusff.ru/profile.php?id=29 " target="_blank"title="Лучший пост"><img src="http://forumstatic.ru/files/0014/d9/7a/79799.png"></a></span></td>
<td style="height: 40px; font-size: 12px; overflow: auto">
Скоро Новый год и чтобы заранее создать праздничное настроение, на форуме начинается новогодний мини-конкурс по созданию анимированной открытки. С правилами конкурса можно ознакомиться в этой теме. Как обычно, принять участие может любой зарегистрированный на форуме. </td>
</tr>
</table>
Катюшка
Во Втором Окне стиля:
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #fff;
text-decoration: underline
}#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}
• В объявлении не получается сделать прокрутку на ячейку. Выделила жирным в коде эту ячейку.
имхо не наю как на ячейку, оберните контент ячейки в div, а div уже задайте
прокрутку
типо :
<div style="height:100%;width:100%;overflow: auto;overflow-x:hidden">
Тут Ваш контент
</div>
Deff Спасибо за помощь)
хочу узнать как сделать несколько вещей с этого скрина: http://funkyimg.com/i/Ro1R.png
1) как сделать кнопки "отправить" и "посмотреть" как на скрине
2) как сделать спойлеры смайлов в форму ответа именно так, как на скрине?
3) как сделать "первый набор, второй набор" смайлов и оформить их в подобном стиле, как на скрине?
мой форум: http://mari.rusff.ru/
а как сделать свою картинку в переадресации и сделать ее круглой/с тенью (если такое возможно)
http://blueberrydelond.mybb.ru/
рурушная
Я так понимаю - Вам разжевать и в рот положить ... = ждите вечера, а так есть вверху ссылка
Инструменты для поиска и редактирования стиля (скриптов).
Наводите на нужный элемент на том форуме по скриншоту и считываете стиль этого элемента
Deff
спасибо)) всегда спасаете)
Deff
может быть тут сказываются больные мозги или то, что учусь я совсем не на программиста, но понять данную схему у меня не получается до конца
поэтому, если не трудно, "разжуйте" мне вечером
Доброго дня.
Напомните, пожалуйста, как сделать, чтобы код <hr> работал? http://hustlerny.ru А то дизайнер убрала все рамки, а вместе с ними и нужные коды перестали работать
Deff
может быть тут сказываются больные мозги или то, что учусь я совсем не на программиста, но понять данную схему у меня не получается до концапоэтому, если не трудно, "разжуйте" мне вечером
Хм, бедный Deff. Не может отказать. Воспользуйтесь поиском, эти вопросы обсуждались. Дизайн отдельных элементов делается и без знаний программирования (это таки дизайн - css). Просто прочтите ту статью, зайдите на htmlbook.ru и посмотрите допустимые параметры.
Доброго дня.
Напомните, пожалуйста, как сделать, чтобы код <hr> работал? http://hustlerny.ru А то дизайнер убрала все рамки, а вместе с ними и нужные коды перестали работать
Где вы его пытаетесь использовать? Это html тег,поэтому работает в объявлении, html-полях. Почитайте: htmlbook.ru/html/hr . Вполне вероятно, что все у вас работает, просто надо сделать толщину линии больше, чтобы она стала заметной.
Хм, бедный Deff. Не может отказать.
Ребят. Вы, конечно, извините, но выглядит это не совсем красиво.
Я обращаюсь за помощью, значит я не нашла данного вопроса своими силами и прошу помощи у вас, как у знающих людей. Я понимаю, мол вам надоедает говорить одно и тоже, но я всегда получала тут помочь в более мягкой манере и мне действительно помогали, а не отправляли читать темы, в которой я не разобралась даже с 10 раза.
рурушная
Ссылку на сайт с примером
Kassandra
В конец Первого Окна стиля:
.post-content hr {
border:1px inset!important;
}
Ссылку на сайт с примером
http://enerjam.rusff.ru с этого сайта делался скрин
.post-content hr {border:1px inset!important;}
В сообщениях заработало, а в хтмл (в профиле) нет(
Kassandra
Попробуйте так:
hr {border:1px inset!important;}
рурушная
В Конец Первого Окна стиля:
.punbb input {
background: 50% 0% repeat-y #F2EBCE;
border-bottom: 3px solid #E6CA8B;
border-left: 1px solid #FFFFFF;
border-radius: 15px;
border-right: 1px solid #FFFFFF;
border-top: 3px solid #E6CA8B;
padding: 6px;
text-shadow: #F0D77B 1px 1px 1px;
}
#smilies-area{
border-top: 6px solid #9e6b29;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: 6px solid #e6ca8b;
-webkit-border-radius: 15px;
border-radius: 25px;
background: #f2ebce;
padding: 9px 10px;
text-shadow: #f3cd86 1px 1px 1px;
opacity: 0.7;
}
Cкрипт для смайлов тут: Модификация скрипта от Romych:
Deff
спасибо огромное!
Помогите пожалуйста хто нить 
Где-то здесь на форуме, давным-давно нашел скрипт кнопки со сдвигом влево при наведении курсора.
<div style="text-align: center;"><a href="Тест" title="Тест" id="down-wrap"><span class="btn-title">Тестик Тестик</span>
<span class="btn-info"><span>Упс тест Упс тест Упс тест Упс тест</span></span></a></div>
<style type="text/css">
#down-wrap,#demo-wrap {position:relative;text-align:left;padding:5px;float:left;margin:10px 10px 10px 10px;width:230px;height:50px;display:block;text-decoration:none;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
span.btn-title{color:#fff;text-align:center;font:30px/58px Tahoma, Arial, sans-serif;height:50px;width:230px;display:block;position:relative;background: #0095cd;background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background: -moz-linear-gradient(top, #00adee, #0078a5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;z-index:5;line-height:50px;-webkit-transition:width .2s ease-out;-moz-transition:width .2s ease-out;-o-transition:width .2s ease-out;}
#down-wrap:hover span.btn-title,#demo-wrap:hover span.btn-title {font-size:19px;width:135px;background: #007ead;background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));background: -moz-linear-gradient(top, #0095cc, #00678e);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');-webkit-box-shadow: 1px 0px 0 #00678E, 0 1px 1px #0095CC;-moz-box-shadow: 1px 0px 0 #00678E, 0 1px 1px #0095CC;box-shadow:1px 0px 0 #00678E,0 1px 1px #0095CC;}
.btn-info {position:absolute;height:50px;width:230px;top:5px;right:4px;-webkit-box-shadow: 0 -1px 0 #00678E, 0 1px 1px #0095CC;-moz-box-shadow: 0 -1px 0 #00678E, 0 1px 1px #0095CC;box-shadow: 0 -1px 0 #00678E, 0 1px 1px #0095CC;background: #0095cd;background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));background: -moz-linear-gradient(top, #0078a5, #00adee);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;z-index:4;}
.btn-info span {width:70px;margin:12px 12px 0 0;position:absolute;right:0;color:#EAF5FF;font:11px/12px Tahoma, Arial, sans-serif;text-align:left;}
#back-top {position: fixed;z-index:100;bottom: 30px;right: 10px;}
</style>Нужна вторая кнопка, со сдвигом вправо. Как это сделать?
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (54)