Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (60)
Предыдущая тема: Общие вопросы по оформлению (59)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Эту функцию имеет хостинг картинок: http://savepic.ru/
жалко только он по умолчанию не может прицепиться к форуму на загрузку картинок, как uploads
Что-то странное происходит с "кодом".
Например, раздел "Реклама". Вношу изменения в текст, нажимаю "посмотреть". И получаю:
Чтобы Код выделялся нужно ставить скрипт: Каталог скриптов/CSS См НАИБОЛЕЕ ВОСТРЕБОВАННЫЕ СКРИПТЫ
Deff
Два домена savepic (на .net и .org) вроде восстановили
Reina_Avart
1. Поставьте в конец HTML низ такой скрипт: (Выделение кода + правка ширины контента предпросмотра)
<script type="text/javascript">
function select_text(elem){if(window.getSelection){var s=window.getSelection();if(s.setBaseAndExtent){s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);}
else{var r=document.createRange();r.selectNodeContents(elem);s.removeAllRanges();s.addRange(r);}}
else if(document.getSelection){var s=document.getSelection();var r=document.createRange();r.selectNodeContents(elem);s.removeAllRanges();s.addRange(r);}
else if(document.selection){var r=document.body.createTextRange();r.moveToElementText(elem);r.select();}}
var div=document.getElementById('pun-main').getElementsByTagName('div');for(x in div){if(div[x].className=='code-box'){div[x].getElementsByClassName('legend')[0].innerHTML='<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';}}
//правка ширины контента предпросмотра
if($('#pun-post,#pun-edit,#pun-poll').length)(function() {
function setMaxWidth() {var p1=$('#pun-main').width(),p3=$('#post').css('padding-left').replace(/(em|px)/,'');
var postConWidth=parseInt(p1)-parseInt(p3)-parseInt(p3);
$('.post-box').css('max-width',postConWidth+'px');$('#post').css('overflow-x','hidden');};
$(function() {setMaxWidth();});$(window).resize(function() {setMaxWidth();});}());
</script>2. Переместите скрипт Пиар входа в HTML Верх: (Нун внимательнее читать рекомендации, куда ставить код!
<!-- Пиар-вход -->
<script src="http://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Торговец'; //Ник PR-аккаунта
PR.pass = 'wzmOkO9h'; //Пароль PR-аккаунта
PR.btn_text = 'http://forumstatic.ru/files/0017/95/26/42631.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<script type="text/javascript">
PR.nick = 'Некто'; //Ник PR-аккаунта
PR.pass = '123456'; //Пароль PR-аккаунта
PR.btn_text = 'http://forumstatic.ru/files/0017/95/26/31249.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
Доброго времени) У меня вопрос по поводу таблицы - как мне добавить в администрацию ещё одну картинку справа, чтобы таблица вся не сбилась?
http://smsc.rolka.su/
Вот код:
<style type="text/css">
#tbl-2 {
color:#610E0E;
margin-top:-50px;
position:relative;
background: transparent url(http://funkyimg.com/i/28Ak3.png) no-repeat 6px 0;
width:860px;
height:402px;
}
#tbl-2 .cnt-a {
margin:0;
padding:8px;
text-align:center;
position:absolute;
width:222px;
overflow-y:auto;
overflow-x:visible;
}
#Nav.cnt-a {
z-index:100;
overflow:visible;
padding:0;
height:67px;
width:195px;
top:190px;
left:51px;
}
#Nav li {
display:inline-block;
background: transparent url(http://funkyimg.com/i/28A4t.png) no-repeat 1px 0;
cursor:pointer;
font: normal normal 400 11px/normal Georgia;
color:#D6675F;
text-shadow: 1px 1px 0 rgba(242,137,126,.34);
height:15px;
margin-bottom:1px;
width:100%;
}
#Nav li:hover,#Nav li.active{
background-position: 2px -15px;
text-shadow: -1px -1px 0 rgba(255,255,255,.3),0 0 1.4em rgba(250,180,118,1),1px 1px 0 rgba(245,144,93,1);
color:#E34B43;
}
#Up01 {
height:96px;
top: 61px;
left:30px;
}
#Up02 {
height:298px;
top: 61px;
left:318px;
}
#Up03 {
height:201px;
top: 61px;
left:609px;
}
#Btm01 {
overflow:visible!important;
height:67px;
top: 294px;
left:30px;
}
#Btm03 {
overflow:visible!important;
height:67px;
top: 294px;
left:609px;
}
#Up02 .cnt {
margin:0 auto;padding:0;
padding-right:3px;
min-height:99%;
width:210px;
text-align:justify;
opacity:0;
display:none;
}
#Up02 .cnt.active {
opacity:1;
display:block;
}
#Up02 .cnt h5{
text-align:center;
padding:2px;
color:rgba(75,49,49,1);
text-shadow: 1px 1px 0 rgba(0,0,.4);
font: normal normal 400 12px/normal 'Georgia';
box-shadow:inset 0 0 .6em rgba(180,95,23,.7);
border-radius:12px;
}
#Btm01.cnt-a .image,#Btm03.cnt-a .image{
cursor:pointer;
display:inline-block;
position:relative;
margin-top:3px;
margin-left:2px;
margin-right:0px;
text-align:center;
}
.image pre {
background-color: rgba(222,184,144,.8);
padding:4px;
width:155px;
border-radius:7px;
border:3px solid #BD936A;
margin-left:-54px;
position:absolute;
top:102%;
box-shadow: 0 0 13px rgba(0,0,0,.3);
display:none;
}
.image:hover pre {
position:absolute; z-index:1000;
display:block;
}
.image>img {
border-radius:7px;
border:2px solid #C59E78;
}
</style>
<div id="tbl-2">
<!-- Навигация -->
<div class="cnt-a" id="Nav">
<li class="active">НАВИГАЦИЯ</li>
<li>ДАННЫЕ ОБ ИГРЕ</li>
<li>АКТИВНЫЕ ЭПИЗОДЫ</li>
<li>БАННЕРОБМЕН</li>
</div>
<!-- Верхние секции -->
<div class="cnt-a" id="Up01">
Приветствуем Вас на форумной ролевой игре по мотивам <b>МАНГИ</b> Наоко Такэути "Bishojo Senshi Sailor Moon". Рейтинг игры - <b>R</b>
<br>
<br>
<center><a href="http://smsc.rolka.su/viewtopic.php?id=51"><img src='http://funkyimg.com/i/2baqA.png'"></a></center>
</div>
<div class="cnt-a" id="Up02">
<div class="cnt active">
<h5><b>Карта форума</b></h5>
<center><br><a href="http://smsc.rolka.su/viewtopic.php?id=8">Сюжет</a><br>
<a href="http://smsc.rolka.su/viewtopic.php?id=7">Роли</a> <br>
<a href="http://smsc.rolka.su/viewtopic.php?id=14">Правила</a><br>
<a href="http://smsc.rolka.su/viewtopic.php?id=3">FAQ по миру</a> <br>
<a href="http://smsc.rolka.su/viewtopic.php?id=15">Руководство по выживанию</a><br>
<br>
<h5><b>Дополнительно к сюжету</b></h5>
<br><a href="http://smsc.rolka.su/viewtopic.php?id=44">О Земле</a><br>
<a href="http://smsc.rolka.su/viewtopic.php?id=10">О магии</a><br>
<a href="http://smsc.rolka.su/viewtopic.php?id=9">Об Альянсе Планет</a><br>
<a href="http://smsc.rolka.su/viewforum.php?id=23">О персонажах</a><br></center>
</div>
<div class="cnt">
<h5><b>Данные об игре</b></h5>
<br><b>Сейчас</b> на Земле 20 июня, вечер.<br>
<br><center><b>Жанр:</b> сёдзе, романтика, драма, мистика, экшн.<br><br>
<b>Эпизодическая</b> организация игровой зоны, <b>смешанный</b> мастеринг.<br><br>
Ролевая игра существует с <b>18 апреля 2016 года</b>.</center>
</div>
<div class="cnt">
<h5><b>Активные эпизоды</b></h5>
<br><center><a href="http://smsc.rolka.su/viewtopic.php?id=68">[№2] Бархатная перчатка и острый разум</a><br>
<a href="http://smsc.rolka.su/viewtopic.php?id=69">[№3] Бремя той, что видит</a>
<br>
<a href="http://smsc.rolka.su/viewtopic.php?id=72">[№4] Семейная терапия</a></center>
</div>
<div class="cnt">
<h5><b>Друзья</b></h5>
<br><center><a href="http://futura.rusff.ru/"><img src="http://forumstatic.ru/files/0013/61/45/40209.gif" title="каталог аниме форумов"></a> <a href="http://coffeebreak.rusff.ru/" target="_blank"> <img src="http://sg.uploads.ru/VTmwn.png" border="0" width="88" height="31" title="Ролевой Каталог CoffeeBreak"></a> <a href="http://whitepr.0pk.ru/" title="Здесь может быть ваша реклама!" target=_blank> <img src="http://forumstatic.ru/files/0010/0e/ae/72982.gif" border="0" alt="White PR"></a> <a href="http://urchoice.rolka.su/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL"></a> <a href="http://zephyr.f-rpg.ru/"><img src="http://s8.uploads.ru/q3zX5.png" alt="Зефир, помощь ролевым" title="Зефир, помощь ролевым" /></a> <a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://myfrpg.com/images/pr/tank.gif" border="0"></a> <a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="http://forumstatic.ru/files/000c/77/06/37431.gif" border="0" alt="COLOR FORUM"></a> <a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/5ls0J.gif" border="0" alt="photoshop: Renaissance"></a> <a target="_blank" href="http://www.misteria7.com/" title="Мистерия ждет Вас!"><img src="http://i84.servimg.com/u/f84/17/26/24/34/69057110.gif" border="0"></a> <a href="http://newsailormoon.rusff.ru/" target="_blank"><img src="http://s2.uploads.ru/xHnk4.png" alt="Сейлор Мун: Новая фаза Луны"/></a> <a href="http://smworld.hutt.ru/"><img src="http://s0.uploads.ru/cPGbR.gif" title="Сейлор Мун: Мир после Академии"></a> <a href="http://pmoe.rusff.ru/" alt="Planetary Moe" title="Planetary Moe" target=_blank> <img src="http://imgs.su/tmp/2014-03-25/1395757387-711.jpg" border="0" ></a> <a href="http://guardiansofharmony.ru/" target="_blank"><img src="http://se.uploads.ru/Jo41U.gif" title="Sailor Moon: Guardians of Harmony" border="0" width="88" height="31"></a> <a href="http://dalibertas.rusff.ru/" title="Dragon Age: Libertas" target="blank"><img src="http://funkyimg.com/i/25cgm.png"/></a> <a href="http://peacefullwar.rolka.su" target=_blank><img src="http://sf.uploads.ru/oruYC.png" border="0" title="Мирная Война между расами демонов, вампиров и людей" width="88" height="31"></a></center>
</div>
</div>
<div class="cnt-a" id="Up03">
<center><b>Доброго времени суток дорогие друзья!</b></center><br>
С радостью сообщаем, что нам скоро <b>исполнится 3 месяца</b>. Мы пробыли на плаву уже достаточно долго и этим стоит гордиться просто потому, что верим, надеемся и продолжаем активно развивать форум и его идею. На данном этапе у нас <b>5 сюжетных эпизодов</b>, два из которых уже завершены. Это не так много, но начало положено. А пока мы с нетерпением <u>ждём нашего дорогого принца и его лучших друзей - лордов</u> в гости на горячий кофе и, лучше бы им поторопится, а то их бравый товарищ <b>Кунсайт</b> совсем без работы останется. ^__^
<br>
<br>
Приветствуем на форуме нашего нового игрока - <b>Sailor Jupiter</b>. Безграничного вдохновения тебе, чудесная и прекрасного настроения на каждый день. Добро пожаловать в нашу дружную семью ^___^
</div>
<!-- Нижние секции -->
<div class="cnt-a" id="Btm01">
<!-- АДМИНЫ -->
<div class=image>
<img src=http://funkyimg.com/i/28rXN.png>
<pre>
<b>Artemis</b>
Сюжетный мастер
</pre>
</div>
<div class=image>
<img src=http://funkyimg.com/i/28rXM.png>
<pre>
<b>Luna</b>
Технический мастер,
графист
</pre>
</div>
<!--//Конец АДМИНЫ//-->
</div>
<div class="cnt-a" id="Btm03">
<!-- РОЗЫСК -->
<div class=image>
<img src=http://funkyimg.com/i/29JuY.png>
<pre>
Принц Эндимион
</pre>
</div>
<div class=image>
<img src=http://funkyimg.com/i/29JuW.png>
<pre>
Лорд Нефрит
</pre>
</div>
<div class=image>
<img src=http://funkyimg.com/i/29JuT.png>
<pre>
Лорд Зойсайт
</pre>
</div>
<!--//Конец РОЗЫСК//-->
</div>
</div>
<script type="text/javascript">
(function(){
var switches = $('#Nav>li');
var cnt = $('#Up02>.cnt');
switches.click(function(){
var num = switches.index(this);
cnt.removeClass('active');
switches.removeClass('active');
switches.eq(num).addClass('active');
cnt.eq(num).hide().addClass('active').fadeIn(600);
});
})();
</script>Ms. Juliet
Добавьте синим(Данные впишите свои)
<!-- Нижние секции -->
<div class="cnt-a" id="Btm01">
<!-- АДМИНЫ -->
<div class=image>
<img src=http://funkyimg.com/i/28rXN.png>
<pre>
<b>Artemis</b>
Сюжетный мастер
</pre>
</div>
<div class=image>
<img src=http://funkyimg.com/i/28rXM.png>
<pre>
<b>Luna</b>
Технический мастер,
графист
</pre>
</div>
<div class=image>
<img src=Аватарчик>
<pre>
<b>Ник</b>
Описание
</pre>
</div>
<!--//Конец АДМИНЫ//-->
</div>
Ms. Juliet
После комментария <!-- АДМИНЫ -->
Добавляете энто:
<div class=image>
<img src=http://funkyimg.com/i/28rXN.png>
<pre>
<b>Artemis</b>
Сюжетный мастер
</pre>
</div>
Красное меняете на Своё
Deff
Одновременно ответили
Alex_63
Deff
Спасибо большое 
Здравствуйте! Есть два вопроса,
первый:
"Загрузить изображение", "Дополнительно" и другие всплывающие функции окна текста не имеют под собой фона, только ссылки/кнопки на фоне форума, очень неудобно, особенно когда в окне присутствует текст, и хотелось бы исправить, чтоб было более читаемо. Как это можно сделать?
Второй:
хотелось бы сделать переключение дизайна с основного на вариант вообще без изображений, чтоб быстрее прогружалось.
Понимаю, что это должно быть на основе этого скрипта, но не знаю, как осуществить.
Помогите, пожалуйста.
решено
Отредактировано exodius (Ср, 20 Июл 2016 13:27:54)
Trufannat
1. Типовые Вопросы п.п.63
2. В скрипт переключения стилей по Вашей ссылке нун добавить стиль без картинок, собственно проблемы не вижу ...
Выберите из стандартных, скажите какой, я помогу вставить
ссылка
здравствуйте.
в хтмл-верх стоит скрипт, с которым при наведении на определенный участок появляется необходимая информация.
это гербы факультетов (там выделен только один), вот скрин http://funkyimg.com/i/2emXQ.png
мне нужно, чтобы при наведении на один из гербов, тот становился ярче, чем предыдущие, а также высвечивался на них текст (баллы). но пока не получается это сделать, и я не могу понять, почему.
exodius
1. Добавьте сюда картинки для остальных трех гербов, отпишитесь
<!-- гербы -->
<div style="height:60px; width:70px; top:148px;margin-left: 40px; position:absolute; z-index:100; overflow: auto; color: #483724; font-size: 12px;">
<div class="renoheaderhover"><div class="renoheadercontent">
<img src="http://funkyimg.com/i/2emVr.png">
<!--сюда добавить для остальных-->
</div></div></div>
Alex_63
готово
<!-- гербы --> <div style="height:60px; width:70px; top:148px;margin-left: 40px; position:absolute; z-index:100; overflow: auto; color: #483724; font-size: 12px;"> <div class="renoheaderhover"><div class="renoheadercontent"> <img src="http://funkyimg.com/i/2emVr.png"> <img src="http://funkyimg.com/i/2en16.png"> <img src="http://funkyimg.com/i/2en17.png"> <img src="http://funkyimg.com/i/2en18.png"> </div></div></div>
Подскажите, пожалуйста, каким скриптом поставить футер, чтобы он был не на стандартном месте для футера, а в самом низу форума, ниже основного фона (короче, как шапка оформлена, только футер- со сходим положением). Форум, соответственно, должен приподняться на размер футера.
Kamia Kitoho
Дайте ссылку на картинку, которую нун вставить в футер
exodius
Ни наю - пока не смог подогнать, мож к вечеру сделаю
Kamia Kitoho
Дайте ссылку на картинку, которую нун вставить в футер
Конечно
http://forumstatic.ru/files/0017/ab/bf/95636.jpg
Отредактировано Kamia Kitoho (Ср, 20 Июл 2016 13:51:13)
Kamia Kitoho
В Конец второго окна Стилей
#pun_wrap{
background:url(http://co.forum4.ru/files/0017/ab/bf/95636.jpg) bottom center no-repeat;
padding-bottom:105px;
}
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (60)
